From 2bba7b760ac5c4738c3e9969c4821fc0eadfdf5f Mon Sep 17 00:00:00 2001
From: Holger Drewes <Holger.Drewes@gmail.com>
Date: Mon, 2 Mar 2026 10:39:01 +0100
Subject: [PATCH 01/29] Dynamic topics on home page + home page tests
 restructure

---
 cypress/e2e/sites/home.cy.ts | 59 +++++++++++++++++++++++++++++-------
 src/views/HomeView.vue       | 19 +++++++++---
 2 files changed, 62 insertions(+), 16 deletions(-)

diff --git a/cypress/e2e/sites/home.cy.ts b/cypress/e2e/sites/home.cy.ts
index 8bcd0d1..11c35fe 100644
--- a/cypress/e2e/sites/home.cy.ts
+++ b/cypress/e2e/sites/home.cy.ts
@@ -3,20 +3,57 @@ describe('Home Page', () => {
     cy.visit('/')
   })
 
-  it('renders intro and project overview', () => {
-    cy.contains('Interactive Ethereum Protocol Explorations')
-    cy.contains('About the Project')
-    cy.contains('Feel Your Protocol is a collaborative open-source project')
+  describe('Topics', () => {
+    it('renders at least one topic with title, image, and intro text', () => {
+      cy.contains('h2', 'Fusaka').should('be.visible')
+      cy.get('h2').contains('Fusaka').closest('a').find('img').should('exist')
+      cy.contains("Fusaka is Ethereum's next major network upgrade")
+    })
+
+    it('topic links to its dedicated page', () => {
+      cy.contains('h2', 'Fusaka').closest('a').click()
+      cy.url().should('include', '/fusaka')
+    })
   })
 
-  it('renders topic box with dancer', () => {
-    cy.contains('h2', 'Fusaka')
-    cy.get('img').should('exist')
+  describe('About section', () => {
+    it('renders project description', () => {
+      cy.contains('About the Project').should('be.visible')
+      cy.contains('Feel Your Protocol is a collaborative open-source project')
+    })
+
+    it('has link to contributor docs', () => {
+      cy.contains('a', 'Check the docs')
+        .should('have.attr', 'href', 'https://docs.feelyourprotocol.org')
+        .and('have.attr', 'target', '_blank')
+    })
+
+    it('has link to GitHub repo', () => {
+      cy.contains('a', 'code on GitHub')
+        .should('have.attr', 'href', 'https://github.com/feelyourprotocol/website')
+        .and('have.attr', 'target', '_blank')
+    })
   })
 
-  it('featured exploration boxes have entries and links work', () => {
-    cy.get('.exploration-c').should('have.length.gte', 1)
-    cy.get('.exploration-c').first().parents('a').click()
-    cy.url().should('include', '/eip-')
+  describe('Featured explorations', () => {
+    it('shows "Latest" label', () => {
+      cy.contains('Latest').should('be.visible')
+    })
+
+    it('renders three featured exploration cards', () => {
+      cy.get('.exploration-c').should('have.length', 3)
+    })
+
+    it('each card displays a title and intro text', () => {
+      cy.get('.exploration-c').each(($card) => {
+        cy.wrap($card).find('h3').should('not.be.empty')
+        cy.wrap($card).find('.font-mono').should('exist')
+      })
+    })
+
+    it('clicking an exploration card navigates to its page', () => {
+      cy.get('.exploration-c').first().closest('a').click()
+      cy.url().should('match', /\/eip-\d+/)
+    })
   })
 })
diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
index 1eec8ff..320895f 100644
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@@ -5,18 +5,27 @@ import { EXPLORATIONS, getRandomTopicExplorationImage } from '@/explorations/REG
 import { TOPICS } from '@/explorations/TOPICS'
 
 const featured = ['eip-7883', 'eip-7594', 'eip-7951']
-const fusakaImage = getRandomTopicExplorationImage('fusaka')
+
+const topicImages: Record<string, string | undefined> = {}
+for (const topicId of Object.keys(TOPICS)) {
+  topicImages[topicId] = getRandomTopicExplorationImage(topicId)
+}
 </script>
 
 <template>
   <main>
     <div class="grid md:grid-cols-2 gap-4">
       <div>
-        <RouterLink to="/fusaka" class="block no-underline">
+        <RouterLink
+          v-for="topicId in Object.keys(TOPICS)"
+          :key="topicId"
+          :to="TOPICS[topicId].path"
+          class="block mb-4 last:mb-0 no-underline"
+        >
           <TopicIntroView
-            v-if="fusakaImage"
-            :topic="TOPICS.fusaka"
-            :image="fusakaImage"
+            v-if="topicImages[topicId]"
+            :topic="TOPICS[topicId]"
+            :image="topicImages[topicId]!"
             :overviewMode="true"
           />
         </RouterLink>

From 0c4882756db72ad74638a72289cfb0a9a6679447 Mon Sep 17 00:00:00 2001
From: Holger Drewes <Holger.Drewes@gmail.com>
Date: Mon, 2 Mar 2026 11:14:06 +0100
Subject: [PATCH 02/29] Major E2E -> Unit tests shift + new respective workflow

---
 .github/workflows/unit.yml              | 29 ++++++++
 cypress/e2e/sites.cy.ts                 | 54 +++++++++++++++
 cypress/e2e/sites/home.cy.ts            | 59 -----------------
 cypress/e2e/sites/imprint.cy.ts         | 22 -------
 cypress/e2e/sites/structure.cy.ts       | 45 -------------
 cypress/e2e/sites/topic.cy.ts           | 35 ----------
 src/views/__tests__/AppLayout.spec.ts   | 65 ++++++++++++++++++
 src/views/__tests__/HomeView.spec.ts    | 88 +++++++++++++++++++++++++
 src/views/__tests__/ImprintView.spec.ts | 29 ++++++++
 src/views/__tests__/TopicView.spec.ts   | 55 ++++++++++++++++
 10 files changed, 320 insertions(+), 161 deletions(-)
 create mode 100644 .github/workflows/unit.yml
 create mode 100644 cypress/e2e/sites.cy.ts
 delete mode 100644 cypress/e2e/sites/home.cy.ts
 delete mode 100644 cypress/e2e/sites/imprint.cy.ts
 delete mode 100644 cypress/e2e/sites/structure.cy.ts
 delete mode 100644 cypress/e2e/sites/topic.cy.ts
 create mode 100644 src/views/__tests__/AppLayout.spec.ts
 create mode 100644 src/views/__tests__/HomeView.spec.ts
 create mode 100644 src/views/__tests__/ImprintView.spec.ts
 create mode 100644 src/views/__tests__/TopicView.spec.ts

diff --git a/.github/workflows/unit.yml b/.github/workflows/unit.yml
new file mode 100644
index 0000000..0c643ca
--- /dev/null
+++ b/.github/workflows/unit.yml
@@ -0,0 +1,29 @@
+name: Run Unit Tests
+on:
+  pull_request:
+    types: [opened, reopened, synchronize]
+  push:
+    branches: [master]
+    tags: ['*']
+
+concurrency:
+  group: ${{ github.workflow }}-${{ github.head_ref || github.run_id }}
+  cancel-in-progress: true
+
+jobs:
+  run-unit-tests:
+    runs-on: ubuntu-latest
+
+    steps:
+      - uses: actions/checkout@v5
+
+      - name: Use Node.js 22
+        uses: actions/setup-node@v5
+        with:
+          node-version: 22
+          cache: 'npm'
+
+      - run: npm ci
+
+      - name: Run unit tests
+        run: npx vitest run
diff --git a/cypress/e2e/sites.cy.ts b/cypress/e2e/sites.cy.ts
new file mode 100644
index 0000000..07eeb9a
--- /dev/null
+++ b/cypress/e2e/sites.cy.ts
@@ -0,0 +1,54 @@
+describe('Home', () => {
+  it('loads and displays topics and explorations', () => {
+    cy.visit('/')
+    cy.contains('h2', 'Fusaka').should('be.visible')
+    cy.get('.exploration-c').should('have.length.gte', 1)
+  })
+
+  it('topic link navigates to topic page', () => {
+    cy.visit('/')
+    cy.contains('h2', 'Fusaka').closest('a').click()
+    cy.url().should('include', '/fusaka')
+  })
+
+  it('exploration card navigates to exploration page', () => {
+    cy.visit('/')
+    cy.get('.exploration-c').first().closest('a').click()
+    cy.url().should('match', /\/eip-\d+/)
+  })
+})
+
+describe('Topic (Fusaka)', () => {
+  it('loads all exploration widgets', () => {
+    cy.visit('/fusaka')
+    cy.get('#eip-7883-c', { timeout: 10000 }).should('exist')
+    cy.get('#eip-7594-c', { timeout: 10000 }).should('exist')
+    cy.get('#eip-7951-c', { timeout: 10000 }).should('exist')
+  })
+})
+
+describe('Imprint', () => {
+  it('loads and shows key sections', () => {
+    cy.visit('/imprint')
+    cy.contains('h3', 'CONTACT')
+    cy.contains('h3', 'ACKNOWLEDGEMENTS')
+    cy.contains('h3', 'DATA')
+  })
+})
+
+describe('Navigation', () => {
+  it('full navigation flow through the site', () => {
+    cy.visit('/')
+    cy.get('header').contains('Feel Your Protocol')
+    cy.get('footer').contains('Imprint')
+
+    cy.get('#exploration-navi').select('EIP-7883')
+    cy.url().should('include', '/eip-7883')
+
+    cy.get('footer').contains('Imprint').click()
+    cy.url().should('include', '/imprint')
+
+    cy.contains('h1', 'Feel Your Protocol').click()
+    cy.url().should('eq', Cypress.config().baseUrl + '/')
+  })
+})
diff --git a/cypress/e2e/sites/home.cy.ts b/cypress/e2e/sites/home.cy.ts
deleted file mode 100644
index 11c35fe..0000000
--- a/cypress/e2e/sites/home.cy.ts
+++ /dev/null
@@ -1,59 +0,0 @@
-describe('Home Page', () => {
-  beforeEach(() => {
-    cy.visit('/')
-  })
-
-  describe('Topics', () => {
-    it('renders at least one topic with title, image, and intro text', () => {
-      cy.contains('h2', 'Fusaka').should('be.visible')
-      cy.get('h2').contains('Fusaka').closest('a').find('img').should('exist')
-      cy.contains("Fusaka is Ethereum's next major network upgrade")
-    })
-
-    it('topic links to its dedicated page', () => {
-      cy.contains('h2', 'Fusaka').closest('a').click()
-      cy.url().should('include', '/fusaka')
-    })
-  })
-
-  describe('About section', () => {
-    it('renders project description', () => {
-      cy.contains('About the Project').should('be.visible')
-      cy.contains('Feel Your Protocol is a collaborative open-source project')
-    })
-
-    it('has link to contributor docs', () => {
-      cy.contains('a', 'Check the docs')
-        .should('have.attr', 'href', 'https://docs.feelyourprotocol.org')
-        .and('have.attr', 'target', '_blank')
-    })
-
-    it('has link to GitHub repo', () => {
-      cy.contains('a', 'code on GitHub')
-        .should('have.attr', 'href', 'https://github.com/feelyourprotocol/website')
-        .and('have.attr', 'target', '_blank')
-    })
-  })
-
-  describe('Featured explorations', () => {
-    it('shows "Latest" label', () => {
-      cy.contains('Latest').should('be.visible')
-    })
-
-    it('renders three featured exploration cards', () => {
-      cy.get('.exploration-c').should('have.length', 3)
-    })
-
-    it('each card displays a title and intro text', () => {
-      cy.get('.exploration-c').each(($card) => {
-        cy.wrap($card).find('h3').should('not.be.empty')
-        cy.wrap($card).find('.font-mono').should('exist')
-      })
-    })
-
-    it('clicking an exploration card navigates to its page', () => {
-      cy.get('.exploration-c').first().closest('a').click()
-      cy.url().should('match', /\/eip-\d+/)
-    })
-  })
-})
diff --git a/cypress/e2e/sites/imprint.cy.ts b/cypress/e2e/sites/imprint.cy.ts
deleted file mode 100644
index 0b9cbf0..0000000
--- a/cypress/e2e/sites/imprint.cy.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-describe('Imprint Page', () => {
-  beforeEach(() => {
-    cy.visit('/imprint')
-  })
-
-  it('renders contact section', () => {
-    cy.contains('h3', 'CONTACT')
-    cy.contains('Holger Drewes')
-  })
-
-  it('renders acknowledgements', () => {
-    cy.contains('h3', 'ACKNOWLEDGEMENTS')
-    cy.contains('li', 'EthereumJS')
-    cy.contains('li', 'Midjourney')
-    cy.contains('li', 'Tailwind')
-  })
-
-  it('renders data privacy section', () => {
-    cy.contains('h3', 'DATA')
-    cy.contains('does not collect any personal data')
-  })
-})
diff --git a/cypress/e2e/sites/structure.cy.ts b/cypress/e2e/sites/structure.cy.ts
deleted file mode 100644
index fc90d74..0000000
--- a/cypress/e2e/sites/structure.cy.ts
+++ /dev/null
@@ -1,45 +0,0 @@
-describe('Site Structure', () => {
-  it('header renders on every page', () => {
-    for (const path of ['/', '/fusaka', '/eip-7883-modexp-gas-cost-increase', '/imprint']) {
-      cy.visit(path)
-      cy.get('header').within(() => {
-        cy.contains('h1', 'Feel Your Protocol')
-        cy.get('nav').should('exist')
-      })
-    }
-  })
-
-  it('footer renders on every page', () => {
-    for (const path of ['/', '/fusaka', '/eip-7883-modexp-gas-cost-increase', '/imprint']) {
-      cy.visit(path)
-      cy.get('footer').within(() => {
-        cy.contains('a', 'Imprint')
-        cy.contains('a', 'GitHub')
-      })
-    }
-  })
-
-  it('navigation links work', () => {
-    cy.visit('/')
-
-    cy.contains('h2', 'Fusaka').click()
-    cy.url().should('include', '/fusaka')
-
-    cy.get('#exploration-navi').select('EIP-7883')
-    cy.url().should('include', '/eip-7883')
-
-    cy.get('footer').contains('Imprint').click()
-    cy.url().should('include', '/imprint')
-
-    cy.contains('h1', 'Feel Your Protocol').click()
-    cy.url().should('eq', Cypress.config().baseUrl + '/')
-  })
-
-  it('exploration dropdown lists all explorations', () => {
-    cy.visit('/')
-    cy.get('#exploration-navi option').should('have.length.gte', 4)
-    cy.get('#exploration-navi').contains('EIP-7594')
-    cy.get('#exploration-navi').contains('EIP-7883')
-    cy.get('#exploration-navi').contains('EIP-7951')
-  })
-})
diff --git a/cypress/e2e/sites/topic.cy.ts b/cypress/e2e/sites/topic.cy.ts
deleted file mode 100644
index 1cd02ef..0000000
--- a/cypress/e2e/sites/topic.cy.ts
+++ /dev/null
@@ -1,35 +0,0 @@
-describe('Topic Page (Fusaka)', () => {
-  beforeEach(() => {
-    cy.visit('/fusaka')
-  })
-
-  it('renders topic title and external link', () => {
-    cy.contains('Fusaka')
-    cy.get('a[href="https://forkcast.org/upgrade/fusaka"]').should('exist')
-  })
-
-  it('displays all topic EIP widgets', () => {
-    cy.get('#eip-7883-c', { timeout: 10000 }).should('exist')
-    cy.get('#eip-7594-c', { timeout: 10000 }).should('exist')
-    cy.get('#eip-7951-c', { timeout: 10000 }).should('exist')
-  })
-
-  it('EIP widgets show titles', () => {
-    cy.get('#eip-7883-c').contains('h3', 'ModExp')
-    cy.get('#eip-7951-c').contains('h3', 'secp256r1')
-    cy.get('#eip-7594-c').contains('h3', 'Peer Data')
-  })
-
-  it('EIP widgets have EIP links', () => {
-    cy.get('#eip-7883-c .visit-exploration-button')
-      .should('have.attr', 'href')
-      .and('include', 'eip-7883')
-    cy.get('#eip-7951-c .visit-exploration-button')
-      .should('have.attr', 'href')
-      .and('include', 'eip-7951')
-  })
-
-  it('renders dancer image', () => {
-    cy.get('img').should('exist')
-  })
-})
diff --git a/src/views/__tests__/AppLayout.spec.ts b/src/views/__tests__/AppLayout.spec.ts
new file mode 100644
index 0000000..cc8882c
--- /dev/null
+++ b/src/views/__tests__/AppLayout.spec.ts
@@ -0,0 +1,65 @@
+import { describe, it, expect } from 'vitest'
+import { mount, RouterLinkStub } from '@vue/test-utils'
+import { createRouter, createMemoryHistory } from 'vue-router'
+import App from '../../App.vue'
+import { EXPLORATIONS } from '@/explorations/REGISTRY'
+
+const DummyView = { template: '<div>dummy</div>' }
+
+const router = createRouter({
+  history: createMemoryHistory(),
+  routes: [{ path: '/', name: 'home', component: DummyView }],
+})
+
+async function mountApp() {
+  router.push('/')
+  await router.isReady()
+  return mount(App, {
+    global: {
+      plugins: [router],
+      stubs: { RouterLink: RouterLinkStub },
+    },
+  })
+}
+
+describe('App layout', () => {
+  describe('Header', () => {
+    it('renders site title', async () => {
+      const wrapper = await mountApp()
+      expect(wrapper.find('header').text()).toContain('Feel Your Protocol')
+    })
+
+    it('renders subtitle', async () => {
+      const wrapper = await mountApp()
+      expect(wrapper.find('header').text()).toContain(
+        'Interactive Ethereum Protocol Explorations',
+      )
+    })
+
+    it('exploration dropdown lists all explorations', async () => {
+      const wrapper = await mountApp()
+      const options = wrapper.findAll('#exploration-navi option')
+      const explorationCount = Object.keys(EXPLORATIONS).length
+      expect(options).toHaveLength(explorationCount + 1) // +1 for disabled placeholder
+      for (const id of Object.keys(EXPLORATIONS)) {
+        expect(wrapper.find('#exploration-navi').text()).toContain(id.toUpperCase())
+      }
+    })
+  })
+
+  describe('Footer', () => {
+    it('has Imprint link', async () => {
+      const wrapper = await mountApp()
+      const links = wrapper.findAllComponents(RouterLinkStub)
+      expect(links.some((l) => l.props('to') === '/imprint')).toBe(true)
+    })
+
+    it('has GitHub link', async () => {
+      const wrapper = await mountApp()
+      const ghLink = wrapper.find(
+        'footer a[href="https://github.com/feelyourprotocol/website"]',
+      )
+      expect(ghLink.exists()).toBe(true)
+    })
+  })
+})
diff --git a/src/views/__tests__/HomeView.spec.ts b/src/views/__tests__/HomeView.spec.ts
new file mode 100644
index 0000000..ca88007
--- /dev/null
+++ b/src/views/__tests__/HomeView.spec.ts
@@ -0,0 +1,88 @@
+import { describe, it, expect } from 'vitest'
+import { mount, RouterLinkStub } from '@vue/test-utils'
+import HomeView from '../HomeView.vue'
+import { TOPICS } from '@/explorations/TOPICS'
+import { EXPLORATIONS } from '@/explorations/REGISTRY'
+
+const wrapper = mount(HomeView, {
+  global: {
+    stubs: { RouterLink: RouterLinkStub },
+  },
+})
+
+describe('HomeView', () => {
+  describe('Topics', () => {
+    it('renders a topic card for each topic', () => {
+      for (const topic of Object.values(TOPICS)) {
+        expect(wrapper.text()).toContain(topic.title)
+      }
+    })
+
+    it('topic cards link to correct paths', () => {
+      const links = wrapper.findAllComponents(RouterLinkStub)
+      for (const topic of Object.values(TOPICS)) {
+        expect(links.some((l) => l.props('to') === topic.path)).toBe(true)
+      }
+    })
+
+    it('renders topic images', () => {
+      const topicColumn = wrapper.find('main > div > div:first-child')
+      expect(topicColumn.findAll('img').length).toBeGreaterThanOrEqual(1)
+    })
+
+    it('shows topic intro text', () => {
+      for (const topic of Object.values(TOPICS)) {
+        if (topic.introText) {
+          expect(wrapper.text()).toContain(topic.introText)
+        }
+      }
+    })
+  })
+
+  describe('About section', () => {
+    it('renders project description', () => {
+      expect(wrapper.text()).toContain('About the Project')
+      expect(wrapper.text()).toContain(
+        'Feel Your Protocol is a collaborative open-source project',
+      )
+    })
+
+    it('has contributor docs link pointing to docs site', () => {
+      const link = wrapper.find('a[href="https://docs.feelyourprotocol.org"]')
+      expect(link.exists()).toBe(true)
+      expect(link.attributes('target')).toBe('_blank')
+    })
+
+    it('has GitHub link pointing to repo', () => {
+      const link = wrapper.find('a[href="https://github.com/feelyourprotocol/website"]')
+      expect(link.exists()).toBe(true)
+      expect(link.attributes('target')).toBe('_blank')
+    })
+  })
+
+  describe('Featured explorations', () => {
+    const featured = ['eip-7883', 'eip-7594', 'eip-7951']
+
+    it('shows "Latest" label', () => {
+      expect(wrapper.text()).toContain('Latest')
+    })
+
+    it('renders three featured exploration cards', () => {
+      expect(wrapper.findAll('.exploration-c')).toHaveLength(3)
+    })
+
+    it('cards display exploration titles', () => {
+      const titles = wrapper.findAll('.exploration-c').map((c) => c.find('h3').text())
+      for (const id of featured) {
+        expect(titles).toContainEqual(EXPLORATIONS[id].title)
+      }
+    })
+
+    it('cards link to correct exploration paths', () => {
+      const links = wrapper.findAllComponents(RouterLinkStub)
+      for (const id of featured) {
+        expect(links.some((l) => l.props('to') === EXPLORATIONS[id].path)).toBe(true)
+      }
+    })
+  })
+})
diff --git a/src/views/__tests__/ImprintView.spec.ts b/src/views/__tests__/ImprintView.spec.ts
new file mode 100644
index 0000000..ee70640
--- /dev/null
+++ b/src/views/__tests__/ImprintView.spec.ts
@@ -0,0 +1,29 @@
+import { describe, it, expect } from 'vitest'
+import { mount } from '@vue/test-utils'
+import ImprintView from '../ImprintView.vue'
+
+const wrapper = mount(ImprintView)
+
+describe('ImprintView', () => {
+  it('renders contact information', () => {
+    expect(wrapper.text()).toContain('CONTACT')
+    expect(wrapper.text()).toContain('Holger Drewes')
+  })
+
+  it('renders acknowledgements with key libraries', () => {
+    expect(wrapper.text()).toContain('ACKNOWLEDGEMENTS')
+    expect(wrapper.text()).toContain('EthereumJS')
+    expect(wrapper.text()).toContain('Tailwind')
+    expect(wrapper.text()).toContain('Midjourney')
+  })
+
+  it('renders data privacy section', () => {
+    expect(wrapper.text()).toContain('DATA')
+    expect(wrapper.text()).toContain('does not collect any personal data')
+  })
+
+  it('renders contributions section', () => {
+    expect(wrapper.text()).toContain('CONTRIBUTIONS')
+    expect(wrapper.text()).toContain('open for contributions on GitHub')
+  })
+})
diff --git a/src/views/__tests__/TopicView.spec.ts b/src/views/__tests__/TopicView.spec.ts
new file mode 100644
index 0000000..d4fd345
--- /dev/null
+++ b/src/views/__tests__/TopicView.spec.ts
@@ -0,0 +1,55 @@
+import { describe, it, expect } from 'vitest'
+import { mount, RouterLinkStub } from '@vue/test-utils'
+import { createRouter, createMemoryHistory } from 'vue-router'
+import TopicView from '../TopicView.vue'
+import { TOPICS } from '@/explorations/TOPICS'
+import { EXPLORATIONS, getTopicExplorationIds } from '@/explorations/REGISTRY'
+
+const topicId = Object.keys(TOPICS)[0]
+const topic = TOPICS[topicId]
+const explorationIds = getTopicExplorationIds(topicId)
+
+const router = createRouter({
+  history: createMemoryHistory(),
+  routes: [{ path: topic.path, name: topicId, component: TopicView }],
+})
+
+async function mountTopicView() {
+  router.push({ name: topicId })
+  await router.isReady()
+  return mount(TopicView, {
+    global: {
+      plugins: [router],
+      stubs: { RouterLink: RouterLinkStub },
+    },
+  })
+}
+
+describe('TopicView', () => {
+  it('renders all exploration cards for the topic', async () => {
+    const wrapper = await mountTopicView()
+    const cards = wrapper.findAll('.exploration-c')
+    expect(cards).toHaveLength(explorationIds.length)
+  })
+
+  it('exploration cards display correct titles', async () => {
+    const wrapper = await mountTopicView()
+    const titles = wrapper.findAll('.exploration-c').map((c) => c.find('h3').text())
+    for (const id of explorationIds) {
+      expect(titles).toContainEqual(EXPLORATIONS[id].title)
+    }
+  })
+
+  it('exploration cards link to correct paths', async () => {
+    const wrapper = await mountTopicView()
+    const links = wrapper.findAllComponents(RouterLinkStub)
+    for (const id of explorationIds) {
+      expect(links.some((l) => l.props('to') === EXPLORATIONS[id].path)).toBe(true)
+    }
+  })
+
+  it('renders topic intro with image', async () => {
+    const wrapper = await mountTopicView()
+    expect(wrapper.findAll('img').length).toBeGreaterThanOrEqual(1)
+  })
+})

From 6740856b584d1d0e3aeb60e526ab5b7f01b8e9bb Mon Sep 17 00:00:00 2001
From: Holger Drewes <Holger.Drewes@gmail.com>
Date: Mon, 2 Mar 2026 12:20:17 +0100
Subject: [PATCH 03/29] Dedicated file for the examples

---
 src/explorations/eip-7594/MyC.vue             | 23 +-------
 .../eip-7594/data}/blob_base.txt              |  0
 .../eip-7594/data}/blob_gnosis.txt            |  0
 .../eip-7594/data}/blob_lighter.txt           |  0
 src/explorations/eip-7594/examples.ts         | 19 ++++++
 src/explorations/eip-7883/MyC.vue             | 45 +-------------
 src/explorations/eip-7883/examples.ts         | 41 +++++++++++++
 src/explorations/eip-7951/MyC.vue             | 58 +------------------
 src/explorations/eip-7951/examples.ts         | 54 +++++++++++++++++
 9 files changed, 117 insertions(+), 123 deletions(-)
 rename src/{components/lib/blobs => explorations/eip-7594/data}/blob_base.txt (100%)
 rename src/{components/lib/blobs => explorations/eip-7594/data}/blob_gnosis.txt (100%)
 rename src/{components/lib/blobs => explorations/eip-7594/data}/blob_lighter.txt (100%)
 create mode 100644 src/explorations/eip-7594/examples.ts
 create mode 100644 src/explorations/eip-7883/examples.ts
 create mode 100644 src/explorations/eip-7951/examples.ts

diff --git a/src/explorations/eip-7594/MyC.vue b/src/explorations/eip-7594/MyC.vue
index 233c0f6..441edcd 100644
--- a/src/explorations/eip-7594/MyC.vue
+++ b/src/explorations/eip-7594/MyC.vue
@@ -1,10 +1,7 @@
 <script setup lang="ts">
 import { ref, type Ref } from 'vue'
 import HexDataInputC from '../../components/ui/HexDataInputC.vue'
-import { type Examples } from '../../components/lib/general.js'
-import blobBase from '../../components/lib/blobs/blob_base.txt?raw'
-import blobGnosis from '../../components/lib/blobs/blob_gnosis.txt?raw'
-import blobLighter from '../../components/lib/blobs/blob_lighter.txt?raw'
+import { examples } from './examples'
 import ExplorationC from '../ExplorationC.vue'
 import { INFO } from './info'
 import PoweredByC from '../PoweredByC.vue'
@@ -43,24 +40,6 @@ const example: Ref<string> = ref('')
 const exploration = INFO
 const topic = TOPICS[exploration.topic]
 
-/**
- * Examples
- */
-const examples: Examples = {
-  blob1: {
-    title: 'Base L2 Blob | Hash: 0x01ae971... | Block Nr: 23966811 | 2025-12-08',
-    values: [blobBase],
-  },
-  blob2: {
-    title: 'Lighter L2 Blob | Hash: 0x015ed6b... | Block Nr: 23967328 | 2025-12-08',
-    values: [blobLighter],
-  },
-  blob3: {
-    title: 'Gnosis Chain Blob | Hash: 0x01755da... | Block Nr: 43511951 | 2025-12-06',
-    values: [blobGnosis],
-  },
-}
-
 const poweredBy = exploration.poweredBy
 
 /**
diff --git a/src/components/lib/blobs/blob_base.txt b/src/explorations/eip-7594/data/blob_base.txt
similarity index 100%
rename from src/components/lib/blobs/blob_base.txt
rename to src/explorations/eip-7594/data/blob_base.txt
diff --git a/src/components/lib/blobs/blob_gnosis.txt b/src/explorations/eip-7594/data/blob_gnosis.txt
similarity index 100%
rename from src/components/lib/blobs/blob_gnosis.txt
rename to src/explorations/eip-7594/data/blob_gnosis.txt
diff --git a/src/components/lib/blobs/blob_lighter.txt b/src/explorations/eip-7594/data/blob_lighter.txt
similarity index 100%
rename from src/components/lib/blobs/blob_lighter.txt
rename to src/explorations/eip-7594/data/blob_lighter.txt
diff --git a/src/explorations/eip-7594/examples.ts b/src/explorations/eip-7594/examples.ts
new file mode 100644
index 0000000..ee52f34
--- /dev/null
+++ b/src/explorations/eip-7594/examples.ts
@@ -0,0 +1,19 @@
+import { type Examples } from '../../components/lib/general.js'
+import blobBase from './data/blob_base.txt?raw'
+import blobGnosis from './data/blob_gnosis.txt?raw'
+import blobLighter from './data/blob_lighter.txt?raw'
+
+export const examples: Examples = {
+  blob1: {
+    title: 'Base L2 Blob | Hash: 0x01ae971... | Block Nr: 23966811 | 2025-12-08',
+    values: [blobBase],
+  },
+  blob2: {
+    title: 'Lighter L2 Blob | Hash: 0x015ed6b... | Block Nr: 23967328 | 2025-12-08',
+    values: [blobLighter],
+  },
+  blob3: {
+    title: 'Gnosis Chain Blob | Hash: 0x01755da... | Block Nr: 43511951 | 2025-12-06',
+    values: [blobGnosis],
+  },
+}
diff --git a/src/explorations/eip-7883/MyC.vue b/src/explorations/eip-7883/MyC.vue
index 72d7abe..08a86a3 100644
--- a/src/explorations/eip-7883/MyC.vue
+++ b/src/explorations/eip-7883/MyC.vue
@@ -3,7 +3,6 @@ import { Hardfork } from '@ethereumjs/common'
 import { type ExecResult } from '@ethereumjs/evm'
 import { ref, watch, type Ref } from 'vue'
 import {
-  countUpwardsHexStr,
   dataToValueInput,
   isValidByteInputForm,
   padHex,
@@ -26,7 +25,7 @@ import {
   type HEX_6,
 } from '../../components/lib/precompiles.js'
 import { INFO } from './info'
-import { type Examples } from '../../components/lib/general.js'
+import { examples } from './examples'
 
 const exploration = INFO
 const topic = TOPICS[exploration.topic]
@@ -53,48 +52,6 @@ watch(hexVals, () => {
   console.log('hexVals changed', hexVals.value)
 })
 
-/**
- * Examples
- */
-const examples: Examples = {
-  simple: {
-    title: 'Simple',
-    values: ['03', '03', '02'],
-  },
-  '5-byte-exponent': {
-    title: '5-Byte Exponent',
-    values: ['03', countUpwardsHexStr(5), '02'],
-  },
-  '20-byte-exponent': {
-    title: '20-Byte Exponent',
-    values: ['03', countUpwardsHexStr(20), '02'],
-  },
-  '32-byte-exponent': {
-    title: '32-Byte Exponent',
-    values: ['03', countUpwardsHexStr(32), '02'],
-  },
-  '33-byte-exponent': {
-    title: '33-Byte Exponent',
-    values: ['03', countUpwardsHexStr(33), '02'],
-  },
-  '1024-byte-exponent': {
-    title: '1024-Byte Exponent',
-    values: ['03', countUpwardsHexStr(1024), '02'],
-  },
-  '1025-byte-exponent': {
-    title: '1025-Byte Exponent (invalid with EIP-7823)',
-    values: ['03', countUpwardsHexStr(1025), '02'],
-  },
-  'rsa-random-2048-bit': {
-    title: 'Random RSA 2048-bit',
-    values: [
-      '657468657265756d',
-      '010001',
-      'a709e2f84ac0e21eb0caa018cf7f697f774e96f8115fc2359e9cf60b1dd8d4048d974cdf8422bef6be3c162b04b916f7ea2133f0e3e4e0eee164859bd9c1e0ef0357c142f4f633b4add4aab86c8f8895cd33fbf4e024d9a3ad6be6267570b4a72d2c34354e0139e74ada665a16a2611490debb8e131a6cffc7ef25e74240803dd71a4fcd953c988111b0aa9bbc4c57024fc5e8c4462ad9049c7f1abed859c63455fa6d58b5cc34a3d3206ff74b9e96c336dbacf0cdd18ed0c66796ce00ab07f36b24cbe3342523fd8215a8e77f89e86a08db911f237459388dee642dae7cb2644a03e71ed5c6fa5077cf4090fafa556048b536b879a88f628698f0c7b420c4b7',
-    ],
-  },
-}
-
 /**
  * Example/URL helper functions
  */
diff --git a/src/explorations/eip-7883/examples.ts b/src/explorations/eip-7883/examples.ts
new file mode 100644
index 0000000..00c46c4
--- /dev/null
+++ b/src/explorations/eip-7883/examples.ts
@@ -0,0 +1,41 @@
+import { type Examples } from '../../components/lib/general.js'
+import { countUpwardsHexStr } from '../../components/lib/byteFormUtils.js'
+
+export const examples: Examples = {
+  simple: {
+    title: 'Simple',
+    values: ['03', '03', '02'],
+  },
+  '5-byte-exponent': {
+    title: '5-Byte Exponent',
+    values: ['03', countUpwardsHexStr(5), '02'],
+  },
+  '20-byte-exponent': {
+    title: '20-Byte Exponent',
+    values: ['03', countUpwardsHexStr(20), '02'],
+  },
+  '32-byte-exponent': {
+    title: '32-Byte Exponent',
+    values: ['03', countUpwardsHexStr(32), '02'],
+  },
+  '33-byte-exponent': {
+    title: '33-Byte Exponent',
+    values: ['03', countUpwardsHexStr(33), '02'],
+  },
+  '1024-byte-exponent': {
+    title: '1024-Byte Exponent',
+    values: ['03', countUpwardsHexStr(1024), '02'],
+  },
+  '1025-byte-exponent': {
+    title: '1025-Byte Exponent (invalid with EIP-7823)',
+    values: ['03', countUpwardsHexStr(1025), '02'],
+  },
+  'rsa-random-2048-bit': {
+    title: 'Random RSA 2048-bit',
+    values: [
+      '657468657265756d',
+      '010001',
+      'a709e2f84ac0e21eb0caa018cf7f697f774e96f8115fc2359e9cf60b1dd8d4048d974cdf8422bef6be3c162b04b916f7ea2133f0e3e4e0eee164859bd9c1e0ef0357c142f4f633b4add4aab86c8f8895cd33fbf4e024d9a3ad6be6267570b4a72d2c34354e0139e74ada665a16a2611490debb8e131a6cffc7ef25e74240803dd71a4fcd953c988111b0aa9bbc4c57024fc5e8c4462ad9049c7f1abed859c63455fa6d58b5cc34a3d3206ff74b9e96c336dbacf0cdd18ed0c66796ce00ab07f36b24cbe3342523fd8215a8e77f89e86a08db911f237459388dee642dae7cb2644a03e71ed5c6fa5077cf4090fafa556048b536b879a88f628698f0c7b420c4b7',
+    ],
+  },
+}
diff --git a/src/explorations/eip-7951/MyC.vue b/src/explorations/eip-7951/MyC.vue
index bf3b0c6..cf6ab72 100644
--- a/src/explorations/eip-7951/MyC.vue
+++ b/src/explorations/eip-7951/MyC.vue
@@ -22,7 +22,7 @@ import {
   type HEX_5,
 } from '../../components/lib/precompiles.js'
 import { INFO } from './info'
-import { type Examples } from '../../components/lib/general.js'
+import { examples } from './examples'
 import { PP_BOX_LAYOUT } from '../../components/lib/layout'
 
 const exploration = INFO
@@ -45,62 +45,6 @@ const poweredBy = exploration.poweredBy
 const router = useRouter()
 const route = useRoute()
 
-/**
- * Examples
- */
-const examples: Examples = {
-  valid: {
-    title: 'Valid ("Hello Fusaka!")',
-    values: [
-      '4dfb1eae8ed41e188b8a44a1109d982d01fc24bb85a933e6283e8838e46942fd',
-      'eb3dc5ce2902f162745057efb7a3308eba992c0d843623603516845ffccd3f10',
-      '3b91fedfb22f40063245c621036a040c159f02ae02e6d450ff9b53235e9232c4',
-      'bfa6d0a419b5bc625939cccb8db65a16f7c30c697928660e9da53eda031e80fa',
-      'db5998a893f9b8971a3892aecd132c0eca1bc9622e542f428d8129222f26bdc5',
-    ],
-  },
-  'invalid-sig-r': {
-    title: 'Invalid ("Hello Fusaka!"), modified sigR value',
-    values: [
-      '4dfb1eae8ed41e188b8a44a1109d982d01fc24bb85a933e6283e8838e46942fd',
-      'ee3dc5ce2902f162745057efb7a3308eba992c0d843623603516845ffccd3f10',
-      '3b91fedfb22f40063245c621036a040c159f02ae02e6d450ff9b53235e9232c4',
-      'bfa6d0a419b5bc625939cccb8db65a16f7c30c697928660e9da53eda031e80fa',
-      'db5998a893f9b8971a3892aecd132c0eca1bc9622e542f428d8129222f26bdc5',
-    ],
-  },
-  'invalid-sig-0': {
-    title: 'Invalid ("Hello Fusaka!"), sigR and sigS values 0',
-    values: [
-      '4dfb1eae8ed41e188b8a44a1109d982d01fc24bb85a933e6283e8838e46942fd',
-      '0000000000000000000000000000000000000000000000000000000000000000',
-      '0000000000000000000000000000000000000000000000000000000000000000',
-      'bfa6d0a419b5bc625939cccb8db65a16f7c30c697928660e9da53eda031e80fa',
-      'db5998a893f9b8971a3892aecd132c0eca1bc9622e542f428d8129222f26bdc5',
-    ],
-  },
-  'valid-wycheproof-special-case-hash': {
-    title: 'Valid (Wycheproof), special case hash',
-    values: [
-      '00000000690ed426ccf17803ebe2bd0884bcd58a1bb5e7477ead3645f356e7a9',
-      '16aea964a2f6506d6f78c81c91fc7e8bded7d397738448de1e19a0ec580bf266',
-      '252cd762130c6667cfe8b7bc47d27d78391e8e80c578d1cd38c3ff033be928e9',
-      '2927b10512bae3eddcfe467828128bad2903269919f7086069c8c4df6c732838',
-      'c7787964eaac00e5921fb1498a60f4606766b3d9685001558d1a974e7341513e',
-    ],
-  },
-  'invalid-wycheproof-r-too-large': {
-    title: 'Invalid (Wycheproof), r value too large',
-    values: [
-      '532eaabd9574880dbf76b9b8cc00832c20a6ec113d682299550d7a6e0f345e25',
-      'ffffffff00000001000000000000000000000000fffffffffffffffffffffffc',
-      'ffffffff00000000ffffffffffffffffbce6faada7179e84f3b9cac2fc63254e',
-      'd705d16f80987e2d9b1a6957d29ce22febf7d10fa515153182415c8361baaca4',
-      'b1fc105ee5ce80d514ec1238beae2037a6f83625593620d460819e8682160926',
-    ],
-  },
-}
-
 /**
  * Example/URL helper functions
  */
diff --git a/src/explorations/eip-7951/examples.ts b/src/explorations/eip-7951/examples.ts
new file mode 100644
index 0000000..49e8646
--- /dev/null
+++ b/src/explorations/eip-7951/examples.ts
@@ -0,0 +1,54 @@
+import { type Examples } from '../../components/lib/general.js'
+
+export const examples: Examples = {
+  valid: {
+    title: 'Valid ("Hello Fusaka!")',
+    values: [
+      '4dfb1eae8ed41e188b8a44a1109d982d01fc24bb85a933e6283e8838e46942fd',
+      'eb3dc5ce2902f162745057efb7a3308eba992c0d843623603516845ffccd3f10',
+      '3b91fedfb22f40063245c621036a040c159f02ae02e6d450ff9b53235e9232c4',
+      'bfa6d0a419b5bc625939cccb8db65a16f7c30c697928660e9da53eda031e80fa',
+      'db5998a893f9b8971a3892aecd132c0eca1bc9622e542f428d8129222f26bdc5',
+    ],
+  },
+  'invalid-sig-r': {
+    title: 'Invalid ("Hello Fusaka!"), modified sigR value',
+    values: [
+      '4dfb1eae8ed41e188b8a44a1109d982d01fc24bb85a933e6283e8838e46942fd',
+      'ee3dc5ce2902f162745057efb7a3308eba992c0d843623603516845ffccd3f10',
+      '3b91fedfb22f40063245c621036a040c159f02ae02e6d450ff9b53235e9232c4',
+      'bfa6d0a419b5bc625939cccb8db65a16f7c30c697928660e9da53eda031e80fa',
+      'db5998a893f9b8971a3892aecd132c0eca1bc9622e542f428d8129222f26bdc5',
+    ],
+  },
+  'invalid-sig-0': {
+    title: 'Invalid ("Hello Fusaka!"), sigR and sigS values 0',
+    values: [
+      '4dfb1eae8ed41e188b8a44a1109d982d01fc24bb85a933e6283e8838e46942fd',
+      '0000000000000000000000000000000000000000000000000000000000000000',
+      '0000000000000000000000000000000000000000000000000000000000000000',
+      'bfa6d0a419b5bc625939cccb8db65a16f7c30c697928660e9da53eda031e80fa',
+      'db5998a893f9b8971a3892aecd132c0eca1bc9622e542f428d8129222f26bdc5',
+    ],
+  },
+  'valid-wycheproof-special-case-hash': {
+    title: 'Valid (Wycheproof), special case hash',
+    values: [
+      '00000000690ed426ccf17803ebe2bd0884bcd58a1bb5e7477ead3645f356e7a9',
+      '16aea964a2f6506d6f78c81c91fc7e8bded7d397738448de1e19a0ec580bf266',
+      '252cd762130c6667cfe8b7bc47d27d78391e8e80c578d1cd38c3ff033be928e9',
+      '2927b10512bae3eddcfe467828128bad2903269919f7086069c8c4df6c732838',
+      'c7787964eaac00e5921fb1498a60f4606766b3d9685001558d1a974e7341513e',
+    ],
+  },
+  'invalid-wycheproof-r-too-large': {
+    title: 'Invalid (Wycheproof), r value too large',
+    values: [
+      '532eaabd9574880dbf76b9b8cc00832c20a6ec113d682299550d7a6e0f345e25',
+      'ffffffff00000001000000000000000000000000fffffffffffffffffffffffc',
+      'ffffffff00000000ffffffffffffffffbce6faada7179e84f3b9cac2fc63254e',
+      'd705d16f80987e2d9b1a6957d29ce22febf7d10fa515153182415c8361baaca4',
+      'b1fc105ee5ce80d514ec1238beae2037a6f83625593620d460819e8682160926',
+    ],
+  },
+}

From 69ee3915c5702f4e83014f760093e04ffdeb95a9 Mon Sep 17 00:00:00 2001
From: Holger Drewes <Holger.Drewes@gmail.com>
Date: Mon, 2 Mar 2026 13:20:50 +0100
Subject: [PATCH 04/29] Minor + dedicated E-Components

---
 .../precompile}/PrecompileResultC.vue         |  4 ++--
 .../precompile}/PrecompileValueInput.vue      |  4 ++--
 .../precompile/run.ts}                        |  0
 src/explorations/eip-7594/MyC.vue             |  7 ++-----
 src/explorations/eip-7883/MyC.vue             | 19 ++++++-------------
 src/explorations/eip-7951/MyC.vue             | 13 +++++--------
 src/{assets => }/main.css                     |  6 ------
 src/main.ts                                   |  2 +-
 8 files changed, 18 insertions(+), 37 deletions(-)
 rename src/{components/precompiles => eComponents/precompile}/PrecompileResultC.vue (87%)
 rename src/{components/precompiles => eComponents/precompile}/PrecompileValueInput.vue (91%)
 rename src/{components/lib/precompiles.ts => eComponents/precompile/run.ts} (100%)
 rename src/{assets => }/main.css (53%)

diff --git a/src/components/precompiles/PrecompileResultC.vue b/src/eComponents/precompile/PrecompileResultC.vue
similarity index 87%
rename from src/components/precompiles/PrecompileResultC.vue
rename to src/eComponents/precompile/PrecompileResultC.vue
index 0568564..b37c3b6 100644
--- a/src/components/precompiles/PrecompileResultC.vue
+++ b/src/eComponents/precompile/PrecompileResultC.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
 import type { ExecResult } from '@ethereumjs/evm'
 import { bytesToHex } from '@ethereumjs/util'
-import { PP_BOX_TEXT_BIG, PP_BOX_TEXT_MIDDLE, PP_BOX_TEXT_SMALL } from '../lib/layout'
-import PPBoxC from '../ui/PPBoxC.vue'
+import { PP_BOX_TEXT_BIG, PP_BOX_TEXT_MIDDLE, PP_BOX_TEXT_SMALL } from '../../components/lib/layout'
+import PPBoxC from '../../components/ui/PPBoxC.vue'
 
 const execResult = defineModel<ExecResult>()
 
diff --git a/src/components/precompiles/PrecompileValueInput.vue b/src/eComponents/precompile/PrecompileValueInput.vue
similarity index 91%
rename from src/components/precompiles/PrecompileValueInput.vue
rename to src/eComponents/precompile/PrecompileValueInput.vue
index 98eab97..ce20658 100644
--- a/src/components/precompiles/PrecompileValueInput.vue
+++ b/src/eComponents/precompile/PrecompileValueInput.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { computed } from 'vue'
-import { isValidByteInputForm } from '../lib/byteFormUtils'
-import TooltipC from '../ui/TooltipC.vue'
+import { isValidByteInputForm } from '../../components/lib/byteFormUtils'
+import TooltipC from '../../components/ui/TooltipC.vue'
 const val = defineModel<string>()
 
 const props = defineProps<{
diff --git a/src/components/lib/precompiles.ts b/src/eComponents/precompile/run.ts
similarity index 100%
rename from src/components/lib/precompiles.ts
rename to src/eComponents/precompile/run.ts
diff --git a/src/explorations/eip-7594/MyC.vue b/src/explorations/eip-7594/MyC.vue
index 441edcd..5e9d0a7 100644
--- a/src/explorations/eip-7594/MyC.vue
+++ b/src/explorations/eip-7594/MyC.vue
@@ -3,7 +3,7 @@ import { ref, type Ref } from 'vue'
 import HexDataInputC from '../../components/ui/HexDataInputC.vue'
 import { examples } from './examples'
 import ExplorationC from '../ExplorationC.vue'
-import { INFO } from './info'
+import { INFO as exploration } from './info'
 import PoweredByC from '../PoweredByC.vue'
 import { TOPICS } from '../TOPICS'
 import ExamplesC from '../../components/ui/ExamplesC.vue'
@@ -37,11 +37,8 @@ const cellProofs: Ref<string[]> = ref([''])
 const errorMsg: Ref<string> = ref('')
 const example: Ref<string> = ref('')
 
-const exploration = INFO
 const topic = TOPICS[exploration.topic]
 
-const poweredBy = exploration.poweredBy
-
 /**
  * Example/URL helper functions
  */
@@ -162,7 +159,7 @@ await init()
             <PPBoxInfoText v-else text="Same here." />
           </PPBoxC>
         </div>
-        <PoweredByC :poweredBy="poweredBy" :topic="topic" />
+        <PoweredByC :poweredBy="exploration.poweredBy" :topic="topic" />
       </div>
     </template>
   </ExplorationC>
diff --git a/src/explorations/eip-7883/MyC.vue b/src/explorations/eip-7883/MyC.vue
index 08a86a3..8f6551c 100644
--- a/src/explorations/eip-7883/MyC.vue
+++ b/src/explorations/eip-7883/MyC.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { Hardfork } from '@ethereumjs/common'
 import { type ExecResult } from '@ethereumjs/evm'
-import { ref, watch, type Ref } from 'vue'
+import { ref, type Ref } from 'vue'
 import {
   dataToValueInput,
   isValidByteInputForm,
@@ -10,9 +10,9 @@ import {
   toHex,
   valueToDataInput,
 } from '../../components/lib/byteFormUtils.js'
-import PrecompileValueInput from '../../components/precompiles/PrecompileValueInput.vue'
+import PrecompileValueInput from '../../eComponents/precompile/PrecompileValueInput.vue'
 import { useRoute, useRouter } from 'vue-router'
-import PrecompileResultC from '../../components/precompiles/PrecompileResultC.vue'
+import PrecompileResultC from '../../eComponents/precompile/PrecompileResultC.vue'
 import ExamplesC from '../../components/ui/ExamplesC.vue'
 import HexDataInputC from '../../components/ui/HexDataInputC.vue'
 import ExplorationC from '../ExplorationC.vue'
@@ -23,11 +23,10 @@ import {
   type BIGINT_6,
   type BIGINT_UNDEFINED_6,
   type HEX_6,
-} from '../../components/lib/precompiles.js'
-import { INFO } from './info'
+} from '../../eComponents/precompile/run.js'
+import { INFO as exploration } from './info'
 import { examples } from './examples'
 
-const exploration = INFO
 const topic = TOPICS[exploration.topic]
 
 const data: Ref<string> = ref('')
@@ -43,15 +42,9 @@ const example: Ref<string> = ref('')
 const execResultPre: Ref<ExecResult | undefined> = ref()
 const execResultPost: Ref<ExecResult | undefined> = ref()
 
-const poweredBy = exploration.poweredBy
-
 const router = useRouter()
 const route = useRoute()
 
-watch(hexVals, () => {
-  console.log('hexVals changed', hexVals.value)
-})
-
 /**
  * Example/URL helper functions
  */
@@ -218,7 +211,7 @@ await init()
           <PrecompileResultC v-model="execResultPre" title="Pre-Osaka" :left="true" />
           <PrecompileResultC v-model="execResultPost" title="Post-Osaka" :left="false" />
         </div>
-        <PoweredByC :poweredBy="poweredBy" :topic="topic" />
+        <PoweredByC :poweredBy="exploration.poweredBy" :topic="topic" />
       </div>
     </template>
   </ExplorationC>
diff --git a/src/explorations/eip-7951/MyC.vue b/src/explorations/eip-7951/MyC.vue
index cf6ab72..56f64bb 100644
--- a/src/explorations/eip-7951/MyC.vue
+++ b/src/explorations/eip-7951/MyC.vue
@@ -8,8 +8,8 @@ import {
   isValidByteInputForm,
   valueToDataInput,
 } from '../../components/lib/byteFormUtils.js'
-import PrecompileValueInput from '../../components/precompiles/PrecompileValueInput.vue'
-import PrecompileResultC from '../../components/precompiles/PrecompileResultC.vue'
+import PrecompileValueInput from '../../eComponents/precompile/PrecompileValueInput.vue'
+import PrecompileResultC from '../../eComponents/precompile/PrecompileResultC.vue'
 import ExamplesC from '../../components/ui/ExamplesC.vue'
 import HexDataInputC from '../../components/ui/HexDataInputC.vue'
 import ExplorationC from '../ExplorationC.vue'
@@ -20,12 +20,11 @@ import {
   type BIGINT_5,
   type BIGINT_UNDEFINED_5,
   type HEX_5,
-} from '../../components/lib/precompiles.js'
-import { INFO } from './info'
+} from '../../eComponents/precompile/run.js'
+import { INFO as exploration } from './info'
 import { examples } from './examples'
 import { PP_BOX_LAYOUT } from '../../components/lib/layout'
 
-const exploration = INFO
 const topic = TOPICS[exploration.topic]
 
 const data: Ref<string> = ref('')
@@ -40,8 +39,6 @@ const example: Ref<string> = ref('')
 const execResultPre: Ref<ExecResult | undefined> = ref()
 const execResultPost: Ref<ExecResult | undefined> = ref()
 
-const poweredBy = exploration.poweredBy
-
 const router = useRouter()
 const route = useRoute()
 
@@ -187,7 +184,7 @@ await init()
           <PrecompileResultC v-model="execResultPre" title="Pre-Osaka" :left="true" />
           <PrecompileResultC v-model="execResultPost" title="Post-Osaka" :left="false" />
         </div>
-        <PoweredByC :poweredBy="poweredBy" :topic="topic" />
+        <PoweredByC :poweredBy="exploration.poweredBy" :topic="topic" />
       </div>
     </template>
   </ExplorationC>
diff --git a/src/assets/main.css b/src/main.css
similarity index 53%
rename from src/assets/main.css
rename to src/main.css
index cb28e54..44c239b 100644
--- a/src/assets/main.css
+++ b/src/main.css
@@ -1,11 +1,5 @@
 @import 'tailwindcss';
 
-.eip-precompile-c {
-  a {
-    @apply text-blue-900 underline;
-  }
-}
-
 .pp-box {
   a {
     @apply text-white underline;
diff --git a/src/main.ts b/src/main.ts
index 5a5dbdb..97adeae 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -1,4 +1,4 @@
-import './assets/main.css'
+import './main.css'
 
 import { createApp } from 'vue'
 import App from './App.vue'

From 3bb7b1ba3fdd2c0e936325a9f9fd90c9420ee6cb Mon Sep 17 00:00:00 2001
From: Holger Drewes <Holger.Drewes@gmail.com>
Date: Mon, 2 Mar 2026 13:29:08 +0100
Subject: [PATCH 05/29] Unify import path conventions

---
 .../precompile/PrecompileResultC.vue          |  4 ++--
 .../precompile/PrecompileValueInput.vue       |  4 ++--
 src/explorations/ExplorationC.vue             |  2 +-
 src/explorations/eip-7594/MyC.vue             | 20 +++++++++----------
 src/explorations/eip-7594/examples.ts         |  2 +-
 src/explorations/eip-7594/info.ts             |  2 +-
 src/explorations/eip-7883/MyC.vue             | 18 ++++++++---------
 src/explorations/eip-7883/examples.ts         |  4 ++--
 src/explorations/eip-7883/info.ts             |  2 +-
 src/explorations/eip-7951/MyC.vue             | 20 +++++++++----------
 src/explorations/eip-7951/examples.ts         |  2 +-
 src/explorations/eip-7951/info.ts             |  2 +-
 src/views/__tests__/AppLayout.spec.ts         |  2 +-
 13 files changed, 42 insertions(+), 42 deletions(-)

diff --git a/src/eComponents/precompile/PrecompileResultC.vue b/src/eComponents/precompile/PrecompileResultC.vue
index b37c3b6..99499d0 100644
--- a/src/eComponents/precompile/PrecompileResultC.vue
+++ b/src/eComponents/precompile/PrecompileResultC.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
 import type { ExecResult } from '@ethereumjs/evm'
 import { bytesToHex } from '@ethereumjs/util'
-import { PP_BOX_TEXT_BIG, PP_BOX_TEXT_MIDDLE, PP_BOX_TEXT_SMALL } from '../../components/lib/layout'
-import PPBoxC from '../../components/ui/PPBoxC.vue'
+import { PP_BOX_TEXT_BIG, PP_BOX_TEXT_MIDDLE, PP_BOX_TEXT_SMALL } from '@/components/lib/layout'
+import PPBoxC from '@/components/ui/PPBoxC.vue'
 
 const execResult = defineModel<ExecResult>()
 
diff --git a/src/eComponents/precompile/PrecompileValueInput.vue b/src/eComponents/precompile/PrecompileValueInput.vue
index ce20658..f032a1f 100644
--- a/src/eComponents/precompile/PrecompileValueInput.vue
+++ b/src/eComponents/precompile/PrecompileValueInput.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { computed } from 'vue'
-import { isValidByteInputForm } from '../../components/lib/byteFormUtils'
-import TooltipC from '../../components/ui/TooltipC.vue'
+import { isValidByteInputForm } from '@/components/lib/byteFormUtils'
+import TooltipC from '@/components/ui/TooltipC.vue'
 const val = defineModel<string>()
 
 const props = defineProps<{
diff --git a/src/explorations/ExplorationC.vue b/src/explorations/ExplorationC.vue
index 97970c6..ea14736 100644
--- a/src/explorations/ExplorationC.vue
+++ b/src/explorations/ExplorationC.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { ArrowTopRightOnSquareIcon, ShareIcon } from '@heroicons/vue/24/solid'
-import ButtonC from '../components/ui/ButtonC.vue'
+import ButtonC from '@/components/ui/ButtonC.vue'
 import type { Exploration } from './REGISTRY'
 import { type Topic, TOPIC_COLOR_CLASSES } from './TOPICS'
 
diff --git a/src/explorations/eip-7594/MyC.vue b/src/explorations/eip-7594/MyC.vue
index 5e9d0a7..9eebbbd 100644
--- a/src/explorations/eip-7594/MyC.vue
+++ b/src/explorations/eip-7594/MyC.vue
@@ -1,19 +1,19 @@
 <script setup lang="ts">
 import { ref, type Ref } from 'vue'
-import HexDataInputC from '../../components/ui/HexDataInputC.vue'
+import HexDataInputC from '@/components/ui/HexDataInputC.vue'
 import { examples } from './examples'
-import ExplorationC from '../ExplorationC.vue'
+import ExplorationC from '@/explorations/ExplorationC.vue'
 import { INFO as exploration } from './info'
-import PoweredByC from '../PoweredByC.vue'
-import { TOPICS } from '../TOPICS'
-import ExamplesC from '../../components/ui/ExamplesC.vue'
+import PoweredByC from '@/explorations/PoweredByC.vue'
+import { TOPICS } from '@/explorations/TOPICS'
+import ExamplesC from '@/components/ui/ExamplesC.vue'
 import {
   PP_BOX_LAYOUT,
   PP_BOX_TEXT_SMALL,
   PP_BOX_LAYOUT_SINGLE,
   PP_BOX_TABLE_TD,
-} from '../../components/lib/layout'
-import PPBoxC from '../../components/ui/PPBoxC.vue'
+} from '@/components/lib/layout'
+import PPBoxC from '@/components/ui/PPBoxC.vue'
 import { trustedSetup } from '@paulmillr/trusted-setups/fast-peerdas.js'
 import { KZG as microEthKZG } from 'micro-eth-signer/kzg.js'
 import {
@@ -22,9 +22,9 @@ import {
   computeVersionedHash,
   type PrefixedHexString,
 } from '@ethereumjs/util'
-import ActionButtonC from '../../components/ui/ActionButtonC.vue'
-import PPBoxInfoText from '../../components/ui/PPBoxInfoText.vue'
-import PPBoxErrorText from '../../components/ui/PPBoxErrorText.vue'
+import ActionButtonC from '@/components/ui/ActionButtonC.vue'
+import PPBoxInfoText from '@/components/ui/PPBoxInfoText.vue'
+import PPBoxErrorText from '@/components/ui/PPBoxErrorText.vue'
 
 const kzg = new microEthKZG(trustedSetup)
 
diff --git a/src/explorations/eip-7594/examples.ts b/src/explorations/eip-7594/examples.ts
index ee52f34..7c3687d 100644
--- a/src/explorations/eip-7594/examples.ts
+++ b/src/explorations/eip-7594/examples.ts
@@ -1,4 +1,4 @@
-import { type Examples } from '../../components/lib/general.js'
+import { type Examples } from '@/components/lib/general.js'
 import blobBase from './data/blob_base.txt?raw'
 import blobGnosis from './data/blob_gnosis.txt?raw'
 import blobLighter from './data/blob_lighter.txt?raw'
diff --git a/src/explorations/eip-7594/info.ts b/src/explorations/eip-7594/info.ts
index 3e4d43f..c6e07e1 100644
--- a/src/explorations/eip-7594/info.ts
+++ b/src/explorations/eip-7594/info.ts
@@ -1,4 +1,4 @@
-import type { Exploration } from '../REGISTRY'
+import type { Exploration } from '@/explorations/REGISTRY'
 import image from './image.webp'
 
 export const INFO: Exploration = {
diff --git a/src/explorations/eip-7883/MyC.vue b/src/explorations/eip-7883/MyC.vue
index 8f6551c..ba224dd 100644
--- a/src/explorations/eip-7883/MyC.vue
+++ b/src/explorations/eip-7883/MyC.vue
@@ -9,21 +9,21 @@ import {
   toBigInt,
   toHex,
   valueToDataInput,
-} from '../../components/lib/byteFormUtils.js'
-import PrecompileValueInput from '../../eComponents/precompile/PrecompileValueInput.vue'
+} from '@/components/lib/byteFormUtils.js'
+import PrecompileValueInput from '@/eComponents/precompile/PrecompileValueInput.vue'
 import { useRoute, useRouter } from 'vue-router'
-import PrecompileResultC from '../../eComponents/precompile/PrecompileResultC.vue'
-import ExamplesC from '../../components/ui/ExamplesC.vue'
-import HexDataInputC from '../../components/ui/HexDataInputC.vue'
-import ExplorationC from '../ExplorationC.vue'
-import PoweredByC from '../PoweredByC.vue'
-import { TOPICS } from '../TOPICS'
+import PrecompileResultC from '@/eComponents/precompile/PrecompileResultC.vue'
+import ExamplesC from '@/components/ui/ExamplesC.vue'
+import HexDataInputC from '@/components/ui/HexDataInputC.vue'
+import ExplorationC from '@/explorations/ExplorationC.vue'
+import PoweredByC from '@/explorations/PoweredByC.vue'
+import { TOPICS } from '@/explorations/TOPICS'
 import {
   runPrecompile,
   type BIGINT_6,
   type BIGINT_UNDEFINED_6,
   type HEX_6,
-} from '../../eComponents/precompile/run.js'
+} from '@/eComponents/precompile/run.js'
 import { INFO as exploration } from './info'
 import { examples } from './examples'
 
diff --git a/src/explorations/eip-7883/examples.ts b/src/explorations/eip-7883/examples.ts
index 00c46c4..6688380 100644
--- a/src/explorations/eip-7883/examples.ts
+++ b/src/explorations/eip-7883/examples.ts
@@ -1,5 +1,5 @@
-import { type Examples } from '../../components/lib/general.js'
-import { countUpwardsHexStr } from '../../components/lib/byteFormUtils.js'
+import { type Examples } from '@/components/lib/general.js'
+import { countUpwardsHexStr } from '@/components/lib/byteFormUtils.js'
 
 export const examples: Examples = {
   simple: {
diff --git a/src/explorations/eip-7883/info.ts b/src/explorations/eip-7883/info.ts
index 1f6ced1..758eff3 100644
--- a/src/explorations/eip-7883/info.ts
+++ b/src/explorations/eip-7883/info.ts
@@ -1,4 +1,4 @@
-import type { Exploration } from '../REGISTRY'
+import type { Exploration } from '@/explorations/REGISTRY'
 import image from './image.webp'
 
 export const INFO: Exploration = {
diff --git a/src/explorations/eip-7951/MyC.vue b/src/explorations/eip-7951/MyC.vue
index 56f64bb..23c81bc 100644
--- a/src/explorations/eip-7951/MyC.vue
+++ b/src/explorations/eip-7951/MyC.vue
@@ -7,23 +7,23 @@ import {
   dataToValueInput,
   isValidByteInputForm,
   valueToDataInput,
-} from '../../components/lib/byteFormUtils.js'
-import PrecompileValueInput from '../../eComponents/precompile/PrecompileValueInput.vue'
-import PrecompileResultC from '../../eComponents/precompile/PrecompileResultC.vue'
-import ExamplesC from '../../components/ui/ExamplesC.vue'
-import HexDataInputC from '../../components/ui/HexDataInputC.vue'
-import ExplorationC from '../ExplorationC.vue'
-import PoweredByC from '../PoweredByC.vue'
-import { TOPICS } from '../TOPICS'
+} from '@/components/lib/byteFormUtils.js'
+import PrecompileValueInput from '@/eComponents/precompile/PrecompileValueInput.vue'
+import PrecompileResultC from '@/eComponents/precompile/PrecompileResultC.vue'
+import ExamplesC from '@/components/ui/ExamplesC.vue'
+import HexDataInputC from '@/components/ui/HexDataInputC.vue'
+import ExplorationC from '@/explorations/ExplorationC.vue'
+import PoweredByC from '@/explorations/PoweredByC.vue'
+import { TOPICS } from '@/explorations/TOPICS'
 import {
   runPrecompile,
   type BIGINT_5,
   type BIGINT_UNDEFINED_5,
   type HEX_5,
-} from '../../eComponents/precompile/run.js'
+} from '@/eComponents/precompile/run.js'
 import { INFO as exploration } from './info'
 import { examples } from './examples'
-import { PP_BOX_LAYOUT } from '../../components/lib/layout'
+import { PP_BOX_LAYOUT } from '@/components/lib/layout'
 
 const topic = TOPICS[exploration.topic]
 
diff --git a/src/explorations/eip-7951/examples.ts b/src/explorations/eip-7951/examples.ts
index 49e8646..6ab7267 100644
--- a/src/explorations/eip-7951/examples.ts
+++ b/src/explorations/eip-7951/examples.ts
@@ -1,4 +1,4 @@
-import { type Examples } from '../../components/lib/general.js'
+import { type Examples } from '@/components/lib/general.js'
 
 export const examples: Examples = {
   valid: {
diff --git a/src/explorations/eip-7951/info.ts b/src/explorations/eip-7951/info.ts
index 8f1984f..f5dc94b 100644
--- a/src/explorations/eip-7951/info.ts
+++ b/src/explorations/eip-7951/info.ts
@@ -1,4 +1,4 @@
-import type { Exploration } from '../REGISTRY'
+import type { Exploration } from '@/explorations/REGISTRY'
 import image from './image.webp'
 
 export const INFO: Exploration = {
diff --git a/src/views/__tests__/AppLayout.spec.ts b/src/views/__tests__/AppLayout.spec.ts
index cc8882c..a2d163c 100644
--- a/src/views/__tests__/AppLayout.spec.ts
+++ b/src/views/__tests__/AppLayout.spec.ts
@@ -1,7 +1,7 @@
 import { describe, it, expect } from 'vitest'
 import { mount, RouterLinkStub } from '@vue/test-utils'
 import { createRouter, createMemoryHistory } from 'vue-router'
-import App from '../../App.vue'
+import App from '@/App.vue'
 import { EXPLORATIONS } from '@/explorations/REGISTRY'
 
 const DummyView = { template: '<div>dummy</div>' }

From 4018cb040e583756bcdca0d2e0c5132d174384f1 Mon Sep 17 00:00:00 2001
From: Holger Drewes <Holger.Drewes@gmail.com>
Date: Mon, 2 Mar 2026 13:39:49 +0100
Subject: [PATCH 06/29] Import reorganization

---
 eslint.config.ts                              | 27 +++++++++++---
 package-lock.json                             | 11 ++++++
 package.json                                  |  1 +
 src/App.vue                                   |  3 +-
 src/components/lib/byteFormUtils.ts           |  2 +-
 src/components/ui/ActionButtonC.vue           |  3 +-
 .../precompile/PrecompileResultC.vue          |  1 +
 .../precompile/PrecompileValueInput.vue       |  1 +
 src/eComponents/precompile/run.ts             |  6 ++--
 src/explorations/ExplorationC.vue             |  2 ++
 src/explorations/eip-7594/MyC.vue             | 36 ++++++++++---------
 src/explorations/eip-7594/examples.ts         |  1 +
 src/explorations/eip-7594/info.ts             |  1 +
 src/explorations/eip-7883/MyC.vue             | 20 ++++++-----
 src/explorations/eip-7883/examples.ts         |  2 +-
 src/explorations/eip-7883/info.ts             |  1 +
 src/explorations/eip-7951/MyC.vue             | 22 ++++++------
 src/explorations/eip-7951/info.ts             |  1 +
 src/main.ts                                   |  2 +-
 src/router/index.ts                           |  1 +
 src/views/ExplorationView.vue                 |  4 ++-
 src/views/HomeView.vue                        |  3 +-
 src/views/TopicView.vue                       |  8 +++--
 src/views/__tests__/AppLayout.spec.ts         |  5 +--
 src/views/__tests__/HomeView.spec.ts          |  8 +++--
 src/views/__tests__/ImprintView.spec.ts       |  3 +-
 src/views/__tests__/TopicView.spec.ts         | 10 +++---
 vite.config.ts                                |  3 +-
 vitest.config.ts                              |  3 +-
 29 files changed, 125 insertions(+), 66 deletions(-)

diff --git a/eslint.config.ts b/eslint.config.ts
index 74c0b40..895caf8 100644
--- a/eslint.config.ts
+++ b/eslint.config.ts
@@ -1,11 +1,12 @@
 import { globalIgnores } from 'eslint/config'
-import { defineConfigWithVueTs, vueTsConfigs } from '@vue/eslint-config-typescript'
-import pluginVue from 'eslint-plugin-vue'
-import pluginVitest from '@vitest/eslint-plugin'
 // eslint-disable-next-line @typescript-eslint/ban-ts-comment
 // @ts-ignore
 import pluginCypress from 'eslint-plugin-cypress'
+import simpleImportSort from 'eslint-plugin-simple-import-sort'
+import pluginVue from 'eslint-plugin-vue'
+import pluginVitest from '@vitest/eslint-plugin'
 import skipFormatting from '@vue/eslint-config-prettier/skip-formatting'
+import { defineConfigWithVueTs, vueTsConfigs } from '@vue/eslint-config-typescript'
 
 // To allow more languages other than `ts` in `.vue` files, uncomment the following lines:
 // import { configureVueProject } from '@vue/eslint-config-typescript'
@@ -22,7 +23,25 @@ export default defineConfigWithVueTs(
 
   pluginVue.configs['flat/essential'],
   vueTsConfigs.recommended,
-  
+
+  {
+    name: 'app/import-sort',
+    plugins: { 'simple-import-sort': simpleImportSort },
+    rules: {
+      'simple-import-sort/imports': ['error', {
+        groups: [
+          // 1) External packages (anything not starting with . or @/)
+          ['^[^.@]', '^@(?!/)'],
+          // 2) Internal @/ alias imports
+          ['^@/'],
+          // 3) Local ./  and ../ relative imports
+          ['^\\.'],
+        ],
+      }],
+      'simple-import-sort/exports': 'error',
+    },
+  },
+
   {
     ...pluginVitest.configs.recommended,
     files: ['src/**/__tests__/*'],
diff --git a/package-lock.json b/package-lock.json
index 2b8a37c..ecbc460 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -32,6 +32,7 @@
         "cypress": "^14.5.3",
         "eslint": "^9.31.0",
         "eslint-plugin-cypress": "^5.1.0",
+        "eslint-plugin-simple-import-sort": "^12.1.1",
         "eslint-plugin-vue": "~10.3.0",
         "jiti": "^2.4.2",
         "jsdom": "^26.1.0",
@@ -5122,6 +5123,16 @@
         }
       }
     },
+    "node_modules/eslint-plugin-simple-import-sort": {
+      "version": "12.1.1",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-simple-import-sort/-/eslint-plugin-simple-import-sort-12.1.1.tgz",
+      "integrity": "sha512-6nuzu4xwQtE3332Uz0to+TxDQYRLTKRESSc2hefVT48Zc8JthmN23Gx9lnYhu0FtkRSL1oxny3kJ2aveVhmOVA==",
+      "dev": true,
+      "license": "MIT",
+      "peerDependencies": {
+        "eslint": ">=5.0.0"
+      }
+    },
     "node_modules/eslint-plugin-vue": {
       "version": "10.3.0",
       "resolved": "https://registry.npmjs.org/eslint-plugin-vue/-/eslint-plugin-vue-10.3.0.tgz",
diff --git a/package.json b/package.json
index 5741f3d..ee7541b 100644
--- a/package.json
+++ b/package.json
@@ -49,6 +49,7 @@
     "cypress": "^14.5.3",
     "eslint": "^9.31.0",
     "eslint-plugin-cypress": "^5.1.0",
+    "eslint-plugin-simple-import-sort": "^12.1.1",
     "eslint-plugin-vue": "~10.3.0",
     "jiti": "^2.4.2",
     "jsdom": "^26.1.0",
diff --git a/src/App.vue b/src/App.vue
index 89c8162..4084534 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
+import { type Ref,ref, watch } from 'vue'
 import { RouterLink, RouterView, useRoute, useRouter } from 'vue-router'
-import { ref, watch, type Ref } from 'vue'
+
 import { EXPLORATIONS } from '@/explorations/REGISTRY'
 
 const router = useRouter()
diff --git a/src/components/lib/byteFormUtils.ts b/src/components/lib/byteFormUtils.ts
index 81bee59..3fb18e7 100644
--- a/src/components/lib/byteFormUtils.ts
+++ b/src/components/lib/byteFormUtils.ts
@@ -1,5 +1,5 @@
-import { bigIntToHex, hexToBigInt, hexToBytes, isHexString } from '@ethereumjs/util'
 import type { Ref } from 'vue'
+import { bigIntToHex, hexToBigInt, hexToBytes, isHexString } from '@ethereumjs/util'
 
 /**
  * Checks for Byte input form validity
diff --git a/src/components/ui/ActionButtonC.vue b/src/components/ui/ActionButtonC.vue
index 2805774..085c3b6 100644
--- a/src/components/ui/ActionButtonC.vue
+++ b/src/components/ui/ActionButtonC.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
+import { nextTick,ref } from 'vue'
+
 import TooltipC from './TooltipC.vue'
-import { ref, nextTick } from 'vue'
 
 const props = defineProps<{
   text: string
diff --git a/src/eComponents/precompile/PrecompileResultC.vue b/src/eComponents/precompile/PrecompileResultC.vue
index 99499d0..9ae0b4b 100644
--- a/src/eComponents/precompile/PrecompileResultC.vue
+++ b/src/eComponents/precompile/PrecompileResultC.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import type { ExecResult } from '@ethereumjs/evm'
 import { bytesToHex } from '@ethereumjs/util'
+
 import { PP_BOX_TEXT_BIG, PP_BOX_TEXT_MIDDLE, PP_BOX_TEXT_SMALL } from '@/components/lib/layout'
 import PPBoxC from '@/components/ui/PPBoxC.vue'
 
diff --git a/src/eComponents/precompile/PrecompileValueInput.vue b/src/eComponents/precompile/PrecompileValueInput.vue
index f032a1f..a444af1 100644
--- a/src/eComponents/precompile/PrecompileValueInput.vue
+++ b/src/eComponents/precompile/PrecompileValueInput.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import { computed } from 'vue'
+
 import { isValidByteInputForm } from '@/components/lib/byteFormUtils'
 import TooltipC from '@/components/ui/TooltipC.vue'
 const val = defineModel<string>()
diff --git a/src/eComponents/precompile/run.ts b/src/eComponents/precompile/run.ts
index c6f47a7..a489c8f 100644
--- a/src/eComponents/precompile/run.ts
+++ b/src/eComponents/precompile/run.ts
@@ -1,7 +1,7 @@
-import { Common, Mainnet, type Hardfork } from '@ethereumjs/common'
-import { createEVM, getActivePrecompiles, type ExecResult } from '@ethereumjs/evm'
-import { hexToBytes } from '@ethereumjs/util'
 import type { Ref } from 'vue'
+import { Common, type Hardfork,Mainnet } from '@ethereumjs/common'
+import { createEVM, type ExecResult,getActivePrecompiles } from '@ethereumjs/evm'
+import { hexToBytes } from '@ethereumjs/util'
 
 type BU = bigint | undefined
 
diff --git a/src/explorations/ExplorationC.vue b/src/explorations/ExplorationC.vue
index ea14736..da6e740 100644
--- a/src/explorations/ExplorationC.vue
+++ b/src/explorations/ExplorationC.vue
@@ -1,6 +1,8 @@
 <script setup lang="ts">
 import { ArrowTopRightOnSquareIcon, ShareIcon } from '@heroicons/vue/24/solid'
+
 import ButtonC from '@/components/ui/ButtonC.vue'
+
 import type { Exploration } from './REGISTRY'
 import { type Topic, TOPIC_COLOR_CLASSES } from './TOPICS'
 
diff --git a/src/explorations/eip-7594/MyC.vue b/src/explorations/eip-7594/MyC.vue
index 9eebbbd..aa10867 100644
--- a/src/explorations/eip-7594/MyC.vue
+++ b/src/explorations/eip-7594/MyC.vue
@@ -1,30 +1,32 @@
 <script setup lang="ts">
-import { ref, type Ref } from 'vue'
-import HexDataInputC from '@/components/ui/HexDataInputC.vue'
-import { examples } from './examples'
-import ExplorationC from '@/explorations/ExplorationC.vue'
-import { INFO as exploration } from './info'
-import PoweredByC from '@/explorations/PoweredByC.vue'
-import { TOPICS } from '@/explorations/TOPICS'
-import ExamplesC from '@/components/ui/ExamplesC.vue'
-import {
-  PP_BOX_LAYOUT,
-  PP_BOX_TEXT_SMALL,
-  PP_BOX_LAYOUT_SINGLE,
-  PP_BOX_TABLE_TD,
-} from '@/components/lib/layout'
-import PPBoxC from '@/components/ui/PPBoxC.vue'
-import { trustedSetup } from '@paulmillr/trusted-setups/fast-peerdas.js'
 import { KZG as microEthKZG } from 'micro-eth-signer/kzg.js'
+import { type Ref,ref } from 'vue'
 import {
   blobsToCellProofs,
   blobsToProofs,
   computeVersionedHash,
   type PrefixedHexString,
 } from '@ethereumjs/util'
+import { trustedSetup } from '@paulmillr/trusted-setups/fast-peerdas.js'
+
+import {
+  PP_BOX_LAYOUT,
+  PP_BOX_LAYOUT_SINGLE,
+  PP_BOX_TABLE_TD,
+  PP_BOX_TEXT_SMALL,
+} from '@/components/lib/layout'
 import ActionButtonC from '@/components/ui/ActionButtonC.vue'
-import PPBoxInfoText from '@/components/ui/PPBoxInfoText.vue'
+import ExamplesC from '@/components/ui/ExamplesC.vue'
+import HexDataInputC from '@/components/ui/HexDataInputC.vue'
+import PPBoxC from '@/components/ui/PPBoxC.vue'
 import PPBoxErrorText from '@/components/ui/PPBoxErrorText.vue'
+import PPBoxInfoText from '@/components/ui/PPBoxInfoText.vue'
+import ExplorationC from '@/explorations/ExplorationC.vue'
+import PoweredByC from '@/explorations/PoweredByC.vue'
+import { TOPICS } from '@/explorations/TOPICS'
+
+import { examples } from './examples'
+import { INFO as exploration } from './info'
 
 const kzg = new microEthKZG(trustedSetup)
 
diff --git a/src/explorations/eip-7594/examples.ts b/src/explorations/eip-7594/examples.ts
index 7c3687d..3cfd5a5 100644
--- a/src/explorations/eip-7594/examples.ts
+++ b/src/explorations/eip-7594/examples.ts
@@ -1,4 +1,5 @@
 import { type Examples } from '@/components/lib/general.js'
+
 import blobBase from './data/blob_base.txt?raw'
 import blobGnosis from './data/blob_gnosis.txt?raw'
 import blobLighter from './data/blob_lighter.txt?raw'
diff --git a/src/explorations/eip-7594/info.ts b/src/explorations/eip-7594/info.ts
index c6e07e1..0bfadcd 100644
--- a/src/explorations/eip-7594/info.ts
+++ b/src/explorations/eip-7594/info.ts
@@ -1,4 +1,5 @@
 import type { Exploration } from '@/explorations/REGISTRY'
+
 import image from './image.webp'
 
 export const INFO: Exploration = {
diff --git a/src/explorations/eip-7883/MyC.vue b/src/explorations/eip-7883/MyC.vue
index ba224dd..6b49cd8 100644
--- a/src/explorations/eip-7883/MyC.vue
+++ b/src/explorations/eip-7883/MyC.vue
@@ -1,7 +1,9 @@
 <script setup lang="ts">
+import { type Ref,ref } from 'vue'
+import { useRoute, useRouter } from 'vue-router'
 import { Hardfork } from '@ethereumjs/common'
 import { type ExecResult } from '@ethereumjs/evm'
-import { ref, type Ref } from 'vue'
+
 import {
   dataToValueInput,
   isValidByteInputForm,
@@ -10,22 +12,22 @@ import {
   toHex,
   valueToDataInput,
 } from '@/components/lib/byteFormUtils.js'
-import PrecompileValueInput from '@/eComponents/precompile/PrecompileValueInput.vue'
-import { useRoute, useRouter } from 'vue-router'
-import PrecompileResultC from '@/eComponents/precompile/PrecompileResultC.vue'
 import ExamplesC from '@/components/ui/ExamplesC.vue'
 import HexDataInputC from '@/components/ui/HexDataInputC.vue'
-import ExplorationC from '@/explorations/ExplorationC.vue'
-import PoweredByC from '@/explorations/PoweredByC.vue'
-import { TOPICS } from '@/explorations/TOPICS'
+import PrecompileResultC from '@/eComponents/precompile/PrecompileResultC.vue'
+import PrecompileValueInput from '@/eComponents/precompile/PrecompileValueInput.vue'
 import {
-  runPrecompile,
   type BIGINT_6,
   type BIGINT_UNDEFINED_6,
   type HEX_6,
+  runPrecompile,
 } from '@/eComponents/precompile/run.js'
-import { INFO as exploration } from './info'
+import ExplorationC from '@/explorations/ExplorationC.vue'
+import PoweredByC from '@/explorations/PoweredByC.vue'
+import { TOPICS } from '@/explorations/TOPICS'
+
 import { examples } from './examples'
+import { INFO as exploration } from './info'
 
 const topic = TOPICS[exploration.topic]
 
diff --git a/src/explorations/eip-7883/examples.ts b/src/explorations/eip-7883/examples.ts
index 6688380..725f90a 100644
--- a/src/explorations/eip-7883/examples.ts
+++ b/src/explorations/eip-7883/examples.ts
@@ -1,5 +1,5 @@
-import { type Examples } from '@/components/lib/general.js'
 import { countUpwardsHexStr } from '@/components/lib/byteFormUtils.js'
+import { type Examples } from '@/components/lib/general.js'
 
 export const examples: Examples = {
   simple: {
diff --git a/src/explorations/eip-7883/info.ts b/src/explorations/eip-7883/info.ts
index 758eff3..097a9bd 100644
--- a/src/explorations/eip-7883/info.ts
+++ b/src/explorations/eip-7883/info.ts
@@ -1,4 +1,5 @@
 import type { Exploration } from '@/explorations/REGISTRY'
+
 import image from './image.webp'
 
 export const INFO: Exploration = {
diff --git a/src/explorations/eip-7951/MyC.vue b/src/explorations/eip-7951/MyC.vue
index 23c81bc..0514923 100644
--- a/src/explorations/eip-7951/MyC.vue
+++ b/src/explorations/eip-7951/MyC.vue
@@ -1,29 +1,31 @@
 <script setup lang="ts">
+import { type Ref,ref } from 'vue'
+import { useRoute, useRouter } from 'vue-router'
 import { Hardfork } from '@ethereumjs/common'
 import { type ExecResult } from '@ethereumjs/evm'
-import { ref, type Ref } from 'vue'
-import { useRoute, useRouter } from 'vue-router'
+
 import {
   dataToValueInput,
   isValidByteInputForm,
   valueToDataInput,
 } from '@/components/lib/byteFormUtils.js'
-import PrecompileValueInput from '@/eComponents/precompile/PrecompileValueInput.vue'
-import PrecompileResultC from '@/eComponents/precompile/PrecompileResultC.vue'
+import { PP_BOX_LAYOUT } from '@/components/lib/layout'
 import ExamplesC from '@/components/ui/ExamplesC.vue'
 import HexDataInputC from '@/components/ui/HexDataInputC.vue'
-import ExplorationC from '@/explorations/ExplorationC.vue'
-import PoweredByC from '@/explorations/PoweredByC.vue'
-import { TOPICS } from '@/explorations/TOPICS'
+import PrecompileResultC from '@/eComponents/precompile/PrecompileResultC.vue'
+import PrecompileValueInput from '@/eComponents/precompile/PrecompileValueInput.vue'
 import {
-  runPrecompile,
   type BIGINT_5,
   type BIGINT_UNDEFINED_5,
   type HEX_5,
+  runPrecompile,
 } from '@/eComponents/precompile/run.js'
-import { INFO as exploration } from './info'
+import ExplorationC from '@/explorations/ExplorationC.vue'
+import PoweredByC from '@/explorations/PoweredByC.vue'
+import { TOPICS } from '@/explorations/TOPICS'
+
 import { examples } from './examples'
-import { PP_BOX_LAYOUT } from '@/components/lib/layout'
+import { INFO as exploration } from './info'
 
 const topic = TOPICS[exploration.topic]
 
diff --git a/src/explorations/eip-7951/info.ts b/src/explorations/eip-7951/info.ts
index f5dc94b..a71430f 100644
--- a/src/explorations/eip-7951/info.ts
+++ b/src/explorations/eip-7951/info.ts
@@ -1,4 +1,5 @@
 import type { Exploration } from '@/explorations/REGISTRY'
+
 import image from './image.webp'
 
 export const INFO: Exploration = {
diff --git a/src/main.ts b/src/main.ts
index 97adeae..ef8433e 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -1,6 +1,6 @@
 import './main.css'
-
 import { createApp } from 'vue'
+
 import App from './App.vue'
 import router from './router'
 
diff --git a/src/router/index.ts b/src/router/index.ts
index 26767d4..72a651e 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -1,4 +1,5 @@
 import { createRouter, createWebHistory } from 'vue-router'
+
 import { EXPLORATIONS } from '@/explorations/REGISTRY'
 import { TOPICS } from '@/explorations/TOPICS'
 
diff --git a/src/views/ExplorationView.vue b/src/views/ExplorationView.vue
index 1cb219f..d5f7dc7 100644
--- a/src/views/ExplorationView.vue
+++ b/src/views/ExplorationView.vue
@@ -1,8 +1,10 @@
 <script setup lang="ts">
 import { defineAsyncComponent } from 'vue'
 import { useRoute } from 'vue-router'
+
 import { EXPLORATIONS } from '@/explorations/REGISTRY'
-import { TOPICS, TOPIC_COLOR_CLASSES } from '@/explorations/TOPICS'
+import { TOPIC_COLOR_CLASSES,TOPICS } from '@/explorations/TOPICS'
+
 import TopicIntroView from './TopicIntroView.vue'
 
 const route = useRoute()
diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
index 320895f..6d2c4a6 100644
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@@ -1,9 +1,10 @@
 <script setup lang="ts">
-import TopicIntroView from './TopicIntroView.vue'
 import ExplorationC from '@/explorations/ExplorationC.vue'
 import { EXPLORATIONS, getRandomTopicExplorationImage } from '@/explorations/REGISTRY'
 import { TOPICS } from '@/explorations/TOPICS'
 
+import TopicIntroView from './TopicIntroView.vue'
+
 const featured = ['eip-7883', 'eip-7594', 'eip-7951']
 
 const topicImages: Record<string, string | undefined> = {}
diff --git a/src/views/TopicView.vue b/src/views/TopicView.vue
index 9afcfb8..fbf8060 100644
--- a/src/views/TopicView.vue
+++ b/src/views/TopicView.vue
@@ -1,14 +1,16 @@
 <script setup lang="ts">
-import ExplorationC from '@/explorations/ExplorationC.vue'
-import TopicIntroView from './TopicIntroView.vue'
 import { useRoute } from 'vue-router'
+
+import ExplorationC from '@/explorations/ExplorationC.vue'
 import {
   EXPLORATIONS,
-  getTopicExplorationIds,
   getRandomTopicExplorationImage,
+  getTopicExplorationIds,
 } from '@/explorations/REGISTRY'
 import { TOPICS } from '@/explorations/TOPICS'
 
+import TopicIntroView from './TopicIntroView.vue'
+
 const route = useRoute()
 const topicId = route.name as string
 const topic = TOPICS[topicId]
diff --git a/src/views/__tests__/AppLayout.spec.ts b/src/views/__tests__/AppLayout.spec.ts
index a2d163c..b7c68b9 100644
--- a/src/views/__tests__/AppLayout.spec.ts
+++ b/src/views/__tests__/AppLayout.spec.ts
@@ -1,6 +1,7 @@
-import { describe, it, expect } from 'vitest'
+import { describe, expect,it } from 'vitest'
+import { createMemoryHistory,createRouter } from 'vue-router'
 import { mount, RouterLinkStub } from '@vue/test-utils'
-import { createRouter, createMemoryHistory } from 'vue-router'
+
 import App from '@/App.vue'
 import { EXPLORATIONS } from '@/explorations/REGISTRY'
 
diff --git a/src/views/__tests__/HomeView.spec.ts b/src/views/__tests__/HomeView.spec.ts
index ca88007..c52d11d 100644
--- a/src/views/__tests__/HomeView.spec.ts
+++ b/src/views/__tests__/HomeView.spec.ts
@@ -1,8 +1,10 @@
-import { describe, it, expect } from 'vitest'
+import { describe, expect,it } from 'vitest'
 import { mount, RouterLinkStub } from '@vue/test-utils'
-import HomeView from '../HomeView.vue'
-import { TOPICS } from '@/explorations/TOPICS'
+
 import { EXPLORATIONS } from '@/explorations/REGISTRY'
+import { TOPICS } from '@/explorations/TOPICS'
+
+import HomeView from '../HomeView.vue'
 
 const wrapper = mount(HomeView, {
   global: {
diff --git a/src/views/__tests__/ImprintView.spec.ts b/src/views/__tests__/ImprintView.spec.ts
index ee70640..7c4e5dd 100644
--- a/src/views/__tests__/ImprintView.spec.ts
+++ b/src/views/__tests__/ImprintView.spec.ts
@@ -1,5 +1,6 @@
-import { describe, it, expect } from 'vitest'
+import { describe, expect,it } from 'vitest'
 import { mount } from '@vue/test-utils'
+
 import ImprintView from '../ImprintView.vue'
 
 const wrapper = mount(ImprintView)
diff --git a/src/views/__tests__/TopicView.spec.ts b/src/views/__tests__/TopicView.spec.ts
index d4fd345..fbe3910 100644
--- a/src/views/__tests__/TopicView.spec.ts
+++ b/src/views/__tests__/TopicView.spec.ts
@@ -1,9 +1,11 @@
-import { describe, it, expect } from 'vitest'
+import { describe, expect,it } from 'vitest'
+import { createMemoryHistory,createRouter } from 'vue-router'
 import { mount, RouterLinkStub } from '@vue/test-utils'
-import { createRouter, createMemoryHistory } from 'vue-router'
-import TopicView from '../TopicView.vue'
-import { TOPICS } from '@/explorations/TOPICS'
+
 import { EXPLORATIONS, getTopicExplorationIds } from '@/explorations/REGISTRY'
+import { TOPICS } from '@/explorations/TOPICS'
+
+import TopicView from '../TopicView.vue'
 
 const topicId = Object.keys(TOPICS)[0]
 const topic = TOPICS[topicId]
diff --git a/vite.config.ts b/vite.config.ts
index 960b7de..205bc7c 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -1,9 +1,8 @@
 import { fileURLToPath, URL } from 'node:url'
-
 import { defineConfig } from 'vite'
-import vue from '@vitejs/plugin-vue'
 import vueDevTools from 'vite-plugin-vue-devtools'
 import tailwindcss from '@tailwindcss/vite'
+import vue from '@vitejs/plugin-vue'
 
 // https://vite.dev/config/
 export default defineConfig({
diff --git a/vitest.config.ts b/vitest.config.ts
index c328717..366f825 100644
--- a/vitest.config.ts
+++ b/vitest.config.ts
@@ -1,5 +1,6 @@
 import { fileURLToPath } from 'node:url'
-import { mergeConfig, defineConfig, configDefaults } from 'vitest/config'
+import { configDefaults,defineConfig, mergeConfig } from 'vitest/config'
+
 import viteConfig from './vite.config'
 
 export default mergeConfig(

From 48335fa031ed634303439d10dcec54ec53c856e9 Mon Sep 17 00:00:00 2001
From: Holger Drewes <Holger.Drewes@gmail.com>
Date: Mon, 2 Mar 2026 13:50:45 +0100
Subject: [PATCH 07/29] Some code optimizations

---
 src/explorations/eip-7594/MyC.vue | 24 ++++++++++++------------
 src/explorations/eip-7883/MyC.vue | 29 ++++++++++++-----------------
 src/explorations/eip-7951/MyC.vue | 28 ++++++++++++----------------
 3 files changed, 36 insertions(+), 45 deletions(-)

diff --git a/src/explorations/eip-7594/MyC.vue b/src/explorations/eip-7594/MyC.vue
index aa10867..c4c9329 100644
--- a/src/explorations/eip-7594/MyC.vue
+++ b/src/explorations/eip-7594/MyC.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { KZG as microEthKZG } from 'micro-eth-signer/kzg.js'
-import { type Ref,ref } from 'vue'
+import { ref } from 'vue'
 import {
   blobsToCellProofs,
   blobsToProofs,
@@ -30,21 +30,21 @@ import { INFO as exploration } from './info'
 
 const kzg = new microEthKZG(trustedSetup)
 
-const data: Ref<string> = ref('')
-const commitment: Ref<string> = ref('')
-const versionedHash: Ref<string> = ref('')
-const blobProof: Ref<string> = ref('')
-const cellProofs: Ref<string[]> = ref([''])
+const data = ref('')
+const commitment = ref('')
+const versionedHash = ref('')
+const blobProof = ref('')
+const cellProofs = ref([''])
 
-const errorMsg: Ref<string> = ref('')
-const example: Ref<string> = ref('')
+const errorMsg = ref('')
+const example = ref('')
 
 const topic = TOPICS[exploration.topic]
 
 /**
  * Example/URL helper functions
  */
-const selectExample = async () => {
+async function selectExample() {
   if (example.value === '') {
     return
   }
@@ -100,7 +100,7 @@ await init()
 
 <template>
   <ExplorationC explorationId="eip-7594" :exploration="exploration" :topic="topic">
-    <template v-slot:content>
+    <template #content>
       <div class="mt-3 text-right">
         <ActionButtonC
           tooltip="This is a bit slow (> 10 seconds)"
@@ -142,13 +142,13 @@ await init()
         </div>
         <div :class="PP_BOX_LAYOUT">
           <PPBoxC title="EIP-4844 | 1 Blob Proof" :left="true" class="4844-box">
-            <p v-if="commitment != ''" :class="PP_BOX_TEXT_SMALL">
+            <p v-if="commitment !== ''" :class="PP_BOX_TEXT_SMALL">
               {{ blobProof }}
             </p>
             <PPBoxInfoText v-else text="Same here." />
           </PPBoxC>
           <PPBoxC title="EIP-7594 | 128 Cell Proofs" :left="false" class="7594-box">
-            <div v-if="commitment != ''">
+            <div v-if="commitment !== ''">
               <p
                 v-for="(value, index) in cellProofs.slice(0, 4)"
                 :class="PP_BOX_TEXT_SMALL"
diff --git a/src/explorations/eip-7883/MyC.vue b/src/explorations/eip-7883/MyC.vue
index 6b49cd8..d94175c 100644
--- a/src/explorations/eip-7883/MyC.vue
+++ b/src/explorations/eip-7883/MyC.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { type Ref,ref } from 'vue'
+import { ref } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
 import { Hardfork } from '@ethereumjs/common'
 import { type ExecResult } from '@ethereumjs/evm'
@@ -31,18 +31,18 @@ import { INFO as exploration } from './info'
 
 const topic = TOPICS[exploration.topic]
 
-const data: Ref<string> = ref('')
+const data = ref('')
 
-const hexVals: Ref<HEX_6> = ref(Array(6).fill('00'.repeat(32)) as HEX_6)
-const bigIntVals: Ref<BIGINT_UNDEFINED_6> = ref(Array(6).fill(0n) as BIGINT_6)
+const hexVals = ref(Array(6).fill('00'.repeat(32)) as HEX_6)
+const bigIntVals = ref(Array(6).fill(0n) as BIGINT_6)
 
-const lengthsMask: Ref<BIGINT_UNDEFINED_6> = ref([32n, 32n, 32n, undefined, undefined, undefined])
-const byteLengths: Ref<BIGINT_6> = ref(Array(6).fill(0n) as BIGINT_6)
+const lengthsMask = ref<BIGINT_UNDEFINED_6>([32n, 32n, 32n, undefined, undefined, undefined])
+const byteLengths = ref(Array(6).fill(0n) as BIGINT_6)
 
-const example: Ref<string> = ref('')
+const example = ref('')
 
-const execResultPre: Ref<ExecResult | undefined> = ref()
-const execResultPost: Ref<ExecResult | undefined> = ref()
+const execResultPre = ref<ExecResult | undefined>()
+const execResultPost = ref<ExecResult | undefined>()
 
 const router = useRouter()
 const route = useRoute()
@@ -50,7 +50,7 @@ const route = useRoute()
 /**
  * Example/URL helper functions
  */
-const selectExample = async () => {
+async function selectExample() {
   if (example.value === '') {
     return
   }
@@ -72,10 +72,6 @@ function shareURL() {
   window.open(routeData.href, '_blank')
 }
 
-/**
- * EVM Initialization
- */
-
 /**
  * Run the precompile
  */
@@ -143,7 +139,6 @@ async function values2Data() {
  * The (some) individual values form values changed.
  */
 async function onValueInputFormChange() {
-  console.log('onValueInputFormChange')
   example.value = ''
   await values2Data()
 }
@@ -159,7 +154,7 @@ async function init() {
       hexVals.value[5] = route.query['m']!.toString()
       await values2Data()
     } catch {
-      console.log('Invalid parameter call!')
+      // Fallback to default example on invalid URL params
     }
   } else {
     example.value = 'simple'
@@ -177,7 +172,7 @@ await init()
     :topic="topic"
     :shareURL="shareURL"
   >
-    <template v-slot:content>
+    <template #content>
       <div>
         <ExamplesC v-model="example" :examples="examples" :change="selectExample" />
         <HexDataInputC v-model="data" rows="6" :formChange="onDataInputFormChange" />
diff --git a/src/explorations/eip-7951/MyC.vue b/src/explorations/eip-7951/MyC.vue
index 0514923..37bbdc2 100644
--- a/src/explorations/eip-7951/MyC.vue
+++ b/src/explorations/eip-7951/MyC.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { type Ref,ref } from 'vue'
+import { ref } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
 import { Hardfork } from '@ethereumjs/common'
 import { type ExecResult } from '@ethereumjs/evm'
@@ -29,17 +29,17 @@ import { INFO as exploration } from './info'
 
 const topic = TOPICS[exploration.topic]
 
-const data: Ref<string> = ref('')
-const hexVals: Ref<HEX_5> = ref(Array(5).fill('') as HEX_5)
-const bigIntVals: Ref<BIGINT_UNDEFINED_5> = ref(Array(5).fill(undefined) as BIGINT_UNDEFINED_5)
+const data = ref('')
+const hexVals = ref(Array(5).fill('') as HEX_5)
+const bigIntVals = ref(Array(5).fill(undefined) as BIGINT_UNDEFINED_5)
 
-const lengthsMask: Ref<BIGINT_UNDEFINED_5> = ref([32n, 32n, 32n, 32n, 32n])
-const byteLengths: Ref<BIGINT_5> = ref(Array(5).fill(0n) as BIGINT_5)
+const lengthsMask = ref<BIGINT_UNDEFINED_5>([32n, 32n, 32n, 32n, 32n])
+const byteLengths = ref(Array(5).fill(0n) as BIGINT_5)
 
-const example: Ref<string> = ref('')
+const example = ref('')
 
-const execResultPre: Ref<ExecResult | undefined> = ref()
-const execResultPost: Ref<ExecResult | undefined> = ref()
+const execResultPre = ref<ExecResult | undefined>()
+const execResultPost = ref<ExecResult | undefined>()
 
 const router = useRouter()
 const route = useRoute()
@@ -47,7 +47,7 @@ const route = useRoute()
 /**
  * Example/URL helper functions
  */
-const selectExample = async () => {
+async function selectExample() {
   if (example.value === '') {
     return
   }
@@ -71,10 +71,6 @@ function shareURL() {
   window.open(routeData.href, '_blank')
 }
 
-/**
- * EVM Initialization
- */
-
 /**
  * Run the precompile
  */
@@ -148,7 +144,7 @@ async function init() {
       hexVals.value[4] = route.query['puby']!.toString()
       await values2Data()
     } catch {
-      console.log('Invalid parameter call!')
+      // Fallback to default example on invalid URL params
     }
   } else {
     example.value = 'valid'
@@ -166,7 +162,7 @@ await init()
     :topic="topic"
     :shareURL="shareURL"
   >
-    <template v-slot:content>
+    <template #content>
       <div>
         <ExamplesC v-model="example" :examples="examples" :change="selectExample" />
         <HexDataInputC v-model="data" rows="6" :formChange="onDataInputFormChange" />

From 571325ce090e0e4f94ab1e57030dd701632be92e Mon Sep 17 00:00:00 2001
From: Holger Drewes <Holger.Drewes@gmail.com>
Date: Mon, 2 Mar 2026 14:25:57 +0100
Subject: [PATCH 08/29] Radical precompile component rewrite

---
 src/eComponents/precompile/run.ts             |  10 -
 src/eComponents/precompile/types.ts           |  22 ++
 .../precompile/usePrecompileState.ts          | 142 ++++++++++++
 src/explorations/eip-7883/MyC.vue             | 214 ++++--------------
 src/explorations/eip-7951/MyC.vue             | 173 +++-----------
 5 files changed, 242 insertions(+), 319 deletions(-)
 create mode 100644 src/eComponents/precompile/types.ts
 create mode 100644 src/eComponents/precompile/usePrecompileState.ts

diff --git a/src/eComponents/precompile/run.ts b/src/eComponents/precompile/run.ts
index a489c8f..d775381 100644
--- a/src/eComponents/precompile/run.ts
+++ b/src/eComponents/precompile/run.ts
@@ -3,16 +3,6 @@ import { Common, type Hardfork,Mainnet } from '@ethereumjs/common'
 import { createEVM, type ExecResult,getActivePrecompiles } from '@ethereumjs/evm'
 import { hexToBytes } from '@ethereumjs/util'
 
-type BU = bigint | undefined
-
-export type HEX_5 = [string, string, string, string, string]
-export type BIGINT_5 = [bigint, bigint, bigint, bigint, bigint]
-export type BIGINT_UNDEFINED_5 = [BU, BU, BU, BU, BU]
-
-export type HEX_6 = [string, string, string, string, string, string]
-export type BIGINT_6 = [bigint, bigint, bigint, bigint, bigint, bigint]
-export type BIGINT_UNDEFINED_6 = [BU, BU, BU, BU, BU, BU]
-
 export async function runPrecompile(
   data: string,
   preHF: Hardfork,
diff --git a/src/eComponents/precompile/types.ts b/src/eComponents/precompile/types.ts
new file mode 100644
index 0000000..d8fc29a
--- /dev/null
+++ b/src/eComponents/precompile/types.ts
@@ -0,0 +1,22 @@
+import type { Hardfork } from '@ethereumjs/common'
+
+export interface PrecompileValueDef {
+  title: string
+  urlParam?: string
+  expectedLen?: bigint
+  initialHex?: string
+  showBigInt?: boolean
+  showInput?: boolean
+}
+
+export interface PrecompileConfig {
+  explorationId: string
+  precompileAddress: string
+  preHardfork: Hardfork
+  postHardfork: Hardfork
+  defaultExample: string
+  showBigInt?: boolean
+  values: PrecompileValueDef[]
+  assembleData?: (hexVals: string[], byteLengths: bigint[]) => string
+  parseData?: (data: string, byteLengths: bigint[]) => void
+}
diff --git a/src/eComponents/precompile/usePrecompileState.ts b/src/eComponents/precompile/usePrecompileState.ts
new file mode 100644
index 0000000..04abc35
--- /dev/null
+++ b/src/eComponents/precompile/usePrecompileState.ts
@@ -0,0 +1,142 @@
+import { computed, ref } from 'vue'
+import { useRoute, useRouter } from 'vue-router'
+import type { ExecResult } from '@ethereumjs/evm'
+
+import {
+  dataToValueInput,
+  isValidByteInputForm,
+  valueToDataInput,
+} from '@/components/lib/byteFormUtils'
+import type { Examples } from '@/components/lib/general'
+
+import { runPrecompile } from './run'
+import type { PrecompileConfig } from './types'
+
+function createState(config: PrecompileConfig) {
+  return {
+    data: ref(''),
+    hexVals: ref<string[]>(config.values.map((v) => v.initialHex ?? '')),
+    bigIntVals: ref<(bigint | undefined)[]>(
+      config.values.map((v) => ((v.showBigInt ?? config.showBigInt ?? true) ? 0n : undefined)),
+    ),
+    lengthsMask: ref<(bigint | undefined)[]>(config.values.map((v) => v.expectedLen)),
+    byteLengths: ref<bigint[]>(config.values.map(() => 0n)),
+    example: ref(''),
+    execResultPre: ref<ExecResult | undefined>(),
+    execResultPost: ref<ExecResult | undefined>(),
+  }
+}
+
+export function usePrecompileState(config: PrecompileConfig, examples: Examples) {
+  const { data, hexVals, bigIntVals, lengthsMask, byteLengths, example, execResultPre, execResultPost } =
+    createState(config)
+
+  const router = useRouter()
+  const route = useRoute()
+
+  const editableIndices = config.values
+    .map((v, i) => (v.urlParam ? i : -1))
+    .filter((i) => i !== -1)
+
+  const inputValues = computed(() =>
+    config.values
+      .map((def, index) => ({ ...def, index }))
+      .filter((def) => def.showInput !== false),
+  )
+
+  // --- Data conversion ---
+
+  async function run() {
+    await runPrecompile(
+      data.value,
+      config.preHardfork,
+      config.postHardfork,
+      config.precompileAddress,
+      execResultPre,
+      execResultPost,
+    )
+  }
+
+  async function data2Values() {
+    if (isValidByteInputForm(data.value).length > 0) return
+    if (config.parseData) {
+      config.parseData(data.value, byteLengths.value)
+    }
+    dataToValueInput(data, hexVals, bigIntVals, byteLengths)
+    await run()
+  }
+
+  async function values2Data() {
+    for (let i = 0; i < config.values.length; i++) {
+      if (isValidByteInputForm(hexVals.value[i], lengthsMask.value[i]).length > 0) {
+        return
+      }
+    }
+    valueToDataInput(hexVals, bigIntVals, lengthsMask, byteLengths)
+    data.value = config.assembleData
+      ? config.assembleData(hexVals.value, byteLengths.value)
+      : hexVals.value.join('')
+    await run()
+  }
+
+  // --- User interaction ---
+
+  async function selectExample() {
+    if (example.value === '') return
+    const exVals = examples[example.value]!.values
+    for (let j = 0; j < editableIndices.length; j++) {
+      hexVals.value[editableIndices[j]] = exVals[j]
+    }
+    await values2Data()
+  }
+
+  function shareURL() {
+    const query: Record<string, string> = {}
+    for (const i of editableIndices) {
+      query[config.values[i].urlParam!] = hexVals.value[i]
+    }
+    const routeData = router.resolve({ name: config.explorationId, query })
+    window.open(routeData.href, '_blank')
+  }
+
+  async function onDataInputFormChange() {
+    example.value = ''
+    await data2Values()
+  }
+
+  async function onValueInputFormChange() {
+    example.value = ''
+    await values2Data()
+  }
+
+  // --- Initialization ---
+
+  async function init() {
+    const urlParams = editableIndices.map((i) => config.values[i].urlParam!)
+    const hasAllParams = urlParams.length > 0 && urlParams.every((p) => p in route.query)
+
+    if (hasAllParams) {
+      try {
+        for (const i of editableIndices) {
+          hexVals.value[i] = route.query[config.values[i].urlParam!]!.toString()
+        }
+        await values2Data()
+      } catch {
+        // Fallback to default example on invalid URL params
+      }
+    } else {
+      example.value = config.defaultExample
+      await selectExample()
+    }
+  }
+
+  return {
+    data, example,
+    hexVals, bigIntVals, byteLengths,
+    execResultPre, execResultPost,
+    inputValues,
+    selectExample, shareURL,
+    onDataInputFormChange, onValueInputFormChange,
+    init,
+  }
+}
diff --git a/src/explorations/eip-7883/MyC.vue b/src/explorations/eip-7883/MyC.vue
index d94175c..9593733 100644
--- a/src/explorations/eip-7883/MyC.vue
+++ b/src/explorations/eip-7883/MyC.vue
@@ -1,27 +1,14 @@
 <script setup lang="ts">
-import { ref } from 'vue'
-import { useRoute, useRouter } from 'vue-router'
 import { Hardfork } from '@ethereumjs/common'
-import { type ExecResult } from '@ethereumjs/evm'
+import { hexToBigInt } from '@ethereumjs/util'
 
-import {
-  dataToValueInput,
-  isValidByteInputForm,
-  padHex,
-  toBigInt,
-  toHex,
-  valueToDataInput,
-} from '@/components/lib/byteFormUtils.js'
+import { padHex, toHex } from '@/components/lib/byteFormUtils'
 import ExamplesC from '@/components/ui/ExamplesC.vue'
 import HexDataInputC from '@/components/ui/HexDataInputC.vue'
 import PrecompileResultC from '@/eComponents/precompile/PrecompileResultC.vue'
 import PrecompileValueInput from '@/eComponents/precompile/PrecompileValueInput.vue'
-import {
-  type BIGINT_6,
-  type BIGINT_UNDEFINED_6,
-  type HEX_6,
-  runPrecompile,
-} from '@/eComponents/precompile/run.js'
+import type { PrecompileConfig } from '@/eComponents/precompile/types'
+import { usePrecompileState } from '@/eComponents/precompile/usePrecompileState'
 import ExplorationC from '@/explorations/ExplorationC.vue'
 import PoweredByC from '@/explorations/PoweredByC.vue'
 import { TOPICS } from '@/explorations/TOPICS'
@@ -31,136 +18,43 @@ import { INFO as exploration } from './info'
 
 const topic = TOPICS[exploration.topic]
 
-const data = ref('')
-
-const hexVals = ref(Array(6).fill('00'.repeat(32)) as HEX_6)
-const bigIntVals = ref(Array(6).fill(0n) as BIGINT_6)
-
-const lengthsMask = ref<BIGINT_UNDEFINED_6>([32n, 32n, 32n, undefined, undefined, undefined])
-const byteLengths = ref(Array(6).fill(0n) as BIGINT_6)
-
-const example = ref('')
-
-const execResultPre = ref<ExecResult | undefined>()
-const execResultPost = ref<ExecResult | undefined>()
-
-const router = useRouter()
-const route = useRoute()
-
-/**
- * Example/URL helper functions
- */
-async function selectExample() {
-  if (example.value === '') {
-    return
-  }
-  hexVals.value[3] = examples[example.value]!.values[0]
-  hexVals.value[4] = examples[example.value]!.values[1]
-  hexVals.value[5] = examples[example.value]!.values[2]
-  await values2Data()
-}
-
-function shareURL() {
-  const routeData = router.resolve({
-    name: 'eip-7883',
-    query: {
-      b: hexVals.value[3],
-      e: hexVals.value[4],
-      m: hexVals.value[5],
-    },
-  })
-  window.open(routeData.href, '_blank')
-}
-
-/**
- * Run the precompile
- */
-async function run() {
-  await runPrecompile(
-    data.value,
-    Hardfork.Prague,
-    Hardfork.Osaka,
-    '05',
-    execResultPre,
-    execResultPost,
-  )
-}
-
-/**
- * The combined data is taken as the "source of truth" and the
- * individual values are derived from it.
- */
-async function data2Values() {
-  if (!isValidByteInputForm(data.value)) {
-    return false
-  }
-
-  byteLengths.value[3] = toBigInt(data, 0, 32 * 2)
-  byteLengths.value[4] = toBigInt(data, 64, 64 + 32 * 2)
-  byteLengths.value[5] = toBigInt(data, 128, 128 + 32 * 2)
-
-  dataToValueInput(data, hexVals, bigIntVals, byteLengths)
-  await run()
-}
-
-/**
- * The data form values changed.
- */
-async function onDataInputFormChange() {
-  example.value = ''
-  await data2Values()
-}
-
-/**
- * The individual values are taken as the "source of truth" and the
- * combined data is derived from them.
- */
-async function values2Data() {
-  for (let i = 0; i < hexVals.value.length; i++) {
-    if (isValidByteInputForm(hexVals.value[i], lengthsMask.value[i]).length > 0) {
-      return false
-    }
-  }
-
-  valueToDataInput(hexVals, bigIntVals, lengthsMask, byteLengths)
-
-  data.value =
-    toHex(byteLengths.value[3], 32 * 2) +
-    toHex(byteLengths.value[4], 32 * 2) +
-    toHex(byteLengths.value[5], 32 * 2) +
-    padHex(hexVals.value[3]) +
-    padHex(hexVals.value[4]) +
-    padHex(hexVals.value[5])
-
-  await run()
+const config: PrecompileConfig = {
+  explorationId: 'eip-7883',
+  precompileAddress: '05',
+  preHardfork: Hardfork.Prague,
+  postHardfork: Hardfork.Osaka,
+  defaultExample: 'simple',
+  values: [
+    { title: 'Blen', expectedLen: 32n, initialHex: '00'.repeat(32), showInput: false },
+    { title: 'Elen', expectedLen: 32n, initialHex: '00'.repeat(32), showInput: false },
+    { title: 'Mlen', expectedLen: 32n, initialHex: '00'.repeat(32), showInput: false },
+    { title: 'B', urlParam: 'b' },
+    { title: 'E', urlParam: 'e' },
+    { title: 'M', urlParam: 'm' },
+  ],
+  assembleData: (hexVals, byteLengths) =>
+    toHex(byteLengths[3], 32 * 2) +
+    toHex(byteLengths[4], 32 * 2) +
+    toHex(byteLengths[5], 32 * 2) +
+    padHex(hexVals[3]) +
+    padHex(hexVals[4]) +
+    padHex(hexVals[5]),
+  parseData: (data, byteLengths) => {
+    byteLengths[3] = hexToBigInt(`0x${data.substring(0, 64)}`)
+    byteLengths[4] = hexToBigInt(`0x${data.substring(64, 128)}`)
+    byteLengths[5] = hexToBigInt(`0x${data.substring(128, 192)}`)
+  },
 }
 
-/**
- * The (some) individual values form values changed.
- */
-async function onValueInputFormChange() {
-  example.value = ''
-  await values2Data()
-}
-
-/**
- * Initialize the widget either with URL parameters or with a default example.
- */
-async function init() {
-  if ('b' in route.query && 'e' in route.query && 'm' in route.query) {
-    try {
-      hexVals.value[3] = route.query['b']!.toString()
-      hexVals.value[4] = route.query['e']!.toString()
-      hexVals.value[5] = route.query['m']!.toString()
-      await values2Data()
-    } catch {
-      // Fallback to default example on invalid URL params
-    }
-  } else {
-    example.value = 'simple'
-    await selectExample()
-  }
-}
+const {
+  data, example,
+  hexVals, bigIntVals, byteLengths,
+  execResultPre, execResultPost,
+  inputValues,
+  selectExample, shareURL,
+  onDataInputFormChange, onValueInputFormChange,
+  init,
+} = usePrecompileState(config, examples)
 
 await init()
 </script>
@@ -178,30 +72,14 @@ await init()
         <HexDataInputC v-model="data" rows="6" :formChange="onDataInputFormChange" />
 
         <PrecompileValueInput
-          v-model="hexVals[3]"
-          title="B"
-          :input="onValueInputFormChange"
-          :len="byteLengths[3]"
-          :expectedLen="lengthsMask[3]"
-          :bigIntVal="bigIntVals[3]"
-        />
-        <PrecompileValueInput
-          v-model="hexVals[4]"
-          title="E"
-          num="4"
-          :input="onValueInputFormChange"
-          :len="byteLengths[4]"
-          :expectedLen="lengthsMask[4]"
-          :bigIntVal="bigIntVals[4]"
-        />
-        <PrecompileValueInput
-          v-model="hexVals[5]"
-          title="M"
-          num="5"
+          v-for="val in inputValues"
+          :key="val.title"
+          v-model="hexVals[val.index]"
+          :title="val.title"
           :input="onValueInputFormChange"
-          :len="byteLengths[5]"
-          :expectedLen="lengthsMask[5]"
-          :bigIntVal="bigIntVals[5]"
+          :len="byteLengths[val.index]"
+          :expectedLen="val.expectedLen"
+          :bigIntVal="bigIntVals[val.index]"
         />
 
         <div class="grid grid-cols-2 gap-1 mt-2.5">
diff --git a/src/explorations/eip-7951/MyC.vue b/src/explorations/eip-7951/MyC.vue
index 37bbdc2..cf4fa0e 100644
--- a/src/explorations/eip-7951/MyC.vue
+++ b/src/explorations/eip-7951/MyC.vue
@@ -1,25 +1,13 @@
 <script setup lang="ts">
-import { ref } from 'vue'
-import { useRoute, useRouter } from 'vue-router'
 import { Hardfork } from '@ethereumjs/common'
-import { type ExecResult } from '@ethereumjs/evm'
 
-import {
-  dataToValueInput,
-  isValidByteInputForm,
-  valueToDataInput,
-} from '@/components/lib/byteFormUtils.js'
 import { PP_BOX_LAYOUT } from '@/components/lib/layout'
 import ExamplesC from '@/components/ui/ExamplesC.vue'
 import HexDataInputC from '@/components/ui/HexDataInputC.vue'
 import PrecompileResultC from '@/eComponents/precompile/PrecompileResultC.vue'
 import PrecompileValueInput from '@/eComponents/precompile/PrecompileValueInput.vue'
-import {
-  type BIGINT_5,
-  type BIGINT_UNDEFINED_5,
-  type HEX_5,
-  runPrecompile,
-} from '@/eComponents/precompile/run.js'
+import type { PrecompileConfig } from '@/eComponents/precompile/types'
+import { usePrecompileState } from '@/eComponents/precompile/usePrecompileState'
 import ExplorationC from '@/explorations/ExplorationC.vue'
 import PoweredByC from '@/explorations/PoweredByC.vue'
 import { TOPICS } from '@/explorations/TOPICS'
@@ -29,128 +17,31 @@ import { INFO as exploration } from './info'
 
 const topic = TOPICS[exploration.topic]
 
-const data = ref('')
-const hexVals = ref(Array(5).fill('') as HEX_5)
-const bigIntVals = ref(Array(5).fill(undefined) as BIGINT_UNDEFINED_5)
-
-const lengthsMask = ref<BIGINT_UNDEFINED_5>([32n, 32n, 32n, 32n, 32n])
-const byteLengths = ref(Array(5).fill(0n) as BIGINT_5)
-
-const example = ref('')
-
-const execResultPre = ref<ExecResult | undefined>()
-const execResultPost = ref<ExecResult | undefined>()
-
-const router = useRouter()
-const route = useRoute()
-
-/**
- * Example/URL helper functions
- */
-async function selectExample() {
-  if (example.value === '') {
-    return
-  }
-  for (let i = 0; i < hexVals.value.length; i++) {
-    hexVals.value[i] = examples[example.value]!.values[i]
-  }
-  await values2Data()
-}
-
-function shareURL() {
-  const routeData = router.resolve({
-    name: 'eip-7951',
-    query: {
-      hash: hexVals.value[0],
-      sigr: hexVals.value[1],
-      sigs: hexVals.value[2],
-      pubx: hexVals.value[3],
-      puby: hexVals.value[4],
-    },
-  })
-  window.open(routeData.href, '_blank')
-}
-
-/**
- * Run the precompile
- */
-async function run() {
-  await runPrecompile(
-    data.value,
-    Hardfork.Prague,
-    Hardfork.Osaka,
-    '100',
-    execResultPre,
-    execResultPost,
-  )
-}
-
-/**
- * The combined data is taken as the "source of truth" and the
- * individual values are derived from it.
- */
-async function data2Values() {
-  if (!isValidByteInputForm(data.value)) {
-    return false
-  }
-  dataToValueInput(data, hexVals, bigIntVals, byteLengths)
-  await run()
+const config: PrecompileConfig = {
+  explorationId: 'eip-7951',
+  precompileAddress: '100',
+  preHardfork: Hardfork.Prague,
+  postHardfork: Hardfork.Osaka,
+  defaultExample: 'valid',
+  showBigInt: false,
+  values: [
+    { title: 'Hash', urlParam: 'hash', expectedLen: 32n },
+    { title: 'SigR', urlParam: 'sigr', expectedLen: 32n },
+    { title: 'SigS', urlParam: 'sigs', expectedLen: 32n },
+    { title: 'PubX', urlParam: 'pubx', expectedLen: 32n },
+    { title: 'PubY', urlParam: 'puby', expectedLen: 32n },
+  ],
 }
 
-/**
- * The data form values changed.
- */
-async function onDataInputFormChange() {
-  example.value = ''
-  await data2Values()
-}
-
-/**
- * The individual values are taken as the "source of truth" and the
- * combined data is derived from them.
- */
-async function values2Data() {
-  for (let i = 0; i < hexVals.value.length; i++) {
-    if (isValidByteInputForm(hexVals.value[i], lengthsMask.value[i]).length > 0) {
-      return false
-    }
-  }
-
-  valueToDataInput(hexVals, bigIntVals, lengthsMask, byteLengths)
-
-  data.value = hexVals.value.join('')
-
-  await run()
-}
-
-/**
- * The (some) individual values form values changed.
- */
-async function onValueInputFormChange() {
-  example.value = ''
-  await values2Data()
-}
-
-/**
- * Initialize the widget either with URL parameters or with a default example.
- */
-async function init() {
-  if ('b' in route.query && 'e' in route.query && 'm' in route.query) {
-    try {
-      hexVals.value[0] = route.query['hash']!.toString()
-      hexVals.value[1] = route.query['sigr']!.toString()
-      hexVals.value[2] = route.query['sigs']!.toString()
-      hexVals.value[3] = route.query['pubx']!.toString()
-      hexVals.value[4] = route.query['puby']!.toString()
-      await values2Data()
-    } catch {
-      // Fallback to default example on invalid URL params
-    }
-  } else {
-    example.value = 'valid'
-    await selectExample()
-  }
-}
+const {
+  data, example,
+  hexVals, bigIntVals, byteLengths,
+  execResultPre, execResultPost,
+  inputValues,
+  selectExample, shareURL,
+  onDataInputFormChange, onValueInputFormChange,
+  init,
+} = usePrecompileState(config, examples)
 
 await init()
 </script>
@@ -168,14 +59,14 @@ await init()
         <HexDataInputC v-model="data" rows="6" :formChange="onDataInputFormChange" />
 
         <PrecompileValueInput
-          v-for="(title, index) in ['Hash', 'SigR', 'SigS', 'PubX', 'PubY']"
-          :key="index"
-          v-model="hexVals[index]"
-          :title="title"
+          v-for="val in inputValues"
+          :key="val.title"
+          v-model="hexVals[val.index]"
+          :title="val.title"
           :input="onValueInputFormChange"
-          :len="byteLengths[index]"
-          :expectedLen="lengthsMask[index]"
-          :bigIntVal="bigIntVals[index]"
+          :len="byteLengths[val.index]"
+          :expectedLen="val.expectedLen"
+          :bigIntVal="bigIntVals[val.index]"
         />
 
         <div :class="PP_BOX_LAYOUT">

From 2667ae260566abe902357715e0adcaf9dd6e630e Mon Sep 17 00:00:00 2001
From: Holger Drewes <Holger.Drewes@gmail.com>
Date: Mon, 2 Mar 2026 14:34:43 +0100
Subject: [PATCH 09/29] Further precompile component refactor

---
 cypress/e2e/eip7594.cy.ts                     |  8 +-
 cypress/e2e/eip7883_Precompile_R.cy.ts        |  5 +-
 cypress/e2e/eip7951.cy.ts                     |  4 +-
 src/App.vue                                   |  2 +-
 src/components/ui/ActionButtonC.vue           |  2 +-
 .../precompile/PrecompileExplorationC.vue     | 74 +++++++++++++++++++
 src/eComponents/precompile/run.ts             |  4 +-
 .../precompile/usePrecompileState.ts          | 36 +++++----
 src/explorations/eip-7883/MyC.vue             | 54 +-------------
 src/explorations/eip-7951/MyC.vue             | 55 +-------------
 src/views/ExplorationView.vue                 |  2 +-
 src/views/__tests__/AppLayout.spec.ts         | 12 +--
 src/views/__tests__/HomeView.spec.ts          |  6 +-
 src/views/__tests__/ImprintView.spec.ts       |  2 +-
 src/views/__tests__/TopicView.spec.ts         |  4 +-
 15 files changed, 119 insertions(+), 151 deletions(-)
 create mode 100644 src/eComponents/precompile/PrecompileExplorationC.vue

diff --git a/cypress/e2e/eip7594.cy.ts b/cypress/e2e/eip7594.cy.ts
index 2cb69b0..2011289 100644
--- a/cypress/e2e/eip7594.cy.ts
+++ b/cypress/e2e/eip7594.cy.ts
@@ -27,13 +27,9 @@ describe('EIP-7594/PeerDAS Tests', () => {
       .should('contain.text', text, { timeout: 25000 })
     text =
       '0x8bd1e6e38b2b54735c6f0102022510cf2abc2e4c6c5a437cba9831662c9f112e61e2a6ced8ce63b3de18cb9cc99ae21e'
-    cy.get('#eip-7594-c .4844-box')
-      .find('p')
-      .should('contain.text', text, { timeout: 25000 })
+    cy.get('#eip-7594-c .4844-box').find('p').should('contain.text', text, { timeout: 25000 })
     text =
       '0x8d90ed38068f3561132d9264db8c8dfb5237af24a6e28c3d4e72d3ad8d51d97be5733ddc382c9718822cb29ccc26364e'
-    cy.get('#eip-7594-c .7594-box')
-      .find('p:first')
-      .should('contain.text', text, { timeout: 25000 })
+    cy.get('#eip-7594-c .7594-box').find('p:first').should('contain.text', text, { timeout: 25000 })
   })
 })
diff --git a/cypress/e2e/eip7883_Precompile_R.cy.ts b/cypress/e2e/eip7883_Precompile_R.cy.ts
index 89824bc..f8c6ccb 100644
--- a/cypress/e2e/eip7883_Precompile_R.cy.ts
+++ b/cypress/e2e/eip7883_Precompile_R.cy.ts
@@ -15,10 +15,7 @@ describe('EIP-7823/Precompile Component Tests', () => {
     cy.contains('h1', 'Feel Your Protocol')
     cy.contains('h3', 'ModExp')
 
-    cy.get('#eip-7883-c textarea', { timeout: 10000 }).should(
-      'have.value',
-      bytesExpected,
-    )
+    cy.get('#eip-7883-c textarea', { timeout: 10000 }).should('have.value', bytesExpected)
     cy.get('#eip-7883-c input').eq(0).should('have.value', '03')
     cy.get('#eip-7883-c input').eq(1).should('have.value', '03')
     cy.get('#eip-7883-c input').eq(2).should('have.value', '02')
diff --git a/cypress/e2e/eip7951.cy.ts b/cypress/e2e/eip7951.cy.ts
index 2a447ed..3925b59 100644
--- a/cypress/e2e/eip7951.cy.ts
+++ b/cypress/e2e/eip7951.cy.ts
@@ -17,9 +17,7 @@ describe('EIP-7951/secp256r1 Precompile Support', () => {
     cy.get('.post-hardfork').find('p').eq(0).should('include.text', '6900 Gas')
 
     // Select different example
-    cy.get('#eip-7951-c')
-      .find('select')
-      .select('Invalid (Wycheproof), r value too large')
+    cy.get('#eip-7951-c').find('select').select('Invalid (Wycheproof), r value too large')
     cy.get('#eip-7951-c textarea', { timeout: 10000 }).should(
       'contain.value',
       '532eaabd9574880dbf76b9b8cc00832c20a6ec113d682299550d7a6e0f345e25',
diff --git a/src/App.vue b/src/App.vue
index 4084534..01319bb 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { type Ref,ref, watch } from 'vue'
+import { type Ref, ref, watch } from 'vue'
 import { RouterLink, RouterView, useRoute, useRouter } from 'vue-router'
 
 import { EXPLORATIONS } from '@/explorations/REGISTRY'
diff --git a/src/components/ui/ActionButtonC.vue b/src/components/ui/ActionButtonC.vue
index 085c3b6..b4eaad5 100644
--- a/src/components/ui/ActionButtonC.vue
+++ b/src/components/ui/ActionButtonC.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { nextTick,ref } from 'vue'
+import { nextTick, ref } from 'vue'
 
 import TooltipC from './TooltipC.vue'
 
diff --git a/src/eComponents/precompile/PrecompileExplorationC.vue b/src/eComponents/precompile/PrecompileExplorationC.vue
new file mode 100644
index 0000000..fa5f67a
--- /dev/null
+++ b/src/eComponents/precompile/PrecompileExplorationC.vue
@@ -0,0 +1,74 @@
+<script setup lang="ts">
+import type { Examples } from '@/components/lib/general'
+import { PP_BOX_LAYOUT } from '@/components/lib/layout'
+import ExamplesC from '@/components/ui/ExamplesC.vue'
+import HexDataInputC from '@/components/ui/HexDataInputC.vue'
+import ExplorationC from '@/explorations/ExplorationC.vue'
+import PoweredByC from '@/explorations/PoweredByC.vue'
+import type { Exploration } from '@/explorations/REGISTRY'
+import { TOPICS } from '@/explorations/TOPICS'
+
+import PrecompileResultC from './PrecompileResultC.vue'
+import PrecompileValueInput from './PrecompileValueInput.vue'
+import type { PrecompileConfig } from './types'
+import { usePrecompileState } from './usePrecompileState'
+
+const props = defineProps<{
+  config: PrecompileConfig
+  examples: Examples
+  exploration: Exploration
+}>()
+
+const topic = TOPICS[props.exploration.topic]
+
+const {
+  data,
+  example,
+  hexVals,
+  bigIntVals,
+  byteLengths,
+  execResultPre,
+  execResultPost,
+  inputValues,
+  selectExample,
+  shareURL,
+  onDataInputFormChange,
+  onValueInputFormChange,
+  init,
+} = usePrecompileState(props.config, props.examples)
+
+await init()
+</script>
+
+<template>
+  <ExplorationC
+    :explorationId="config.explorationId"
+    :exploration="exploration"
+    :topic="topic"
+    :shareURL="shareURL"
+  >
+    <template #content>
+      <div>
+        <ExamplesC v-model="example" :examples="examples" :change="selectExample" />
+        <HexDataInputC v-model="data" rows="6" :formChange="onDataInputFormChange" />
+
+        <PrecompileValueInput
+          v-for="val in inputValues"
+          :key="val.title"
+          v-model="hexVals[val.index]"
+          :title="val.title"
+          :input="onValueInputFormChange"
+          :len="byteLengths[val.index]"
+          :expectedLen="val.expectedLen"
+          :bigIntVal="bigIntVals[val.index]"
+        />
+
+        <div :class="PP_BOX_LAYOUT">
+          <PrecompileResultC v-model="execResultPre" title="Pre-Osaka" :left="true" />
+          <PrecompileResultC v-model="execResultPost" title="Post-Osaka" :left="false" />
+        </div>
+        <PoweredByC :poweredBy="exploration.poweredBy" :topic="topic" />
+      </div>
+    </template>
+  </ExplorationC>
+</template>
diff --git a/src/eComponents/precompile/run.ts b/src/eComponents/precompile/run.ts
index d775381..dd95ccd 100644
--- a/src/eComponents/precompile/run.ts
+++ b/src/eComponents/precompile/run.ts
@@ -1,6 +1,6 @@
 import type { Ref } from 'vue'
-import { Common, type Hardfork,Mainnet } from '@ethereumjs/common'
-import { createEVM, type ExecResult,getActivePrecompiles } from '@ethereumjs/evm'
+import { Common, type Hardfork, Mainnet } from '@ethereumjs/common'
+import { createEVM, type ExecResult, getActivePrecompiles } from '@ethereumjs/evm'
 import { hexToBytes } from '@ethereumjs/util'
 
 export async function runPrecompile(
diff --git a/src/eComponents/precompile/usePrecompileState.ts b/src/eComponents/precompile/usePrecompileState.ts
index 04abc35..8d014d0 100644
--- a/src/eComponents/precompile/usePrecompileState.ts
+++ b/src/eComponents/precompile/usePrecompileState.ts
@@ -28,20 +28,24 @@ function createState(config: PrecompileConfig) {
 }
 
 export function usePrecompileState(config: PrecompileConfig, examples: Examples) {
-  const { data, hexVals, bigIntVals, lengthsMask, byteLengths, example, execResultPre, execResultPost } =
-    createState(config)
+  const {
+    data,
+    hexVals,
+    bigIntVals,
+    lengthsMask,
+    byteLengths,
+    example,
+    execResultPre,
+    execResultPost,
+  } = createState(config)
 
   const router = useRouter()
   const route = useRoute()
 
-  const editableIndices = config.values
-    .map((v, i) => (v.urlParam ? i : -1))
-    .filter((i) => i !== -1)
+  const editableIndices = config.values.map((v, i) => (v.urlParam ? i : -1)).filter((i) => i !== -1)
 
   const inputValues = computed(() =>
-    config.values
-      .map((def, index) => ({ ...def, index }))
-      .filter((def) => def.showInput !== false),
+    config.values.map((def, index) => ({ ...def, index })).filter((def) => def.showInput !== false),
   )
 
   // --- Data conversion ---
@@ -131,12 +135,18 @@ export function usePrecompileState(config: PrecompileConfig, examples: Examples)
   }
 
   return {
-    data, example,
-    hexVals, bigIntVals, byteLengths,
-    execResultPre, execResultPost,
+    data,
+    example,
+    hexVals,
+    bigIntVals,
+    byteLengths,
+    execResultPre,
+    execResultPost,
     inputValues,
-    selectExample, shareURL,
-    onDataInputFormChange, onValueInputFormChange,
+    selectExample,
+    shareURL,
+    onDataInputFormChange,
+    onValueInputFormChange,
     init,
   }
 }
diff --git a/src/explorations/eip-7883/MyC.vue b/src/explorations/eip-7883/MyC.vue
index 9593733..6d4c76c 100644
--- a/src/explorations/eip-7883/MyC.vue
+++ b/src/explorations/eip-7883/MyC.vue
@@ -3,21 +3,12 @@ import { Hardfork } from '@ethereumjs/common'
 import { hexToBigInt } from '@ethereumjs/util'
 
 import { padHex, toHex } from '@/components/lib/byteFormUtils'
-import ExamplesC from '@/components/ui/ExamplesC.vue'
-import HexDataInputC from '@/components/ui/HexDataInputC.vue'
-import PrecompileResultC from '@/eComponents/precompile/PrecompileResultC.vue'
-import PrecompileValueInput from '@/eComponents/precompile/PrecompileValueInput.vue'
+import PrecompileExplorationC from '@/eComponents/precompile/PrecompileExplorationC.vue'
 import type { PrecompileConfig } from '@/eComponents/precompile/types'
-import { usePrecompileState } from '@/eComponents/precompile/usePrecompileState'
-import ExplorationC from '@/explorations/ExplorationC.vue'
-import PoweredByC from '@/explorations/PoweredByC.vue'
-import { TOPICS } from '@/explorations/TOPICS'
 
 import { examples } from './examples'
 import { INFO as exploration } from './info'
 
-const topic = TOPICS[exploration.topic]
-
 const config: PrecompileConfig = {
   explorationId: 'eip-7883',
   precompileAddress: '05',
@@ -45,49 +36,8 @@ const config: PrecompileConfig = {
     byteLengths[5] = hexToBigInt(`0x${data.substring(128, 192)}`)
   },
 }
-
-const {
-  data, example,
-  hexVals, bigIntVals, byteLengths,
-  execResultPre, execResultPost,
-  inputValues,
-  selectExample, shareURL,
-  onDataInputFormChange, onValueInputFormChange,
-  init,
-} = usePrecompileState(config, examples)
-
-await init()
 </script>
 
 <template>
-  <ExplorationC
-    explorationId="eip-7883"
-    :exploration="exploration"
-    :topic="topic"
-    :shareURL="shareURL"
-  >
-    <template #content>
-      <div>
-        <ExamplesC v-model="example" :examples="examples" :change="selectExample" />
-        <HexDataInputC v-model="data" rows="6" :formChange="onDataInputFormChange" />
-
-        <PrecompileValueInput
-          v-for="val in inputValues"
-          :key="val.title"
-          v-model="hexVals[val.index]"
-          :title="val.title"
-          :input="onValueInputFormChange"
-          :len="byteLengths[val.index]"
-          :expectedLen="val.expectedLen"
-          :bigIntVal="bigIntVals[val.index]"
-        />
-
-        <div class="grid grid-cols-2 gap-1 mt-2.5">
-          <PrecompileResultC v-model="execResultPre" title="Pre-Osaka" :left="true" />
-          <PrecompileResultC v-model="execResultPost" title="Post-Osaka" :left="false" />
-        </div>
-        <PoweredByC :poweredBy="exploration.poweredBy" :topic="topic" />
-      </div>
-    </template>
-  </ExplorationC>
+  <PrecompileExplorationC :config="config" :examples="examples" :exploration="exploration" />
 </template>
diff --git a/src/explorations/eip-7951/MyC.vue b/src/explorations/eip-7951/MyC.vue
index cf4fa0e..e1564dd 100644
--- a/src/explorations/eip-7951/MyC.vue
+++ b/src/explorations/eip-7951/MyC.vue
@@ -1,22 +1,12 @@
 <script setup lang="ts">
 import { Hardfork } from '@ethereumjs/common'
 
-import { PP_BOX_LAYOUT } from '@/components/lib/layout'
-import ExamplesC from '@/components/ui/ExamplesC.vue'
-import HexDataInputC from '@/components/ui/HexDataInputC.vue'
-import PrecompileResultC from '@/eComponents/precompile/PrecompileResultC.vue'
-import PrecompileValueInput from '@/eComponents/precompile/PrecompileValueInput.vue'
+import PrecompileExplorationC from '@/eComponents/precompile/PrecompileExplorationC.vue'
 import type { PrecompileConfig } from '@/eComponents/precompile/types'
-import { usePrecompileState } from '@/eComponents/precompile/usePrecompileState'
-import ExplorationC from '@/explorations/ExplorationC.vue'
-import PoweredByC from '@/explorations/PoweredByC.vue'
-import { TOPICS } from '@/explorations/TOPICS'
 
 import { examples } from './examples'
 import { INFO as exploration } from './info'
 
-const topic = TOPICS[exploration.topic]
-
 const config: PrecompileConfig = {
   explorationId: 'eip-7951',
   precompileAddress: '100',
@@ -32,49 +22,8 @@ const config: PrecompileConfig = {
     { title: 'PubY', urlParam: 'puby', expectedLen: 32n },
   ],
 }
-
-const {
-  data, example,
-  hexVals, bigIntVals, byteLengths,
-  execResultPre, execResultPost,
-  inputValues,
-  selectExample, shareURL,
-  onDataInputFormChange, onValueInputFormChange,
-  init,
-} = usePrecompileState(config, examples)
-
-await init()
 </script>
 
 <template>
-  <ExplorationC
-    explorationId="eip-7951"
-    :exploration="exploration"
-    :topic="topic"
-    :shareURL="shareURL"
-  >
-    <template #content>
-      <div>
-        <ExamplesC v-model="example" :examples="examples" :change="selectExample" />
-        <HexDataInputC v-model="data" rows="6" :formChange="onDataInputFormChange" />
-
-        <PrecompileValueInput
-          v-for="val in inputValues"
-          :key="val.title"
-          v-model="hexVals[val.index]"
-          :title="val.title"
-          :input="onValueInputFormChange"
-          :len="byteLengths[val.index]"
-          :expectedLen="val.expectedLen"
-          :bigIntVal="bigIntVals[val.index]"
-        />
-
-        <div :class="PP_BOX_LAYOUT">
-          <PrecompileResultC v-model="execResultPre" title="Pre-Osaka" :left="true" />
-          <PrecompileResultC v-model="execResultPost" title="Post-Osaka" :left="false" />
-        </div>
-        <PoweredByC :poweredBy="exploration.poweredBy" :topic="topic" />
-      </div>
-    </template>
-  </ExplorationC>
+  <PrecompileExplorationC :config="config" :examples="examples" :exploration="exploration" />
 </template>
diff --git a/src/views/ExplorationView.vue b/src/views/ExplorationView.vue
index d5f7dc7..243f9a2 100644
--- a/src/views/ExplorationView.vue
+++ b/src/views/ExplorationView.vue
@@ -3,7 +3,7 @@ import { defineAsyncComponent } from 'vue'
 import { useRoute } from 'vue-router'
 
 import { EXPLORATIONS } from '@/explorations/REGISTRY'
-import { TOPIC_COLOR_CLASSES,TOPICS } from '@/explorations/TOPICS'
+import { TOPIC_COLOR_CLASSES, TOPICS } from '@/explorations/TOPICS'
 
 import TopicIntroView from './TopicIntroView.vue'
 
diff --git a/src/views/__tests__/AppLayout.spec.ts b/src/views/__tests__/AppLayout.spec.ts
index b7c68b9..4b69641 100644
--- a/src/views/__tests__/AppLayout.spec.ts
+++ b/src/views/__tests__/AppLayout.spec.ts
@@ -1,5 +1,5 @@
-import { describe, expect,it } from 'vitest'
-import { createMemoryHistory,createRouter } from 'vue-router'
+import { describe, expect, it } from 'vitest'
+import { createMemoryHistory, createRouter } from 'vue-router'
 import { mount, RouterLinkStub } from '@vue/test-utils'
 
 import App from '@/App.vue'
@@ -32,9 +32,7 @@ describe('App layout', () => {
 
     it('renders subtitle', async () => {
       const wrapper = await mountApp()
-      expect(wrapper.find('header').text()).toContain(
-        'Interactive Ethereum Protocol Explorations',
-      )
+      expect(wrapper.find('header').text()).toContain('Interactive Ethereum Protocol Explorations')
     })
 
     it('exploration dropdown lists all explorations', async () => {
@@ -57,9 +55,7 @@ describe('App layout', () => {
 
     it('has GitHub link', async () => {
       const wrapper = await mountApp()
-      const ghLink = wrapper.find(
-        'footer a[href="https://github.com/feelyourprotocol/website"]',
-      )
+      const ghLink = wrapper.find('footer a[href="https://github.com/feelyourprotocol/website"]')
       expect(ghLink.exists()).toBe(true)
     })
   })
diff --git a/src/views/__tests__/HomeView.spec.ts b/src/views/__tests__/HomeView.spec.ts
index c52d11d..67779df 100644
--- a/src/views/__tests__/HomeView.spec.ts
+++ b/src/views/__tests__/HomeView.spec.ts
@@ -1,4 +1,4 @@
-import { describe, expect,it } from 'vitest'
+import { describe, expect, it } from 'vitest'
 import { mount, RouterLinkStub } from '@vue/test-utils'
 
 import { EXPLORATIONS } from '@/explorations/REGISTRY'
@@ -44,9 +44,7 @@ describe('HomeView', () => {
   describe('About section', () => {
     it('renders project description', () => {
       expect(wrapper.text()).toContain('About the Project')
-      expect(wrapper.text()).toContain(
-        'Feel Your Protocol is a collaborative open-source project',
-      )
+      expect(wrapper.text()).toContain('Feel Your Protocol is a collaborative open-source project')
     })
 
     it('has contributor docs link pointing to docs site', () => {
diff --git a/src/views/__tests__/ImprintView.spec.ts b/src/views/__tests__/ImprintView.spec.ts
index 7c4e5dd..c1e4c50 100644
--- a/src/views/__tests__/ImprintView.spec.ts
+++ b/src/views/__tests__/ImprintView.spec.ts
@@ -1,4 +1,4 @@
-import { describe, expect,it } from 'vitest'
+import { describe, expect, it } from 'vitest'
 import { mount } from '@vue/test-utils'
 
 import ImprintView from '../ImprintView.vue'
diff --git a/src/views/__tests__/TopicView.spec.ts b/src/views/__tests__/TopicView.spec.ts
index fbe3910..07d36af 100644
--- a/src/views/__tests__/TopicView.spec.ts
+++ b/src/views/__tests__/TopicView.spec.ts
@@ -1,5 +1,5 @@
-import { describe, expect,it } from 'vitest'
-import { createMemoryHistory,createRouter } from 'vue-router'
+import { describe, expect, it } from 'vitest'
+import { createMemoryHistory, createRouter } from 'vue-router'
 import { mount, RouterLinkStub } from '@vue/test-utils'
 
 import { EXPLORATIONS, getTopicExplorationIds } from '@/explorations/REGISTRY'

From 482d6b699d2d6198eb43c56e1088f670fac175e0 Mon Sep 17 00:00:00 2001
From: Holger Drewes <Holger.Drewes@gmail.com>
Date: Tue, 3 Mar 2026 11:03:48 +0100
Subject: [PATCH 10/29] Naming systematics for eComponents

---
 .../PrecompileInterfaceEC.vue}                         | 10 +++++-----
 .../PrecompileInterfaceResultEC.vue}                   |  0
 .../PrecompileValueInputEC.vue}                        |  0
 .../{precompile => precompileInterfaceEC}/run.ts       |  0
 .../{precompile => precompileInterfaceEC}/types.ts     |  0
 .../usePrecompileState.ts                              |  0
 src/explorations/eip-7883/MyC.vue                      |  6 +++---
 src/explorations/eip-7951/MyC.vue                      |  6 +++---
 8 files changed, 11 insertions(+), 11 deletions(-)
 rename src/eComponents/{precompile/PrecompileExplorationC.vue => precompileInterfaceEC/PrecompileInterfaceEC.vue} (83%)
 rename src/eComponents/{precompile/PrecompileResultC.vue => precompileInterfaceEC/PrecompileInterfaceResultEC.vue} (100%)
 rename src/eComponents/{precompile/PrecompileValueInput.vue => precompileInterfaceEC/PrecompileValueInputEC.vue} (100%)
 rename src/eComponents/{precompile => precompileInterfaceEC}/run.ts (100%)
 rename src/eComponents/{precompile => precompileInterfaceEC}/types.ts (100%)
 rename src/eComponents/{precompile => precompileInterfaceEC}/usePrecompileState.ts (100%)

diff --git a/src/eComponents/precompile/PrecompileExplorationC.vue b/src/eComponents/precompileInterfaceEC/PrecompileInterfaceEC.vue
similarity index 83%
rename from src/eComponents/precompile/PrecompileExplorationC.vue
rename to src/eComponents/precompileInterfaceEC/PrecompileInterfaceEC.vue
index fa5f67a..235e63c 100644
--- a/src/eComponents/precompile/PrecompileExplorationC.vue
+++ b/src/eComponents/precompileInterfaceEC/PrecompileInterfaceEC.vue
@@ -8,8 +8,8 @@ import PoweredByC from '@/explorations/PoweredByC.vue'
 import type { Exploration } from '@/explorations/REGISTRY'
 import { TOPICS } from '@/explorations/TOPICS'
 
-import PrecompileResultC from './PrecompileResultC.vue'
-import PrecompileValueInput from './PrecompileValueInput.vue'
+import PrecompileInterfaceResultEC from './PrecompileInterfaceResultEC.vue'
+import PrecompileValueInputEC from './PrecompileValueInputEC.vue'
 import type { PrecompileConfig } from './types'
 import { usePrecompileState } from './usePrecompileState'
 
@@ -52,7 +52,7 @@ await init()
         <ExamplesC v-model="example" :examples="examples" :change="selectExample" />
         <HexDataInputC v-model="data" rows="6" :formChange="onDataInputFormChange" />
 
-        <PrecompileValueInput
+        <PrecompileValueInputEC
           v-for="val in inputValues"
           :key="val.title"
           v-model="hexVals[val.index]"
@@ -64,8 +64,8 @@ await init()
         />
 
         <div :class="PP_BOX_LAYOUT">
-          <PrecompileResultC v-model="execResultPre" title="Pre-Osaka" :left="true" />
-          <PrecompileResultC v-model="execResultPost" title="Post-Osaka" :left="false" />
+          <PrecompileInterfaceResultEC v-model="execResultPre" title="Pre-Osaka" :left="true" />
+          <PrecompileInterfaceResultEC v-model="execResultPost" title="Post-Osaka" :left="false" />
         </div>
         <PoweredByC :poweredBy="exploration.poweredBy" :topic="topic" />
       </div>
diff --git a/src/eComponents/precompile/PrecompileResultC.vue b/src/eComponents/precompileInterfaceEC/PrecompileInterfaceResultEC.vue
similarity index 100%
rename from src/eComponents/precompile/PrecompileResultC.vue
rename to src/eComponents/precompileInterfaceEC/PrecompileInterfaceResultEC.vue
diff --git a/src/eComponents/precompile/PrecompileValueInput.vue b/src/eComponents/precompileInterfaceEC/PrecompileValueInputEC.vue
similarity index 100%
rename from src/eComponents/precompile/PrecompileValueInput.vue
rename to src/eComponents/precompileInterfaceEC/PrecompileValueInputEC.vue
diff --git a/src/eComponents/precompile/run.ts b/src/eComponents/precompileInterfaceEC/run.ts
similarity index 100%
rename from src/eComponents/precompile/run.ts
rename to src/eComponents/precompileInterfaceEC/run.ts
diff --git a/src/eComponents/precompile/types.ts b/src/eComponents/precompileInterfaceEC/types.ts
similarity index 100%
rename from src/eComponents/precompile/types.ts
rename to src/eComponents/precompileInterfaceEC/types.ts
diff --git a/src/eComponents/precompile/usePrecompileState.ts b/src/eComponents/precompileInterfaceEC/usePrecompileState.ts
similarity index 100%
rename from src/eComponents/precompile/usePrecompileState.ts
rename to src/eComponents/precompileInterfaceEC/usePrecompileState.ts
diff --git a/src/explorations/eip-7883/MyC.vue b/src/explorations/eip-7883/MyC.vue
index 6d4c76c..ad91bba 100644
--- a/src/explorations/eip-7883/MyC.vue
+++ b/src/explorations/eip-7883/MyC.vue
@@ -3,8 +3,8 @@ import { Hardfork } from '@ethereumjs/common'
 import { hexToBigInt } from '@ethereumjs/util'
 
 import { padHex, toHex } from '@/components/lib/byteFormUtils'
-import PrecompileExplorationC from '@/eComponents/precompile/PrecompileExplorationC.vue'
-import type { PrecompileConfig } from '@/eComponents/precompile/types'
+import PrecompileInterfaceEC from '@/eComponents/precompileInterfaceEC/PrecompileInterfaceEC.vue'
+import type { PrecompileConfig } from '@/eComponents/precompileInterfaceEC/types'
 
 import { examples } from './examples'
 import { INFO as exploration } from './info'
@@ -39,5 +39,5 @@ const config: PrecompileConfig = {
 </script>
 
 <template>
-  <PrecompileExplorationC :config="config" :examples="examples" :exploration="exploration" />
+  <PrecompileInterfaceEC :config="config" :examples="examples" :exploration="exploration" />
 </template>
diff --git a/src/explorations/eip-7951/MyC.vue b/src/explorations/eip-7951/MyC.vue
index e1564dd..b2c99f2 100644
--- a/src/explorations/eip-7951/MyC.vue
+++ b/src/explorations/eip-7951/MyC.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
 import { Hardfork } from '@ethereumjs/common'
 
-import PrecompileExplorationC from '@/eComponents/precompile/PrecompileExplorationC.vue'
-import type { PrecompileConfig } from '@/eComponents/precompile/types'
+import PrecompileInterfaceEC from '@/eComponents/precompileInterfaceEC/PrecompileInterfaceEC.vue'
+import type { PrecompileConfig } from '@/eComponents/precompileInterfaceEC/types'
 
 import { examples } from './examples'
 import { INFO as exploration } from './info'
@@ -25,5 +25,5 @@ const config: PrecompileConfig = {
 </script>
 
 <template>
-  <PrecompileExplorationC :config="config" :examples="examples" :exploration="exploration" />
+  <PrecompileInterfaceEC :config="config" :examples="examples" :exploration="exploration" />
 </template>

From d49aae3fcb262f1dd851aab520e9e9f12eb9c8b9 Mon Sep 17 00:00:00 2001
From: Holger Drewes <Holger.Drewes@gmail.com>
Date: Tue, 3 Mar 2026 11:15:17 +0100
Subject: [PATCH 11/29] Recreate docs based on current project state

---
 dist/docs/404.html                            |   4 +-
 dist/docs/assets/app.CxFGIg_I.js              |   1 -
 .../chunks/@localSearchIndexroot.CMtAquuL.js  |   1 -
 .../chunks/VPLocalSearchBox.BOPGMrlA.js       |   3 -
 dist/docs/assets/chunks/theme.B2b_1z_T.js     |   2 -
 ...uting_adding-an-exploration.md.Bx_AiHel.js |  43 ----
 ..._adding-an-exploration.md.Bx_AiHel.lean.js |   1 -
 ...tributing_how-to-contribute.md.C-N0YY81.js |   3 -
 ...ting_how-to-contribute.md.C-N0YY81.lean.js |   1 -
 .../assets/guide_architecture.md.qxw0U9Or.js  |  31 ---
 .../guide_architecture.md.qxw0U9Or.lean.js    |   1 -
 .../guide_getting-started.md.BHVwHBbn.js      |  34 ----
 .../guide_getting-started.md.BHVwHBbn.lean.js |   1 -
 .../assets/guide_library-forks.md.C-_4bMc7.js |   7 -
 .../guide_library-forks.md.C-_4bMc7.lean.js   |   1 -
 dist/docs/assets/index.md.BJXo33p3.js         |   1 -
 dist/docs/assets/index.md.BJXo33p3.lean.js    |   1 -
 .../contributing/adding-an-exploration.html   | 117 ++++++++---
 dist/docs/contributing/how-to-contribute.html |  17 +-
 dist/docs/guide/architecture.html             |  48 ++---
 dist/docs/guide/getting-started.html          |  67 ++++---
 dist/docs/guide/library-forks.html            |  31 ---
 dist/docs/hashmap.json                        |   2 +-
 dist/docs/index.html                          |  10 +-
 docs/.vitepress/config.ts                     |   4 +-
 docs/contributing/adding-an-exploration.md    | 188 +++++++++++++-----
 docs/contributing/code-conventions.md         | 153 ++++++++++++++
 docs/contributing/e-components.md             | 161 +++++++++++++++
 docs/contributing/how-to-contribute.md        |  94 ++++++---
 docs/contributing/library-forks.md            |  46 +++++
 docs/guide/architecture.md                    | 112 ++++++-----
 docs/guide/getting-started.md                 |  77 ++++---
 docs/guide/library-forks.md                   |  50 -----
 docs/index.md                                 |  14 +-
 34 files changed, 848 insertions(+), 479 deletions(-)
 delete mode 100644 dist/docs/assets/app.CxFGIg_I.js
 delete mode 100644 dist/docs/assets/chunks/@localSearchIndexroot.CMtAquuL.js
 delete mode 100644 dist/docs/assets/chunks/VPLocalSearchBox.BOPGMrlA.js
 delete mode 100644 dist/docs/assets/chunks/theme.B2b_1z_T.js
 delete mode 100644 dist/docs/assets/contributing_adding-an-exploration.md.Bx_AiHel.js
 delete mode 100644 dist/docs/assets/contributing_adding-an-exploration.md.Bx_AiHel.lean.js
 delete mode 100644 dist/docs/assets/contributing_how-to-contribute.md.C-N0YY81.js
 delete mode 100644 dist/docs/assets/contributing_how-to-contribute.md.C-N0YY81.lean.js
 delete mode 100644 dist/docs/assets/guide_architecture.md.qxw0U9Or.js
 delete mode 100644 dist/docs/assets/guide_architecture.md.qxw0U9Or.lean.js
 delete mode 100644 dist/docs/assets/guide_getting-started.md.BHVwHBbn.js
 delete mode 100644 dist/docs/assets/guide_getting-started.md.BHVwHBbn.lean.js
 delete mode 100644 dist/docs/assets/guide_library-forks.md.C-_4bMc7.js
 delete mode 100644 dist/docs/assets/guide_library-forks.md.C-_4bMc7.lean.js
 delete mode 100644 dist/docs/assets/index.md.BJXo33p3.js
 delete mode 100644 dist/docs/assets/index.md.BJXo33p3.lean.js
 delete mode 100644 dist/docs/guide/library-forks.html
 create mode 100644 docs/contributing/code-conventions.md
 create mode 100644 docs/contributing/e-components.md
 create mode 100644 docs/contributing/library-forks.md
 delete mode 100644 docs/guide/library-forks.md

diff --git a/dist/docs/404.html b/dist/docs/404.html
index 668e0d9..661d159 100644
--- a/dist/docs/404.html
+++ b/dist/docs/404.html
@@ -9,14 +9,14 @@
     <link rel="preload stylesheet" href="/assets/style.Cfu23m_7.css" as="style">
     <link rel="preload stylesheet" href="/vp-icons.css" as="style">
     
-    <script type="module" src="/assets/app.CxFGIg_I.js"></script>
+    <script type="module" src="/assets/app.CvfZ8yf2.js"></script>
     <link rel="preload" href="/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
   </head>
   <body>
     <div id="app"></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"contributing_adding-an-exploration.md\":\"Bx_AiHel\",\"contributing_how-to-contribute.md\":\"C-N0YY81\",\"guide_architecture.md\":\"qxw0U9Or\",\"guide_getting-started.md\":\"BHVwHBbn\",\"guide_library-forks.md\":\"C-_4bMc7\",\"index.md\":\"BJXo33p3\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"Feel Your Protocol\",\"description\":\"Documentation for the Feel Your Protocol project\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/guide/getting-started\"},{\"text\":\"Contributing\",\"link\":\"/contributing/how-to-contribute\"},{\"text\":\"Website\",\"link\":\"https://feelyourprotocol.org\"}],\"sidebar\":[{\"text\":\"Guide\",\"items\":[{\"text\":\"Getting Started\",\"link\":\"/guide/getting-started\"},{\"text\":\"Architecture\",\"link\":\"/guide/architecture\"},{\"text\":\"Library Forks\",\"link\":\"/guide/library-forks\"}]},{\"text\":\"Contributing\",\"items\":[{\"text\":\"How to Contribute\",\"link\":\"/contributing/how-to-contribute\"},{\"text\":\"Adding an Exploration\",\"link\":\"/contributing/adding-an-exploration\"}]}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/feelyourprotocol/website\"}],\"search\":{\"provider\":\"local\"},\"footer\":{\"message\":\"This project and its documentation are under active development.\"}},\"locales\":{},\"scrollOffset\":134,\"cleanUrls\":false,\"additionalConfig\":{}}");</script>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"contributing_adding-an-exploration.md\":\"Ahsvo_Ol\",\"contributing_code-conventions.md\":\"BFjoMQv_\",\"contributing_e-components.md\":\"_pZHAy_w\",\"contributing_how-to-contribute.md\":\"XKvLYLkk\",\"contributing_library-forks.md\":\"DYk1JQhp\",\"guide_architecture.md\":\"BSBE4DKA\",\"guide_getting-started.md\":\"B-wiDt-S\",\"index.md\":\"DpQvSWpN\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"Feel Your Protocol\",\"description\":\"Documentation for the Feel Your Protocol project\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/guide/getting-started\"},{\"text\":\"Contributing\",\"link\":\"/contributing/how-to-contribute\"},{\"text\":\"Website\",\"link\":\"https://feelyourprotocol.org\"}],\"sidebar\":[{\"text\":\"Guide\",\"items\":[{\"text\":\"Getting Started\",\"link\":\"/guide/getting-started\"},{\"text\":\"Architecture\",\"link\":\"/guide/architecture\"}]},{\"text\":\"Contributing\",\"items\":[{\"text\":\"How to Contribute\",\"link\":\"/contributing/how-to-contribute\"},{\"text\":\"Adding an Exploration\",\"link\":\"/contributing/adding-an-exploration\"},{\"text\":\"Using E-Components\",\"link\":\"/contributing/e-components\"},{\"text\":\"Code Conventions\",\"link\":\"/contributing/code-conventions\"},{\"text\":\"Library Forks\",\"link\":\"/contributing/library-forks\"}]}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/feelyourprotocol/website\"}],\"search\":{\"provider\":\"local\"},\"footer\":{\"message\":\"This project and its documentation are under active development.\"}},\"locales\":{},\"scrollOffset\":134,\"cleanUrls\":false,\"additionalConfig\":{}}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/dist/docs/assets/app.CxFGIg_I.js b/dist/docs/assets/app.CxFGIg_I.js
deleted file mode 100644
index 62f0438..0000000
--- a/dist/docs/assets/app.CxFGIg_I.js
+++ /dev/null
@@ -1 +0,0 @@
-import{t as p}from"./chunks/theme.B2b_1z_T.js";import{B as o,a6 as i,a7 as u,a8 as c,a9 as l,aa as f,ab as d,ac as m,ad as h,ae as g,af as A,d as v,u as y,p as C,x as P,ag as b,ah as w,ai as E,aj as R}from"./chunks/framework.DyoGesZS.js";function r(e){if(e.extends){const a=r(e.extends);return{...a,...e,async enhanceApp(t){a.enhanceApp&&await a.enhanceApp(t),e.enhanceApp&&await e.enhanceApp(t)}}}return e}const n=r(p),S=v({name:"VitePressApp",setup(){const{site:e,lang:a,dir:t}=y();return C(()=>{P(()=>{document.documentElement.lang=a.value,document.documentElement.dir=t.value})}),e.value.router.prefetchLinks&&b(),w(),E(),n.setup&&n.setup(),()=>R(n.Layout)}});async function T(){globalThis.__VITEPRESS__=!0;const e=x(),a=j();a.provide(u,e);const t=c(e.route);return a.provide(l,t),a.component("Content",f),a.component("ClientOnly",d),Object.defineProperties(a.config.globalProperties,{$frontmatter:{get(){return t.frontmatter.value}},$params:{get(){return t.page.value.params}}}),n.enhanceApp&&await n.enhanceApp({app:a,router:e,siteData:m}),{app:a,router:e,data:t}}function j(){return A(S)}function x(){let e=o;return h(a=>{let t=g(a),s=null;return t&&(e&&(t=t.replace(/\.js$/,".lean.js")),s=import(t)),o&&(e=!1),s},n.NotFound)}o&&T().then(({app:e,router:a,data:t})=>{a.go(location.href,{initialLoad:!0}).then(()=>{i(a.route,t.site),e.mount("#app")})});export{T as createApp};
diff --git a/dist/docs/assets/chunks/@localSearchIndexroot.CMtAquuL.js b/dist/docs/assets/chunks/@localSearchIndexroot.CMtAquuL.js
deleted file mode 100644
index c281603..0000000
--- a/dist/docs/assets/chunks/@localSearchIndexroot.CMtAquuL.js
+++ /dev/null
@@ -1 +0,0 @@
-const t='{"documentCount":40,"nextId":40,"documentIds":{"0":"/contributing/adding-an-exploration.html#adding-an-exploration","1":"/contributing/adding-an-exploration.html#overview","2":"/contributing/adding-an-exploration.html#step-1-create-the-exploration-folder","3":"/contributing/adding-an-exploration.html#step-2-create-info-ts","4":"/contributing/adding-an-exploration.html#step-3-create-myc-vue","5":"/contributing/adding-an-exploration.html#step-4-register-in-the-registry","6":"/contributing/adding-an-exploration.html#step-5-add-library-dependencies","7":"/contributing/adding-an-exploration.html#step-6-add-tests","8":"/contributing/adding-an-exploration.html#step-7-build-and-verify","9":"/contributing/adding-an-exploration.html#quick-checklist","10":"/contributing/how-to-contribute.html#how-to-contribute","11":"/contributing/how-to-contribute.html#ways-to-contribute","12":"/contributing/how-to-contribute.html#development-workflow","13":"/contributing/how-to-contribute.html#code-style","14":"/contributing/how-to-contribute.html#documentation","15":"/guide/architecture.html#architecture","16":"/guide/architecture.html#overview","17":"/guide/architecture.html#tech-stack","18":"/guide/architecture.html#content-structure","19":"/guide/architecture.html#the-src-explorations-folder","20":"/guide/architecture.html#exploration-metadata-info-ts","21":"/guide/architecture.html#key-design-decisions","22":"/guide/architecture.html#folder-per-exploration","23":"/guide/architecture.html#dynamic-views","24":"/guide/architecture.html#route-level-code-splitting","25":"/guide/architecture.html#library-forks","26":"/guide/getting-started.html#getting-started","27":"/guide/getting-started.html#what-is-feel-your-protocol","28":"/guide/getting-started.html#prerequisites","29":"/guide/getting-started.html#setup","30":"/guide/getting-started.html#development","31":"/guide/getting-started.html#building","32":"/guide/getting-started.html#project-structure","33":"/guide/library-forks.html#library-forks","34":"/guide/library-forks.html#why-forks","35":"/guide/library-forks.html#how-forks-work","36":"/guide/library-forks.html#npm-package-aliases","37":"/guide/library-forks.html#monorepo-libraries","38":"/guide/library-forks.html#per-route-isolation","39":"/guide/library-forks.html#adding-a-new-fork"},"fieldIds":{"title":0,"titles":1,"text":2},"fieldLength":{"0":[3,1,25],"1":[1,3,31],"2":[6,3,31],"3":[5,3,106],"4":[5,3,83],"5":[6,3,42],"6":[5,3,47],"7":[4,3,26],"8":[5,3,12],"9":[2,3,32],"10":[3,1,25],"11":[3,3,36],"12":[2,3,29],"13":[2,3,16],"14":[1,3,24],"15":[1,1,25],"16":[1,1,33],"17":[2,1,34],"18":[2,1,53],"19":[4,3,81],"20":[5,3,57],"21":[3,1,1],"22":[3,4,41],"23":[2,4,46],"24":[4,4,43],"25":[2,4,31],"26":[2,1,25],"27":[6,2,71],"28":[1,2,11],"29":[1,2,17],"30":[1,2,9],"31":[1,2,14],"32":[2,2,77],"33":[2,1,25],"34":[3,2,53],"35":[3,2,1],"36":[3,4,44],"37":[2,4,38],"38":[3,4,29],"39":[4,2,50]},"averageFieldLength":[2.9000000000000004,2.5,36.85000000000001],"storedFields":{"0":{"title":"Adding an Exploration","titles":[]},"1":{"title":"Overview","titles":["Adding an Exploration"]},"2":{"title":"Step 1: Create the Exploration Folder","titles":["Adding an Exploration"]},"3":{"title":"Step 2: Create info.ts","titles":["Adding an Exploration"]},"4":{"title":"Step 3: Create MyC.vue","titles":["Adding an Exploration"]},"5":{"title":"Step 4: Register in the Registry","titles":["Adding an Exploration"]},"6":{"title":"Step 5: Add Library Dependencies","titles":["Adding an Exploration"]},"7":{"title":"Step 6: Add Tests","titles":["Adding an Exploration"]},"8":{"title":"Step 7: Build and Verify","titles":["Adding an Exploration"]},"9":{"title":"Quick Checklist","titles":["Adding an Exploration"]},"10":{"title":"How to Contribute","titles":[]},"11":{"title":"Ways to Contribute","titles":["How to Contribute"]},"12":{"title":"Development Workflow","titles":["How to Contribute"]},"13":{"title":"Code Style","titles":["How to Contribute"]},"14":{"title":"Documentation","titles":["How to Contribute"]},"15":{"title":"Architecture","titles":[]},"16":{"title":"Overview","titles":["Architecture"]},"17":{"title":"Tech Stack","titles":["Architecture"]},"18":{"title":"Content Structure","titles":["Architecture"]},"19":{"title":"The src/explorations/ Folder","titles":["Architecture","Content Structure"]},"20":{"title":"Exploration Metadata (info.ts)","titles":["Architecture","Content Structure"]},"21":{"title":"Key Design Decisions","titles":["Architecture"]},"22":{"title":"Folder-per-Exploration","titles":["Architecture","Key Design Decisions"]},"23":{"title":"Dynamic Views","titles":["Architecture","Key Design Decisions"]},"24":{"title":"Route-Level Code Splitting","titles":["Architecture","Key Design Decisions"]},"25":{"title":"Library Forks","titles":["Architecture","Key Design Decisions"]},"26":{"title":"Getting Started","titles":[]},"27":{"title":"What is Feel Your Protocol?","titles":["Getting Started"]},"28":{"title":"Prerequisites","titles":["Getting Started"]},"29":{"title":"Setup","titles":["Getting Started"]},"30":{"title":"Development","titles":["Getting Started"]},"31":{"title":"Building","titles":["Getting Started"]},"32":{"title":"Project Structure","titles":["Getting Started"]},"33":{"title":"Library Forks","titles":[]},"34":{"title":"Why Forks?","titles":["Library Forks"]},"35":{"title":"How Forks Work","titles":["Library Forks"]},"36":{"title":"npm Package Aliases","titles":["Library Forks","How Forks Work"]},"37":{"title":"Monorepo Libraries","titles":["Library Forks","How Forks Work"]},"38":{"title":"Per-Route Isolation","titles":["Library Forks","How Forks Work"]},"39":{"title":"Adding a New Fork","titles":["Library Forks"]}},"dirtCount":0,"index":[["0",{"2":{"36":2}}],["^11",{"2":{"36":1}}],["^10",{"2":{"36":1}}],["→",{"2":{"31":2}}],["json",{"2":{"36":2}}],["js",{"2":{"28":2}}],["just",{"2":{"27":1}}],["$",{"2":{"24":1}}],["`",{"2":{"24":1}}],["└──",{"2":{"19":4,"32":9}}],["│",{"2":{"19":4,"32":48}}],["├──",{"2":{"19":9,"32":21}}],["zero",{"2":{"18":1}}],["quot",{"2":{"18":2,"27":2}}],["quick",{"0":{"9":1}}],["7951",{"2":{"19":1,"32":1}}],["7883",{"2":{"19":1,"27":1,"32":1}}],["7594",{"2":{"19":1,"32":1}}],["7",{"0":{"8":1}}],["6",{"0":{"7":1}}],["keeps",{"2":{"6":1,"23":1}}],["key",{"0":{"21":1},"1":{"22":1,"23":1,"24":1,"25":1},"2":{"6":1}}],["5",{"0":{"6":1}}],["rather",{"2":{"34":1}}],["running",{"2":{"27":1}}],["runs",{"2":{"16":1,"34":1}}],["run",{"2":{"8":3,"9":1,"12":4,"13":4,"14":1,"30":2,"31":2}}],["rule",{"2":{"6":1}}],["routes",{"2":{"19":1}}],["route",{"0":{"24":1,"38":1},"2":{"5":2,"17":1,"19":1,"23":1,"25":1,"32":1}}],["router",{"2":{"5":1,"17":1,"19":1,"32":2}}],["releases",{"2":{"34":1}}],["released",{"2":{"34":1}}],["related",{"2":{"27":1,"32":1}}],["resolved",{"2":{"37":1}}],["research",{"2":{"18":1}}],["result",{"2":{"4":1}}],["represents",{"2":{"18":1}}],["repos",{"2":{"39":1}}],["repository",{"2":{"12":1,"29":1}}],["report",{"2":{"11":1}}],["real",{"2":{"16":1,"27":1,"34":1}}],["reading",{"2":{"27":1}}],["reads",{"2":{"5":1,"19":1}}],["readable",{"2":{"3":1,"20":1}}],["require",{"2":{"25":1}}],["required",{"2":{"3":1}}],["request",{"2":{"12":1}}],["registration",{"2":{"5":1,"19":1}}],["registry",{"0":{"5":1},"2":{"3":1,"5":1,"9":1,"19":2,"20":1,"22":1,"32":2}}],["register",{"0":{"5":1}}],["renders",{"2":{"4":1}}],["reference",{"2":{"3":1,"39":1}}],["4",{"0":{"5":1}}],["versions",{"2":{"36":1}}],["version",{"2":{"34":2,"36":1}}],["verify",{"0":{"8":1},"2":{"7":1,"8":1}}],["v22",{"2":{"28":1}}],["v20",{"2":{"28":1}}],["v4",{"2":{"17":1}}],["visits",{"2":{"38":1}}],["visit",{"2":{"24":1}}],["view",{"2":{"23":1}}],["views",{"0":{"23":1},"2":{"23":1,"32":2}}],["vitepress",{"2":{"14":1,"17":1,"32":1}}],["vite",{"2":{"6":1,"16":1,"17":1,"38":1}}],["via",{"2":{"4":1,"6":1,"18":1}}],["v",{"2":{"4":1}}],["vue`",{"2":{"24":1}}],["vue",{"0":{"4":1},"2":{"1":1,"4":4,"6":2,"9":1,"16":1,"17":3,"19":5,"22":1,"23":3,"24":2,"32":10,"38":1,"39":1}}],[">",{"2":{"4":4}}],["3",{"0":{"4":1},"2":{"16":1,"17":1}}],["yet",{"2":{"34":1}}],["yes",{"2":{"3":4}}],["you",{"2":{"1":1,"4":1,"6":1,"27":3,"36":2,"39":1}}],["your",{"0":{"27":1},"2":{"0":1,"2":1,"3":1,"4":3,"6":3,"7":1,"10":1,"12":1,"15":1,"16":1,"26":1,"27":1,"33":1,"34":1,"39":3}}],["upstream",{"2":{"34":1,"39":1}}],["upcoming",{"2":{"18":1,"27":1}}],["utilities",{"2":{"32":1}}],["utility",{"2":{"32":1}}],["ui",{"2":{"4":2,"11":1,"32":3}}],["url",{"2":{"3":1,"39":1}}],["unaffected",{"2":{"38":1}}],["unit",{"2":{"12":2,"18":1}}],["unique",{"2":{"3":1}}],["under",{"2":{"0":2,"1":1,"10":2,"15":2,"26":2,"33":2}}],["using",{"2":{"23":1,"36":1}}],["usage",{"2":{"3":1,"4":1,"20":1}}],["usagetext",{"2":{"3":2,"19":1,"20":1}}],["user",{"2":{"38":1}}],["users",{"2":{"24":1}}],["used",{"2":{"34":1}}],["uses",{"2":{"24":1}}],["use",{"2":{"3":1,"4":1,"37":1}}],["+",{"2":{"3":1,"12":1}}],["x3c",{"2":{"3":2,"4":14}}],["xxxx",{"2":{"2":3,"3":4,"4":1,"5":1,"7":1,"20":3}}],["homeview",{"2":{"32":1}}],["how",{"0":{"10":1,"35":1},"1":{"11":1,"12":1,"13":1,"14":1,"36":1,"37":1,"38":1},"2":{"3":1}}],["has",{"2":{"37":1}}],["hands",{"2":{"27":1}}],["hardfork",{"2":{"18":1,"27":1}}],["haven",{"2":{"34":1}}],["have",{"2":{"11":1,"39":1}}],["helper",{"2":{"32":1}}],["heart",{"2":{"19":1}}],["heroicons",{"2":{"17":2}}],["here",{"2":{"4":2}}],["hex",{"2":{"4":1}}],["html",{"2":{"3":2,"20":2}}],["https",{"2":{"3":2,"20":2,"29":1}}],["href",{"2":{"3":2,"20":1}}],["human",{"2":{"3":1,"20":1}}],["hyphen",{"2":{"2":1}}],["pointing",{"2":{"39":1}}],["powered",{"2":{"19":1,"32":1}}],["poweredby=",{"2":{"4":1}}],["poweredbyc",{"2":{"4":3,"19":1,"32":1}}],["poweredby",{"2":{"3":2,"4":3,"20":1}}],["per",{"0":{"22":1,"38":1},"2":{"23":2,"32":1}}],["pull",{"2":{"12":1}}],["pre",{"2":{"37":1}}],["precompile",{"2":{"32":1,"34":1}}],["precompiles",{"2":{"4":1,"32":1}}],["prerequisites",{"0":{"28":1}}],["preview",{"2":{"14":1}}],["prettier",{"2":{"13":1}}],["producing",{"2":{"37":1}}],["production",{"2":{"8":1,"17":1}}],["provide",{"2":{"4":1}}],["project",{"0":{"32":1},"2":{"0":1,"10":1,"15":1,"19":1,"26":1,"33":1}}],["protocol",{"0":{"27":1},"2":{"0":1,"3":1,"10":1,"15":1,"16":2,"18":1,"26":1,"27":4,"33":1,"34":1}}],["p>",{"2":{"4":1}}],["p>widget",{"2":{"4":1}}],["packages",{"2":{"39":1}}],["package",{"0":{"36":1},"2":{"36":1,"37":1,"39":1}}],["passes",{"2":{"9":1}}],["paragraph",{"2":{"3":1}}],["pages",{"2":{"34":1,"38":1}}],["page",{"2":{"3":1,"24":1,"27":2,"38":1,"39":1}}],["path",{"2":{"3":3,"19":1,"20":1}}],["=",{"2":{"3":1,"4":2,"5":1,"20":1,"24":2}}],["2",{"0":{"3":1}}],["generic",{"2":{"32":1}}],["getting",{"0":{"26":1},"1":{"27":1,"28":1,"29":1,"30":1,"31":1,"32":1}}],["gets",{"2":{"16":1,"27":1}}],["git",{"2":{"29":1,"39":1}}],["github",{"2":{"3":1,"20":1,"29":1}}],["gas",{"2":{"27":1,"34":1}}],["glob",{"2":{"23":1,"24":2}}],["grouped",{"2":{"27":1}}],["group",{"2":{"18":1}}],["gt",{"2":{"9":2,"17":1}}],["goes",{"2":{"4":1}}],["g",{"2":{"2":1,"3":1,"7":1,"18":1,"27":1}}],["guides",{"2":{"11":1}}],["guide",{"2":{"1":1,"6":1}}],["lets",{"2":{"27":2}}],["lean",{"2":{"23":1}}],["level",{"0":{"24":1},"2":{"17":1}}],["logic",{"2":{"32":1}}],["loaded",{"2":{"24":1,"38":1}}],["loading",{"2":{"24":1}}],["loads",{"2":{"23":1}}],["locally",{"2":{"14":1}}],["lowercase",{"2":{"2":1}}],["lf",{"2":{"12":1,"13":1}}],["lt",{"2":{"9":2,"17":1}}],["lazy",{"2":{"24":1}}],["lang=",{"2":{"4":1}}],["layout",{"2":{"4":1}}],["like",{"2":{"37":1}}],["lib",{"2":{"32":1}}],["libraries",{"0":{"37":1},"2":{"6":1,"24":1,"25":1,"37":1}}],["library",{"0":{"6":1,"25":1,"33":1},"1":{"34":1,"35":1,"36":1,"37":1,"38":1,"39":1},"2":{"3":1,"6":4,"9":1,"16":1,"20":1,"25":2,"27":1,"34":2,"36":1,"39":1}}],["lists",{"2":{"23":1}}],["live",{"2":{"14":1,"18":1}}],["lives",{"2":{"1":1}}],["lint",{"2":{"12":1,"13":1}}],["linting",{"2":{"12":1,"13":1}}],["line",{"2":{"5":1}}],["links",{"2":{"32":1}}],["link",{"2":{"3":1,"4":1}}],["boilerplate",{"2":{"23":1}}],["both",{"2":{"0":1,"10":1,"13":1,"15":1,"26":1,"31":1,"33":1}}],["by",{"2":{"18":1,"19":1,"32":1,"34":1}}],["bundled",{"2":{"37":2,"39":1}}],["buttons",{"2":{"19":1}}],["built",{"2":{"14":1,"16":1}}],["building",{"0":{"31":1}}],["builds",{"2":{"17":1,"37":1}}],["build",{"0":{"8":1},"2":{"8":2,"9":2,"31":3,"32":1,"39":1}}],["bug",{"2":{"11":2}}],["based",{"2":{"23":1}}],["basic",{"2":{"7":1}}],["bashgit",{"2":{"29":1}}],["bashnpm",{"2":{"6":1,"8":1,"12":1,"14":1,"30":2,"31":1}}],["bashmkdir",{"2":{"2":1}}],["branch",{"2":{"12":1,"39":1}}],["browser",{"2":{"16":1,"27":1,"34":1}}],["browse",{"2":{"4":1}}],["brief",{"2":{"3":1}}],["b>",{"2":{"3":1}}],["b>what",{"2":{"3":1}}],["been",{"2":{"34":1}}],["better",{"2":{"11":1}}],["belonging",{"2":{"23":1}}],["belong",{"2":{"18":1}}],["belongs",{"2":{"3":1}}],["below",{"2":{"3":1}}],["be",{"2":{"2":1}}],["nightly",{"2":{"36":1}}],["npm",{"0":{"36":1},"2":{"8":1,"9":1,"12":2,"13":3,"28":1,"29":1,"31":1,"36":2,"39":1}}],["never",{"2":{"6":1,"39":1}}],["needs",{"2":{"6":1}}],["needed",{"2":{"5":1,"9":1,"19":1,"24":1}}],["need",{"2":{"4":1,"6":1,"34":1,"36":1}}],["new",{"0":{"39":1},"2":{"1":1,"2":1,"11":1,"22":1,"23":1,"34":1}}],["node",{"2":{"28":2}}],["no",{"2":{"3":5,"5":1,"19":1,"23":1,"37":1}}],["name",{"2":{"3":3,"7":1,"20":2,"23":1}}],["named",{"2":{"2":1}}],["cd",{"2":{"29":1}}],["clone",{"2":{"29":2}}],["clarify",{"2":{"11":1}}],["calculation",{"2":{"34":1}}],["called",{"2":{"27":1}}],["can",{"2":{"18":1,"22":1,"25":1,"27":1}}],["css",{"2":{"17":1}}],["chunk",{"2":{"24":1}}],["checklist",{"0":{"9":1}}],["changes",{"2":{"12":1,"14":1,"27":3,"34":1,"39":1}}],["change",{"2":{"0":1,"3":2,"10":1,"15":1,"16":1,"18":1,"26":1,"27":1,"33":1}}],["cy",{"2":{"7":1}}],["cypress",{"2":{"7":2,"17":1,"32":1}}],["custom",{"2":{"6":1,"25":1}}],["creating",{"2":{"22":1}}],["created",{"2":{"9":2}}],["creates",{"2":{"5":1}}],["create",{"0":{"2":1,"3":1,"4":1},"2":{"2":1,"3":1,"4":1,"12":1,"19":1,"39":2}}],["credits",{"2":{"3":1}}],["cost",{"2":{"27":1}}],["coexist",{"2":{"25":1,"36":1}}],["correct",{"2":{"23":1}}],["core",{"2":{"16":1,"18":1,"32":1}}],["code",{"0":{"13":1,"24":1},"2":{"6":2,"16":1,"17":1,"27":1,"34":1,"36":1,"38":2,"39":1}}],["config",{"2":{"32":1}}],["configuration",{"2":{"5":1}}],["conflicts",{"2":{"25":1}}],["concepts",{"2":{"18":1}}],["contains",{"2":{"20":1}}],["contained",{"2":{"19":1,"22":1}}],["contributors",{"2":{"22":1}}],["contribution",{"2":{"11":1}}],["contribute",{"0":{"10":1,"11":1},"1":{"11":1,"12":1,"13":1,"14":1}}],["content",{"0":{"18":1},"1":{"19":1,"20":1},"2":{"4":3,"18":1,"23":1,"32":1}}],["content>",{"2":{"4":1}}],["consistent",{"2":{"4":1}}],["constants",{"2":{"19":1}}],["const",{"2":{"3":1,"4":2,"5":1,"19":1,"20":1,"24":1}}],["comes",{"2":{"28":1}}],["composition",{"2":{"17":1}}],["componentmodules",{"2":{"24":2}}],["components",{"2":{"4":3,"32":4}}],["component",{"2":{"4":1,"19":1,"32":3}}],["com",{"2":{"3":1,"20":1,"29":1}}],["12+",{"2":{"28":1}}],["19+",{"2":{"28":1}}],["1",{"0":{"2":1},"2":{"36":4}}],["we",{"2":{"34":1,"37":1}}],["website",{"2":{"27":1,"29":2,"30":1,"31":3,"32":2}}],["webp",{"2":{"3":2,"20":1}}],["where",{"2":{"37":1}}],["when",{"2":{"23":1,"38":1}}],["why",{"0":{"34":1}}],["what",{"0":{"27":1}}],["work",{"0":{"35":1},"1":{"36":1,"37":1,"38":1}}],["workflow",{"0":{"12":1}}],["works",{"2":{"8":1}}],["waiting",{"2":{"34":1}}],["ways",{"0":{"11":1}}],["walks",{"2":{"1":1}}],["wrapper",{"2":{"4":2,"19":1,"32":1}}],["wiring",{"2":{"37":1}}],["widgets",{"2":{"25":1,"34":1}}],["widget",{"2":{"1":1,"3":1,"4":2,"6":1,"7":1,"9":1,"16":1,"18":1,"19":1,"22":1,"27":1,"32":1}}],["without",{"2":{"25":1}}],["with",{"2":{"1":1,"3":1,"4":1,"9":2,"13":2,"14":1,"16":1,"17":2,"22":1,"27":3,"28":1,"34":1,"37":2}}],["multiple",{"2":{"36":1}}],["meta",{"2":{"23":1,"24":2}}],["metadata",{"0":{"20":1},"2":{"1":1,"3":1,"9":1,"19":1,"20":1,"22":1,"32":1}}],["means",{"2":{"22":1}}],["modified",{"2":{"34":1}}],["modexp",{"2":{"27":1}}],["more",{"2":{"18":1}}],["most",{"2":{"11":1}}],["monorepos",{"2":{"37":1}}],["monorepo",{"0":{"37":1},"2":{"3":1,"37":2,"39":1}}],["maintain",{"2":{"34":1}}],["making",{"2":{"27":1}}],["make",{"2":{"12":1,"39":1}}],["markdown",{"2":{"14":1}}],["manual",{"2":{"5":1,"19":1}}],["matter",{"2":{"22":1}}],["material",{"2":{"3":1}}],["matches",{"2":{"3":1}}],["may",{"2":{"0":1,"10":1,"15":1,"26":1,"33":1}}],["myc",{"0":{"4":1},"2":{"1":1,"4":1,"6":2,"9":1,"19":3,"22":1,"23":1,"24":2,"32":3,"38":1,"39":1}}],["target",{"2":{"37":1}}],["targeted",{"2":{"34":1}}],["tailwind",{"2":{"17":1}}],["t",{"2":{"34":1}}],["typos",{"2":{"11":1}}],["types",{"2":{"32":2}}],["typescriptconst",{"2":{"24":1}}],["typescriptimport",{"2":{"3":1,"5":1,"20":1,"36":1}}],["typed",{"2":{"19":1}}],["type",{"2":{"3":1,"20":1}}],["tech",{"0":{"17":1}}],["testing",{"2":{"17":1}}],["test",{"2":{"7":1,"8":1,"9":1,"12":2}}],["tests",{"0":{"7":1},"2":{"8":1,"12":3,"32":1}}],["text",{"2":{"4":2}}],["template",{"2":{"4":1}}],["template>",{"2":{"4":3}}],["topicintroview",{"2":{"32":1}}],["topicview",{"2":{"23":1,"32":1}}],["topic",{"2":{"3":1,"18":1,"19":1,"23":2,"32":1}}],["topics",{"2":{"3":2,"18":5,"19":1,"20":1,"27":1,"32":1}}],["to",{"0":{"10":1,"11":1},"1":{"11":1,"12":1,"13":1,"14":1},"2":{"3":4,"4":1,"5":1,"7":1,"14":1,"18":1,"19":1,"22":1,"23":1,"25":1,"27":1,"38":1,"39":1}}],["title",{"2":{"3":4,"4":1,"19":2,"20":2,"32":1}}],["ts",{"0":{"3":1,"20":1},"2":{"1":1,"3":1,"4":2,"5":1,"7":1,"9":2,"18":1,"19":7,"20":1,"22":2,"32":5}}],["two",{"2":{"1":1,"18":1}}],["thanks",{"2":{"38":1}}],["than",{"2":{"34":1}}],["that",{"2":{"5":1,"16":1,"24":1,"25":1,"27":1,"34":2,"38":1}}],["through",{"2":{"1":1}}],["things",{"2":{"0":1,"10":1,"15":1,"26":1,"33":1}}],["this",{"2":{"0":1,"1":1,"3":2,"6":1,"10":1,"14":1,"15":1,"19":2,"22":1,"23":1,"26":1,"33":1,"39":1}}],["then",{"2":{"39":1}}],["they",{"2":{"24":1}}],["there",{"2":{"23":1}}],["them",{"2":{"19":1}}],["theme",{"2":{"18":1}}],["the",{"0":{"2":1,"5":1,"19":1},"2":{"0":1,"2":1,"3":5,"4":5,"5":2,"6":1,"10":1,"11":1,"12":1,"14":1,"15":1,"16":2,"18":2,"19":6,"23":3,"24":3,"25":2,"26":1,"27":3,"29":1,"30":2,"31":1,"32":1,"33":1,"34":1,"36":2,"37":3,"38":2,"39":3}}],["same",{"2":{"25":1,"36":1}}],["side",{"2":{"37":1}}],["single",{"2":{"22":1,"37":1,"39":1}}],["simple",{"2":{"16":1}}],["submit",{"2":{"12":1}}],["suggestion",{"2":{"11":1}}],["splitting",{"0":{"24":1},"2":{"6":1,"17":1,"38":1}}],["specific",{"2":{"6":1,"25":1,"34":1,"36":1,"38":1}}],["specifications",{"2":{"27":1}}],["specification",{"2":{"3":1}}],["some",{"2":{"6":1,"25":1,"34":1}}],["shared",{"2":{"4":1,"6":1,"19":2,"32":5,"39":1}}],["short",{"2":{"3":1,"20":1}}],["should",{"2":{"2":1}}],["slot",{"2":{"4":2}}],["several",{"2":{"37":1}}],["server",{"2":{"30":2}}],["separate",{"2":{"24":1}}],["separated",{"2":{"2":1}}],["self",{"2":{"19":1,"22":1}}],["see",{"2":{"6":1,"11":1,"25":1}}],["setup",{"0":{"29":1},"2":{"4":1,"17":1}}],["script>",{"2":{"4":1}}],["script",{"2":{"4":1,"17":1}}],["s",{"2":{"2":1,"3":1,"5":1,"6":2,"20":1,"22":1,"24":1,"38":4,"39":2}}],["structure",{"0":{"18":1,"32":1},"1":{"19":1,"20":1}}],["styling",{"2":{"17":1}}],["style",{"0":{"13":1}}],["start",{"2":{"30":2}}],["started",{"0":{"26":1},"1":{"27":1,"28":1,"29":1,"30":1,"31":1,"32":1}}],["static",{"2":{"23":1}}],["stack",{"0":{"17":1}}],["standard",{"2":{"14":1,"36":1}}],["stage",{"2":{"0":1,"10":1,"15":1,"26":1,"33":1}}],["step",{"0":{"2":1,"3":1,"4":1,"5":1,"6":1,"7":1,"8":1}}],["src",{"0":{"19":1},"2":{"1":1,"2":2,"3":2,"4":1,"5":1,"9":3,"18":2,"19":1,"32":1}}],["output",{"2":{"32":1}}],["object",{"2":{"19":1,"20":1}}],["other",{"2":{"18":1,"38":1}}],["open",{"2":{"11":1}}],["of",{"2":{"3":2,"19":1,"22":1,"25":2,"27":1,"34":1,"36":1}}],["only",{"2":{"4":1,"6":2,"24":1,"38":2,"39":1}}],["on",{"2":{"3":1,"22":1,"23":1,"24":1,"27":1,"37":1}}],["one",{"2":{"1":1,"5":1,"22":1,"32":1}}],["organized",{"2":{"18":1}}],["org",{"2":{"3":1,"20":1}}],["or",{"2":{"2":1,"3":1,"6":1,"11":1,"18":2,"23":1,"28":1,"34":1,"39":1}}],["own",{"2":{"1":1,"16":1,"22":1,"27":1}}],["overview",{"0":{"1":1,"16":1}}],["icons",{"2":{"17":1}}],["isolation",{"0":{"38":1}}],["isolated",{"2":{"6":1,"22":1,"25":1}}],["is",{"0":{"27":1},"2":{"14":1,"16":2,"18":1,"19":2,"22":2,"24":1,"27":1,"36":1,"37":1,"38":2}}],["issue",{"2":{"11":1}}],["issues",{"2":{"11":1,"37":1}}],["if",{"2":{"6":2,"9":1,"39":1}}],["it",{"2":{"5":1,"6":2,"7":1,"27":1,"39":1}}],["its",{"2":{"1":1,"16":1,"20":1,"22":1,"25":1,"27":1,"38":1}}],["implementation",{"2":{"34":1}}],["improvements",{"2":{"11":1}}],["improve",{"2":{"11":2}}],["impactful",{"2":{"11":1}}],["imported",{"2":{"38":1}}],["imports",{"2":{"19":1}}],["import",{"2":{"4":4,"5":1,"6":2,"9":1,"22":1,"23":1,"24":2,"36":2,"39":1}}],["image",{"2":{"3":3,"20":1}}],["idea",{"2":{"16":1}}],["identifier",{"2":{"2":1,"3":1}}],["ids",{"2":{"3":1}}],["id",{"2":{"2":2,"3":2,"4":1,"5":1,"7":1,"9":2,"19":1,"20":1}}],["independent",{"2":{"36":1}}],["instead",{"2":{"23":1,"27":1}}],["install",{"2":{"6":2,"29":2,"36":1}}],["instructions",{"2":{"3":2,"20":1}}],["inputs",{"2":{"4":1}}],["internal",{"2":{"37":2}}],["interact",{"2":{"27":1}}],["interactively",{"2":{"27":1}}],["interactive",{"2":{"1":1,"3":1,"4":3,"9":1,"16":1,"18":1,"19":1,"27":2,"32":1}}],["intra",{"2":{"37":1}}],["intro",{"2":{"4":1}}],["introduction",{"2":{"3":2,"20":1}}],["introtext",{"2":{"3":2,"19":1,"20":1}}],["into",{"2":{"19":1,"27":1}}],["infourl",{"2":{"3":2,"19":1,"20":1}}],["info",{"0":{"3":1,"20":1},"2":{"1":1,"3":2,"4":5,"5":2,"9":1,"19":6,"20":2,"22":1,"32":3}}],["in",{"0":{"5":1},"2":{"0":1,"1":1,"2":1,"6":3,"7":1,"9":1,"10":1,"14":1,"15":1,"16":1,"18":2,"22":1,"26":1,"27":1,"33":1,"34":1,"36":2,"38":1,"39":3}}],["flat",{"2":{"20":1}}],["feature",{"2":{"12":1}}],["feelyourprotocol",{"2":{"29":1}}],["feel",{"0":{"27":1},"2":{"0":1,"10":1,"15":1,"16":1,"26":1,"27":1,"33":1,"34":1}}],["functions",{"2":{"32":1}}],["functionality",{"2":{"7":1}}],["fully",{"2":{"22":1,"36":1}}],["fusaka",{"2":{"3":3,"18":1,"20":2,"27":1}}],["focus",{"2":{"22":1}}],["footer",{"2":{"19":1}}],["found",{"2":{"11":1}}],["formatting",{"2":{"13":1}}],["formatted",{"2":{"3":2,"13":1,"20":2}}],["format",{"2":{"12":1,"13":1}}],["forks",{"0":{"25":1,"33":1,"34":1,"35":1},"1":{"34":1,"35":1,"36":2,"37":2,"38":2,"39":1},"2":{"6":1,"25":3,"34":1}}],["fork",{"0":{"39":1},"2":{"6":3,"12":1,"36":2,"37":1,"38":2,"39":4}}],["for",{"2":{"3":2,"4":3,"5":1,"17":5,"18":2,"24":2,"27":2,"34":2,"37":1,"39":2}}],["folder",{"0":{"2":1,"19":1,"22":1},"2":{"1":1,"2":1,"3":1,"14":1,"19":1,"22":3,"32":1}}],["fixed",{"2":{"13":1}}],["fixes",{"2":{"11":1}}],["fix",{"2":{"11":1}}],["file",{"2":{"6":1,"37":1,"39":1}}],["filename",{"2":{"3":1}}],["files",{"2":{"1":1,"14":1,"23":1}}],["field",{"2":{"3":1}}],["fields",{"2":{"3":1}}],["from",{"2":{"3":2,"4":5,"5":2,"19":1,"20":1,"36":2,"37":1}}],["frequently",{"2":{"0":1,"10":1,"15":1,"26":1,"33":1}}],["esm",{"2":{"37":2}}],["eslint",{"2":{"13":1}}],["evmexp",{"2":{"36":1}}],["evm",{"2":{"36":7}}],["ensures",{"2":{"25":1}}],["entry",{"2":{"9":1}}],["e2e",{"2":{"7":2,"8":2,"9":1,"12":2,"17":1,"32":1}}],["example",{"2":{"27":1,"34":1}}],["examples",{"2":{"4":1,"11":1}}],["existing",{"2":{"4":1,"5":1,"11":1,"34":1}}],["experimental",{"2":{"34":1,"36":2}}],["experiment",{"2":{"27":1}}],["explore",{"2":{"27":1}}],["explorationid",{"2":{"24":1}}],["explorationid=",{"2":{"4":1}}],["explorationview",{"2":{"23":1,"24":1,"32":1}}],["exploration=",{"2":{"4":1}}],["explorationcomponent",{"2":{"24":1}}],["explorationc>",{"2":{"4":1}}],["explorationc",{"2":{"4":5,"19":1,"32":1}}],["explorations",{"0":{"19":1},"2":{"1":1,"2":2,"3":1,"4":2,"5":5,"9":3,"18":5,"19":4,"23":1,"24":2,"27":1,"32":2}}],["exploration",{"0":{"0":1,"2":1,"20":1,"22":1},"1":{"1":1,"2":1,"3":1,"4":1,"5":1,"6":1,"7":1,"8":1,"9":1},"2":{"1":1,"2":1,"3":5,"4":4,"6":1,"7":1,"11":3,"18":2,"19":2,"20":3,"22":3,"23":1,"24":1,"25":2,"27":1,"32":3,"34":2,"38":2,"39":1}}],["explanations",{"2":{"11":1}}],["exports",{"2":{"19":2}}],["export",{"2":{"3":1,"5":1,"20":1}}],["etc",{"2":{"4":1}}],["ethereumjs",{"2":{"3":3,"36":5,"37":1}}],["ethereum",{"2":{"3":1,"6":1,"16":1,"20":1,"25":1,"27":2,"34":1}}],["erc",{"2":{"2":1,"18":1}}],["eipxxxx",{"2":{"5":3}}],["eips",{"2":{"3":2,"20":2}}],["eip",{"2":{"2":2,"3":4,"4":1,"5":1,"7":1,"18":1,"19":3,"20":3,"27":1,"32":3}}],["e",{"2":{"2":1,"3":1,"7":1,"18":1,"27":1}}],["easy",{"2":{"27":1}}],["each",{"2":{"1":1,"6":1,"16":1,"18":2,"19":2,"20":1,"22":2,"24":1,"25":1,"27":1,"36":1,"38":1}}],["early",{"2":{"0":1,"10":1,"15":1,"26":1,"33":1}}],["dynamically",{"2":{"23":2}}],["dynamic",{"0":{"23":1}}],["dist",{"2":{"31":2,"32":1}}],["discover",{"2":{"27":1}}],["displays",{"2":{"4":1}}],["display",{"2":{"3":1}}],["directly",{"2":{"27":1}}],["different",{"2":{"25":1}}],["dictionary",{"2":{"19":1}}],["dict",{"2":{"19":1}}],["div>",{"2":{"4":2}}],["download",{"2":{"24":1}}],["document",{"2":{"39":1}}],["documentation",{"0":{"14":1},"2":{"0":1,"10":1,"11":1,"14":1,"15":1,"17":1,"26":1,"31":1,"32":1,"33":1}}],["docs",{"2":{"14":4,"30":2,"31":3,"32":2}}],["does",{"2":{"3":1}}],["dedicated",{"2":{"27":1}}],["demand",{"2":{"24":1}}],["decisions",{"0":{"21":1},"1":{"22":1,"23":1,"24":1,"25":1}}],["design",{"0":{"21":1},"1":{"22":1,"23":1,"24":1,"25":1}}],["description",{"2":{"3":2,"19":1,"20":1,"32":1}}],["descriptive",{"2":{"2":1}}],["defineasynccomponent",{"2":{"23":1,"24":1}}],["defined",{"2":{"18":1}}],["definitions",{"2":{"19":1,"32":1}}],["dev",{"2":{"14":1,"30":4}}],["development",{"0":{"12":1,"30":1},"2":{"0":2,"10":2,"15":2,"17":1,"26":2,"33":2}}],["dependencies",{"0":{"6":1},"2":{"6":1,"9":1,"22":1,"29":1,"36":1,"37":2}}],["access",{"2":{"39":1}}],["active",{"2":{"0":2,"10":2,"15":2,"26":2,"33":2}}],["alias",{"2":{"36":1,"39":1}}],["aliases",{"0":{"36":1},"2":{"36":1}}],["all",{"2":{"19":2,"20":1,"23":1,"37":1}}],["avoids",{"2":{"23":1}}],["api",{"2":{"17":1}}],["application",{"2":{"16":1}}],["auto",{"2":{"13":2}}],["automatically",{"2":{"4":1,"5":1,"19":1}}],["added",{"2":{"9":3}}],["add",{"0":{"6":1,"7":1},"2":{"5":1,"7":1,"11":2,"39":1}}],["adding",{"0":{"0":1,"39":1},"1":{"1":1,"2":1,"3":1,"4":1,"5":1,"6":1,"7":1,"8":1,"9":1},"2":{"1":1,"11":1,"22":2,"23":1}}],["assembles",{"2":{"19":2}}],["assets",{"2":{"3":1}}],["as",{"2":{"4":1,"5":1,"14":1,"19":1,"20":1,"36":1}}],["around",{"2":{"18":1}}],["architecture",{"0":{"15":1},"1":{"16":1,"17":1,"18":1,"19":1,"20":1,"21":1,"22":1,"23":1,"24":1,"25":1},"2":{"25":1}}],["array",{"2":{"3":2,"18":1}}],["are",{"2":{"0":1,"10":1,"15":1,"18":1,"22":1,"23":1,"26":1,"27":1,"33":1,"34":1,"38":1}}],["after",{"2":{"2":1,"7":1}}],["a",{"0":{"39":1},"2":{"1":1,"2":1,"3":1,"6":2,"7":1,"11":3,"12":2,"16":1,"18":1,"19":2,"20":1,"22":4,"23":1,"24":1,"27":1,"34":3,"36":1,"37":1,"39":2}}],["any",{"2":{"2":1}}],["and",{"0":{"8":1},"2":{"0":2,"1":1,"2":1,"4":2,"5":1,"6":1,"9":1,"10":2,"12":1,"15":2,"17":2,"19":1,"22":2,"23":2,"26":2,"29":1,"31":1,"32":3,"33":2}}],["an",{"0":{"0":1},"1":{"1":1,"2":1,"3":1,"4":1,"5":1,"6":1,"7":1,"8":1,"9":1},"2":{"0":1,"6":1,"10":1,"11":3,"15":1,"18":2,"26":1,"27":2,"33":1,"34":1,"39":1}}]],"serializationVersion":2}';export{t as default};
diff --git a/dist/docs/assets/chunks/VPLocalSearchBox.BOPGMrlA.js b/dist/docs/assets/chunks/VPLocalSearchBox.BOPGMrlA.js
deleted file mode 100644
index 9394177..0000000
--- a/dist/docs/assets/chunks/VPLocalSearchBox.BOPGMrlA.js
+++ /dev/null
@@ -1,3 +0,0 @@
-import{Z as _t,z as Le,h as Se,al as Et,am as qe,an as Tt,ao as It,ap as kt,C as ne,d as Nt,aq as He,y as ue,ar as Ft,as as Rt,x as At,at as Ot,p as Ne,U as de,S as me,au as Ct,av as Mt,$ as Lt,B as Dt,a3 as Pt,b as zt,o as B,j as T,a4 as Vt,aw as jt,k as C,ax as $t,ay as Bt,c as q,e as ge,n as Ge,H as Qe,G as Ye,a as fe,t as he,az as Wt,aA as Ze,aB as Kt,a9 as Jt,ae as Ut,aC as qt,_ as Ht}from"./framework.DyoGesZS.js";import{u as lt}from"./theme.B2b_1z_T.js";const Gt={root:()=>_t(()=>import("./@localSearchIndexroot.CMtAquuL.js"),[])};var ct=["input:not([inert]):not([inert] *)","select:not([inert]):not([inert] *)","textarea:not([inert]):not([inert] *)","a[href]:not([inert]):not([inert] *)","button:not([inert]):not([inert] *)","[tabindex]:not(slot):not([inert]):not([inert] *)","audio[controls]:not([inert]):not([inert] *)","video[controls]:not([inert]):not([inert] *)",'[contenteditable]:not([contenteditable="false"]):not([inert]):not([inert] *)',"details>summary:first-of-type:not([inert]):not([inert] *)","details:not([inert]):not([inert] *)"],xe=ct.join(","),ut=typeof Element>"u",Z=ut?function(){}:Element.prototype.matches||Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector,_e=!ut&&Element.prototype.getRootNode?function(a){var e;return a==null||(e=a.getRootNode)===null||e===void 0?void 0:e.call(a)}:function(a){return a?.ownerDocument},Ee=function(e,t){var n;t===void 0&&(t=!0);var r=e==null||(n=e.getAttribute)===null||n===void 0?void 0:n.call(e,"inert"),i=r===""||r==="true",s=i||t&&e&&(typeof e.closest=="function"?e.closest("[inert]"):Ee(e.parentNode));return s},Qt=function(e){var t,n=e==null||(t=e.getAttribute)===null||t===void 0?void 0:t.call(e,"contenteditable");return n===""||n==="true"},dt=function(e,t,n){if(Ee(e))return[];var r=Array.prototype.slice.apply(e.querySelectorAll(xe));return t&&Z.call(e,xe)&&r.unshift(e),r=r.filter(n),r},Te=function(e,t,n){for(var r=[],i=Array.from(e);i.length;){var s=i.shift();if(!Ee(s,!1))if(s.tagName==="SLOT"){var o=s.assignedElements(),l=o.length?o:s.children,c=Te(l,!0,n);n.flatten?r.push.apply(r,c):r.push({scopeParent:s,candidates:c})}else{var f=Z.call(s,xe);f&&n.filter(s)&&(t||!e.includes(s))&&r.push(s);var p=s.shadowRoot||typeof n.getShadowRoot=="function"&&n.getShadowRoot(s),v=!Ee(p,!1)&&(!n.shadowRootFilter||n.shadowRootFilter(s));if(p&&v){var y=Te(p===!0?s.children:p.children,!0,n);n.flatten?r.push.apply(r,y):r.push({scopeParent:s,candidates:y})}else i.unshift.apply(i,s.children)}}return r},ft=function(e){return!isNaN(parseInt(e.getAttribute("tabindex"),10))},Y=function(e){if(!e)throw new Error("No node provided");return e.tabIndex<0&&(/^(AUDIO|VIDEO|DETAILS)$/.test(e.tagName)||Qt(e))&&!ft(e)?0:e.tabIndex},Yt=function(e,t){var n=Y(e);return n<0&&t&&!ft(e)?0:n},Zt=function(e,t){return e.tabIndex===t.tabIndex?e.documentOrder-t.documentOrder:e.tabIndex-t.tabIndex},ht=function(e){return e.tagName==="INPUT"},Xt=function(e){return ht(e)&&e.type==="hidden"},en=function(e){var t=e.tagName==="DETAILS"&&Array.prototype.slice.apply(e.children).some(function(n){return n.tagName==="SUMMARY"});return t},tn=function(e,t){for(var n=0;n<e.length;n++)if(e[n].checked&&e[n].form===t)return e[n]},nn=function(e){if(!e.name)return!0;var t=e.form||_e(e),n=function(o){return t.querySelectorAll('input[type="radio"][name="'+o+'"]')},r;if(typeof window<"u"&&typeof window.CSS<"u"&&typeof window.CSS.escape=="function")r=n(window.CSS.escape(e.name));else try{r=n(e.name)}catch(s){return console.error("Looks like you have a radio button with a name attribute containing invalid CSS selector characters and need the CSS.escape polyfill: %s",s.message),!1}var i=tn(r,e.form);return!i||i===e},sn=function(e){return ht(e)&&e.type==="radio"},rn=function(e){return sn(e)&&!nn(e)},an=function(e){var t,n=e&&_e(e),r=(t=n)===null||t===void 0?void 0:t.host,i=!1;if(n&&n!==e){var s,o,l;for(i=!!((s=r)!==null&&s!==void 0&&(o=s.ownerDocument)!==null&&o!==void 0&&o.contains(r)||e!=null&&(l=e.ownerDocument)!==null&&l!==void 0&&l.contains(e));!i&&r;){var c,f,p;n=_e(r),r=(c=n)===null||c===void 0?void 0:c.host,i=!!((f=r)!==null&&f!==void 0&&(p=f.ownerDocument)!==null&&p!==void 0&&p.contains(r))}}return i},Xe=function(e){var t=e.getBoundingClientRect(),n=t.width,r=t.height;return n===0&&r===0},on=function(e,t){var n=t.displayCheck,r=t.getShadowRoot;if(n==="full-native"&&"checkVisibility"in e){var i=e.checkVisibility({checkOpacity:!1,opacityProperty:!1,contentVisibilityAuto:!0,visibilityProperty:!0,checkVisibilityCSS:!0});return!i}if(getComputedStyle(e).visibility==="hidden")return!0;var s=Z.call(e,"details>summary:first-of-type"),o=s?e.parentElement:e;if(Z.call(o,"details:not([open]) *"))return!0;if(!n||n==="full"||n==="full-native"||n==="legacy-full"){if(typeof r=="function"){for(var l=e;e;){var c=e.parentElement,f=_e(e);if(c&&!c.shadowRoot&&r(c)===!0)return Xe(e);e.assignedSlot?e=e.assignedSlot:!c&&f!==e.ownerDocument?e=f.host:e=c}e=l}if(an(e))return!e.getClientRects().length;if(n!=="legacy-full")return!0}else if(n==="non-zero-area")return Xe(e);return!1},ln=function(e){if(/^(INPUT|BUTTON|SELECT|TEXTAREA)$/.test(e.tagName))for(var t=e.parentElement;t;){if(t.tagName==="FIELDSET"&&t.disabled){for(var n=0;n<t.children.length;n++){var r=t.children.item(n);if(r.tagName==="LEGEND")return Z.call(t,"fieldset[disabled] *")?!0:!r.contains(e)}return!0}t=t.parentElement}return!1},Ie=function(e,t){return!(t.disabled||Xt(t)||on(t,e)||en(t)||ln(t))},De=function(e,t){return!(rn(t)||Y(t)<0||!Ie(e,t))},cn=function(e){var t=parseInt(e.getAttribute("tabindex"),10);return!!(isNaN(t)||t>=0)},pt=function(e){var t=[],n=[];return e.forEach(function(r,i){var s=!!r.scopeParent,o=s?r.scopeParent:r,l=Yt(o,s),c=s?pt(r.candidates):o;l===0?s?t.push.apply(t,c):t.push(o):n.push({documentOrder:i,tabIndex:l,item:r,isScope:s,content:c})}),n.sort(Zt).reduce(function(r,i){return i.isScope?r.push.apply(r,i.content):r.push(i.content),r},[]).concat(t)},un=function(e,t){t=t||{};var n;return t.getShadowRoot?n=Te([e],t.includeContainer,{filter:De.bind(null,t),flatten:!1,getShadowRoot:t.getShadowRoot,shadowRootFilter:cn}):n=dt(e,t.includeContainer,De.bind(null,t)),pt(n)},dn=function(e,t){t=t||{};var n;return t.getShadowRoot?n=Te([e],t.includeContainer,{filter:Ie.bind(null,t),flatten:!0,getShadowRoot:t.getShadowRoot}):n=dt(e,t.includeContainer,Ie.bind(null,t)),n},ee=function(e,t){if(t=t||{},!e)throw new Error("No node provided");return Z.call(e,xe)===!1?!1:De(t,e)},fn=ct.concat("iframe:not([inert]):not([inert] *)").join(","),Fe=function(e,t){if(t=t||{},!e)throw new Error("No node provided");return Z.call(e,fn)===!1?!1:Ie(t,e)};function Pe(a,e){(e==null||e>a.length)&&(e=a.length);for(var t=0,n=Array(e);t<e;t++)n[t]=a[t];return n}function hn(a){if(Array.isArray(a))return Pe(a)}function et(a,e){var t=typeof Symbol<"u"&&a[Symbol.iterator]||a["@@iterator"];if(!t){if(Array.isArray(a)||(t=vt(a))||e){t&&(a=t);var n=0,r=function(){};return{s:r,n:function(){return n>=a.length?{done:!0}:{done:!1,value:a[n++]}},e:function(l){throw l},f:r}}throw new TypeError(`Invalid attempt to iterate non-iterable instance.
-In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}var i,s=!0,o=!1;return{s:function(){t=t.call(a)},n:function(){var l=t.next();return s=l.done,l},e:function(l){o=!0,i=l},f:function(){try{s||t.return==null||t.return()}finally{if(o)throw i}}}}function pn(a,e,t){return(e=yn(e))in a?Object.defineProperty(a,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):a[e]=t,a}function vn(a){if(typeof Symbol<"u"&&a[Symbol.iterator]!=null||a["@@iterator"]!=null)return Array.from(a)}function mn(){throw new TypeError(`Invalid attempt to spread non-iterable instance.
-In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function tt(a,e){var t=Object.keys(a);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(a);e&&(n=n.filter(function(r){return Object.getOwnPropertyDescriptor(a,r).enumerable})),t.push.apply(t,n)}return t}function nt(a){for(var e=1;e<arguments.length;e++){var t=arguments[e]!=null?arguments[e]:{};e%2?tt(Object(t),!0).forEach(function(n){pn(a,n,t[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(t)):tt(Object(t)).forEach(function(n){Object.defineProperty(a,n,Object.getOwnPropertyDescriptor(t,n))})}return a}function gn(a){return hn(a)||vn(a)||vt(a)||mn()}function bn(a,e){if(typeof a!="object"||!a)return a;var t=a[Symbol.toPrimitive];if(t!==void 0){var n=t.call(a,e);if(typeof n!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(e==="string"?String:Number)(a)}function yn(a){var e=bn(a,"string");return typeof e=="symbol"?e:e+""}function vt(a,e){if(a){if(typeof a=="string")return Pe(a,e);var t={}.toString.call(a).slice(8,-1);return t==="Object"&&a.constructor&&(t=a.constructor.name),t==="Map"||t==="Set"?Array.from(a):t==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?Pe(a,e):void 0}}var W={getActiveTrap:function(e){return e?.length>0?e[e.length-1]:null},activateTrap:function(e,t){var n=W.getActiveTrap(e);t!==n&&W.pauseTrap(e);var r=e.indexOf(t);r===-1||e.splice(r,1),e.push(t)},deactivateTrap:function(e,t){var n=e.indexOf(t);n!==-1&&e.splice(n,1),W.unpauseTrap(e)},pauseTrap:function(e){var t=W.getActiveTrap(e);t?._setPausedState(!0)},unpauseTrap:function(e){var t=W.getActiveTrap(e);t&&!t._isManuallyPaused()&&t._setPausedState(!1)}},wn=function(e){return e.tagName&&e.tagName.toLowerCase()==="input"&&typeof e.select=="function"},Sn=function(e){return e?.key==="Escape"||e?.key==="Esc"||e?.keyCode===27},ve=function(e){return e?.key==="Tab"||e?.keyCode===9},xn=function(e){return ve(e)&&!e.shiftKey},_n=function(e){return ve(e)&&e.shiftKey},st=function(e){return setTimeout(e,0)},pe=function(e){for(var t=arguments.length,n=new Array(t>1?t-1:0),r=1;r<t;r++)n[r-1]=arguments[r];return typeof e=="function"?e.apply(void 0,n):e},be=function(e){return e.target.shadowRoot&&typeof e.composedPath=="function"?e.composedPath()[0]:e.target},En=[],Tn=function(e,t){var n=t?.document||document,r=t?.trapStack||En,i=nt({returnFocusOnDeactivate:!0,escapeDeactivates:!0,delayInitialFocus:!0,isolateSubtrees:!1,isKeyForward:xn,isKeyBackward:_n},t),s={containers:[],containerGroups:[],tabbableGroups:[],adjacentElements:new Set,alreadySilent:new Set,nodeFocusedBeforeActivation:null,mostRecentlyFocusedNode:null,active:!1,paused:!1,manuallyPaused:!1,delayInitialFocusTimer:void 0,recentNavEvent:void 0},o,l=function(u,d,b){return u&&u[d]!==void 0?u[d]:i[b||d]},c=function(u,d){var b=typeof d?.composedPath=="function"?d.composedPath():void 0;return s.containerGroups.findIndex(function(I){var m=I.container,h=I.tabbableNodes;return m.contains(u)||b?.includes(m)||h.find(function(g){return g===u})})},f=function(u){var d=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{},b=d.hasFallback,I=b===void 0?!1:b,m=d.params,h=m===void 0?[]:m,g=i[u];if(typeof g=="function"&&(g=g.apply(void 0,gn(h))),g===!0&&(g=void 0),!g){if(g===void 0||g===!1)return g;throw new Error("`".concat(u,"` was specified but was not a node, or did not return a node"))}var E=g;if(typeof g=="string"){try{E=n.querySelector(g)}catch(k){throw new Error("`".concat(u,'` appears to be an invalid selector; error="').concat(k.message,'"'))}if(!E&&!I)throw new Error("`".concat(u,"` as selector refers to no known node"))}return E},p=function(){var u=f("initialFocus",{hasFallback:!0});if(u===!1)return!1;if(u===void 0||u&&!Fe(u,i.tabbableOptions))if(c(n.activeElement)>=0)u=n.activeElement;else{var d=s.tabbableGroups[0],b=d&&d.firstTabbableNode;u=b||f("fallbackFocus")}else u===null&&(u=f("fallbackFocus"));if(!u)throw new Error("Your focus-trap needs to have at least one focusable element");return u},v=function(){if(s.containerGroups=s.containers.map(function(u){var d=un(u,i.tabbableOptions),b=dn(u,i.tabbableOptions),I=d.length>0?d[0]:void 0,m=d.length>0?d[d.length-1]:void 0,h=b.find(function(k){return ee(k)}),g=b.slice().reverse().find(function(k){return ee(k)}),E=!!d.find(function(k){return Y(k)>0});return{container:u,tabbableNodes:d,focusableNodes:b,posTabIndexesFound:E,firstTabbableNode:I,lastTabbableNode:m,firstDomTabbableNode:h,lastDomTabbableNode:g,nextTabbableNode:function(R){var P=arguments.length>1&&arguments[1]!==void 0?arguments[1]:!0,D=d.indexOf(R);return D<0?P?b.slice(b.indexOf(R)+1).find(function($){return ee($)}):b.slice(0,b.indexOf(R)).reverse().find(function($){return ee($)}):d[D+(P?1:-1)]}}}),s.tabbableGroups=s.containerGroups.filter(function(u){return u.tabbableNodes.length>0}),s.tabbableGroups.length<=0&&!f("fallbackFocus"))throw new Error("Your focus-trap must have at least one container with at least one tabbable node in it at all times");if(s.containerGroups.find(function(u){return u.posTabIndexesFound})&&s.containerGroups.length>1)throw new Error("At least one node with a positive tabindex was found in one of your focus-trap's multiple containers. Positive tabindexes are only supported in single-container focus-traps.")},y=function(u){var d=u.activeElement;if(d)return d.shadowRoot&&d.shadowRoot.activeElement!==null?y(d.shadowRoot):d},S=function(u){if(u!==!1&&u!==y(document)){if(!u||!u.focus){S(p());return}u.focus({preventScroll:!!i.preventScroll}),s.mostRecentlyFocusedNode=u,wn(u)&&u.select()}},w=function(u){var d=f("setReturnFocus",{params:[u]});return d||(d===!1?!1:u)},x=function(u){var d=u.target,b=u.event,I=u.isBackward,m=I===void 0?!1:I;d=d||be(b),v();var h=null;if(s.tabbableGroups.length>0){var g=c(d,b),E=g>=0?s.containerGroups[g]:void 0;if(g<0)m?h=s.tabbableGroups[s.tabbableGroups.length-1].lastTabbableNode:h=s.tabbableGroups[0].firstTabbableNode;else if(m){var k=s.tabbableGroups.findIndex(function(J){var U=J.firstTabbableNode;return d===U});if(k<0&&(E.container===d||Fe(d,i.tabbableOptions)&&!ee(d,i.tabbableOptions)&&!E.nextTabbableNode(d,!1))&&(k=g),k>=0){var R=k===0?s.tabbableGroups.length-1:k-1,P=s.tabbableGroups[R];h=Y(d)>=0?P.lastTabbableNode:P.lastDomTabbableNode}else ve(b)||(h=E.nextTabbableNode(d,!1))}else{var D=s.tabbableGroups.findIndex(function(J){var U=J.lastTabbableNode;return d===U});if(D<0&&(E.container===d||Fe(d,i.tabbableOptions)&&!ee(d,i.tabbableOptions)&&!E.nextTabbableNode(d))&&(D=g),D>=0){var $=D===s.tabbableGroups.length-1?0:D+1,A=s.tabbableGroups[$];h=Y(d)>=0?A.firstTabbableNode:A.firstDomTabbableNode}else ve(b)||(h=E.nextTabbableNode(d))}}else h=f("fallbackFocus");return h},N=function(u){var d=be(u);if(!(c(d,u)>=0)){if(pe(i.clickOutsideDeactivates,u)){o.deactivate({returnFocus:i.returnFocusOnDeactivate});return}pe(i.allowOutsideClick,u)||u.preventDefault()}},F=function(u){var d=be(u),b=c(d,u)>=0;if(b||d instanceof Document)b&&(s.mostRecentlyFocusedNode=d);else{u.stopImmediatePropagation();var I,m=!0;if(s.mostRecentlyFocusedNode)if(Y(s.mostRecentlyFocusedNode)>0){var h=c(s.mostRecentlyFocusedNode),g=s.containerGroups[h].tabbableNodes;if(g.length>0){var E=g.findIndex(function(k){return k===s.mostRecentlyFocusedNode});E>=0&&(i.isKeyForward(s.recentNavEvent)?E+1<g.length&&(I=g[E+1],m=!1):E-1>=0&&(I=g[E-1],m=!1))}}else s.containerGroups.some(function(k){return k.tabbableNodes.some(function(R){return Y(R)>0})})||(m=!1);else m=!1;m&&(I=x({target:s.mostRecentlyFocusedNode,isBackward:i.isKeyBackward(s.recentNavEvent)})),S(I||s.mostRecentlyFocusedNode||p())}s.recentNavEvent=void 0},G=function(u){var d=arguments.length>1&&arguments[1]!==void 0?arguments[1]:!1;s.recentNavEvent=u;var b=x({event:u,isBackward:d});b&&(ve(u)&&u.preventDefault(),S(b))},z=function(u){(i.isKeyForward(u)||i.isKeyBackward(u))&&G(u,i.isKeyBackward(u))},j=function(u){Sn(u)&&pe(i.escapeDeactivates,u)!==!1&&(u.preventDefault(),o.deactivate())},L=function(u){var d=be(u);c(d,u)>=0||pe(i.clickOutsideDeactivates,u)||pe(i.allowOutsideClick,u)||(u.preventDefault(),u.stopImmediatePropagation())},V=function(){if(s.active)return W.activateTrap(r,o),s.delayInitialFocusTimer=i.delayInitialFocus?st(function(){S(p())}):S(p()),n.addEventListener("focusin",F,!0),n.addEventListener("mousedown",N,{capture:!0,passive:!1}),n.addEventListener("touchstart",N,{capture:!0,passive:!1}),n.addEventListener("click",L,{capture:!0,passive:!1}),n.addEventListener("keydown",z,{capture:!0,passive:!1}),n.addEventListener("keydown",j),o},O=function(u){s.active&&!s.paused&&o._setSubtreeIsolation(!1),s.adjacentElements.clear(),s.alreadySilent.clear();var d=new Set,b=new Set,I=et(u),m;try{for(I.s();!(m=I.n()).done;){var h=m.value;d.add(h);for(var g=typeof ShadowRoot<"u"&&h.getRootNode()instanceof ShadowRoot,E=h;E;){d.add(E);var k=E.parentElement,R=[];k?R=k.children:!k&&g&&(R=E.getRootNode().children,k=E.getRootNode().host,g=typeof ShadowRoot<"u"&&k.getRootNode()instanceof ShadowRoot);var P=et(R),D;try{for(P.s();!(D=P.n()).done;){var $=D.value;b.add($)}}catch(A){P.e(A)}finally{P.f()}E=k}}}catch(A){I.e(A)}finally{I.f()}d.forEach(function(A){b.delete(A)}),s.adjacentElements=b},K=function(){if(s.active)return n.removeEventListener("focusin",F,!0),n.removeEventListener("mousedown",N,!0),n.removeEventListener("touchstart",N,!0),n.removeEventListener("click",L,!0),n.removeEventListener("keydown",z,!0),n.removeEventListener("keydown",j),o},ie=function(u){var d=u.some(function(b){var I=Array.from(b.removedNodes);return I.some(function(m){return m===s.mostRecentlyFocusedNode})});d&&S(p())},ae=typeof window<"u"&&"MutationObserver"in window?new MutationObserver(ie):void 0,X=function(){ae&&(ae.disconnect(),s.active&&!s.paused&&s.containers.map(function(u){ae.observe(u,{subtree:!0,childList:!0})}))};return o={get active(){return s.active},get paused(){return s.paused},activate:function(u){if(s.active)return this;var d=l(u,"onActivate"),b=l(u,"onPostActivate"),I=l(u,"checkCanFocusTrap"),m=W.getActiveTrap(r),h=!1;if(m&&!m.paused){var g;(g=m._setSubtreeIsolation)===null||g===void 0||g.call(m,!1),h=!0}try{I||v(),s.active=!0,s.paused=!1,s.nodeFocusedBeforeActivation=y(n),d?.();var E=function(){I&&v(),V(),X(),i.isolateSubtrees&&o._setSubtreeIsolation(!0),b?.()};if(I)return I(s.containers.concat()).then(E,E),this;E()}catch(R){if(m===W.getActiveTrap(r)&&h){var k;(k=m._setSubtreeIsolation)===null||k===void 0||k.call(m,!0)}throw R}return this},deactivate:function(u){if(!s.active)return this;var d=nt({onDeactivate:i.onDeactivate,onPostDeactivate:i.onPostDeactivate,checkCanReturnFocus:i.checkCanReturnFocus},u);clearTimeout(s.delayInitialFocusTimer),s.delayInitialFocusTimer=void 0,s.paused||o._setSubtreeIsolation(!1),s.alreadySilent.clear(),K(),s.active=!1,s.paused=!1,X(),W.deactivateTrap(r,o);var b=l(d,"onDeactivate"),I=l(d,"onPostDeactivate"),m=l(d,"checkCanReturnFocus"),h=l(d,"returnFocus","returnFocusOnDeactivate");b?.();var g=function(){st(function(){h&&S(w(s.nodeFocusedBeforeActivation)),I?.()})};return h&&m?(m(w(s.nodeFocusedBeforeActivation)).then(g,g),this):(g(),this)},pause:function(u){return s.active?(s.manuallyPaused=!0,this._setPausedState(!0,u)):this},unpause:function(u){return s.active?(s.manuallyPaused=!1,r[r.length-1]!==this?this:this._setPausedState(!1,u)):this},updateContainerElements:function(u){var d=[].concat(u).filter(Boolean);return s.containers=d.map(function(b){return typeof b=="string"?n.querySelector(b):b}),i.isolateSubtrees&&O(s.containers),s.active&&(v(),i.isolateSubtrees&&!s.paused&&o._setSubtreeIsolation(!0)),X(),this}},Object.defineProperties(o,{_isManuallyPaused:{value:function(){return s.manuallyPaused}},_setPausedState:{value:function(u,d){if(s.paused===u)return this;if(s.paused=u,u){var b=l(d,"onPause"),I=l(d,"onPostPause");b?.(),K(),X(),o._setSubtreeIsolation(!1),I?.()}else{var m=l(d,"onUnpause"),h=l(d,"onPostUnpause");m?.(),o._setSubtreeIsolation(!0),v(),V(),X(),h?.()}return this}},_setSubtreeIsolation:{value:function(u){i.isolateSubtrees&&s.adjacentElements.forEach(function(d){var b;u?i.isolateSubtrees==="aria-hidden"?((d.ariaHidden==="true"||((b=d.getAttribute("aria-hidden"))===null||b===void 0?void 0:b.toLowerCase())==="true")&&s.alreadySilent.add(d),d.setAttribute("aria-hidden","true")):((d.inert||d.hasAttribute("inert"))&&s.alreadySilent.add(d),d.setAttribute("inert",!0)):s.alreadySilent.has(d)||(i.isolateSubtrees==="aria-hidden"?d.removeAttribute("aria-hidden"):d.removeAttribute("inert"))})}}}),o.updateContainerElements(e),o};function In(a,e={}){let t;const{immediate:n,...r}=e,i=ne(!1),s=ne(!1),o=p=>t&&t.activate(p),l=p=>t&&t.deactivate(p),c=()=>{t&&(t.pause(),s.value=!0)},f=()=>{t&&(t.unpause(),s.value=!1)};return Le(Se(()=>Et(qe(a)).map(p=>{const v=qe(p);return typeof v=="string"?v:Tt(v)}).filter(It)),p=>{if(p.length)if(!t)t=Tn(p,{...r,onActivate(){i.value=!0,e.onActivate&&e.onActivate()},onDeactivate(){i.value=!1,e.onDeactivate&&e.onDeactivate()}}),n&&o();else{const v=t?.active;t?.updateContainerElements(p),!v&&n&&o()}},{flush:"post"}),kt(()=>l()),{hasFocus:i,isPaused:s,activate:o,deactivate:l,pause:c,unpause:f}}class se{constructor(e,t=!0,n=[],r=5e3){this.ctx=e,this.iframes=t,this.exclude=n,this.iframesTimeout=r}static matches(e,t){const n=typeof t=="string"?[t]:t,r=e.matches||e.matchesSelector||e.msMatchesSelector||e.mozMatchesSelector||e.oMatchesSelector||e.webkitMatchesSelector;if(r){let i=!1;return n.every(s=>r.call(e,s)?(i=!0,!1):!0),i}else return!1}getContexts(){let e,t=[];return typeof this.ctx>"u"||!this.ctx?e=[]:NodeList.prototype.isPrototypeOf(this.ctx)?e=Array.prototype.slice.call(this.ctx):Array.isArray(this.ctx)?e=this.ctx:typeof this.ctx=="string"?e=Array.prototype.slice.call(document.querySelectorAll(this.ctx)):e=[this.ctx],e.forEach(n=>{const r=t.filter(i=>i.contains(n)).length>0;t.indexOf(n)===-1&&!r&&t.push(n)}),t}getIframeContents(e,t,n=()=>{}){let r;try{const i=e.contentWindow;if(r=i.document,!i||!r)throw new Error("iframe inaccessible")}catch{n()}r&&t(r)}isIframeBlank(e){const t="about:blank",n=e.getAttribute("src").trim();return e.contentWindow.location.href===t&&n!==t&&n}observeIframeLoad(e,t,n){let r=!1,i=null;const s=()=>{if(!r){r=!0,clearTimeout(i);try{this.isIframeBlank(e)||(e.removeEventListener("load",s),this.getIframeContents(e,t,n))}catch{n()}}};e.addEventListener("load",s),i=setTimeout(s,this.iframesTimeout)}onIframeReady(e,t,n){try{e.contentWindow.document.readyState==="complete"?this.isIframeBlank(e)?this.observeIframeLoad(e,t,n):this.getIframeContents(e,t,n):this.observeIframeLoad(e,t,n)}catch{n()}}waitForIframes(e,t){let n=0;this.forEachIframe(e,()=>!0,r=>{n++,this.waitForIframes(r.querySelector("html"),()=>{--n||t()})},r=>{r||t()})}forEachIframe(e,t,n,r=()=>{}){let i=e.querySelectorAll("iframe"),s=i.length,o=0;i=Array.prototype.slice.call(i);const l=()=>{--s<=0&&r(o)};s||l(),i.forEach(c=>{se.matches(c,this.exclude)?l():this.onIframeReady(c,f=>{t(c)&&(o++,n(f)),l()},l)})}createIterator(e,t,n){return document.createNodeIterator(e,t,n,!1)}createInstanceOnIframe(e){return new se(e.querySelector("html"),this.iframes)}compareNodeIframe(e,t,n){const r=e.compareDocumentPosition(n),i=Node.DOCUMENT_POSITION_PRECEDING;if(r&i)if(t!==null){const s=t.compareDocumentPosition(n),o=Node.DOCUMENT_POSITION_FOLLOWING;if(s&o)return!0}else return!0;return!1}getIteratorNode(e){const t=e.previousNode();let n;return t===null?n=e.nextNode():n=e.nextNode()&&e.nextNode(),{prevNode:t,node:n}}checkIframeFilter(e,t,n,r){let i=!1,s=!1;return r.forEach((o,l)=>{o.val===n&&(i=l,s=o.handled)}),this.compareNodeIframe(e,t,n)?(i===!1&&!s?r.push({val:n,handled:!0}):i!==!1&&!s&&(r[i].handled=!0),!0):(i===!1&&r.push({val:n,handled:!1}),!1)}handleOpenIframes(e,t,n,r){e.forEach(i=>{i.handled||this.getIframeContents(i.val,s=>{this.createInstanceOnIframe(s).forEachNode(t,n,r)})})}iterateThroughNodes(e,t,n,r,i){const s=this.createIterator(t,e,r);let o=[],l=[],c,f,p=()=>({prevNode:f,node:c}=this.getIteratorNode(s),c);for(;p();)this.iframes&&this.forEachIframe(t,v=>this.checkIframeFilter(c,f,v,o),v=>{this.createInstanceOnIframe(v).forEachNode(e,y=>l.push(y),r)}),l.push(c);l.forEach(v=>{n(v)}),this.iframes&&this.handleOpenIframes(o,e,n,r),i()}forEachNode(e,t,n,r=()=>{}){const i=this.getContexts();let s=i.length;s||r(),i.forEach(o=>{const l=()=>{this.iterateThroughNodes(e,o,t,n,()=>{--s<=0&&r()})};this.iframes?this.waitForIframes(o,l):l()})}}let kn=class{constructor(e){this.ctx=e,this.ie=!1;const t=window.navigator.userAgent;(t.indexOf("MSIE")>-1||t.indexOf("Trident")>-1)&&(this.ie=!0)}set opt(e){this._opt=Object.assign({},{element:"",className:"",exclude:[],iframes:!1,iframesTimeout:5e3,separateWordSearch:!0,diacritics:!0,synonyms:{},accuracy:"partially",acrossElements:!1,caseSensitive:!1,ignoreJoiners:!1,ignoreGroups:0,ignorePunctuation:[],wildcards:"disabled",each:()=>{},noMatch:()=>{},filter:()=>!0,done:()=>{},debug:!1,log:window.console},e)}get opt(){return this._opt}get iterator(){return new se(this.ctx,this.opt.iframes,this.opt.exclude,this.opt.iframesTimeout)}log(e,t="debug"){const n=this.opt.log;this.opt.debug&&typeof n=="object"&&typeof n[t]=="function"&&n[t](`mark.js: ${e}`)}escapeStr(e){return e.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g,"\\$&")}createRegExp(e){return this.opt.wildcards!=="disabled"&&(e=this.setupWildcardsRegExp(e)),e=this.escapeStr(e),Object.keys(this.opt.synonyms).length&&(e=this.createSynonymsRegExp(e)),(this.opt.ignoreJoiners||this.opt.ignorePunctuation.length)&&(e=this.setupIgnoreJoinersRegExp(e)),this.opt.diacritics&&(e=this.createDiacriticsRegExp(e)),e=this.createMergedBlanksRegExp(e),(this.opt.ignoreJoiners||this.opt.ignorePunctuation.length)&&(e=this.createJoinersRegExp(e)),this.opt.wildcards!=="disabled"&&(e=this.createWildcardsRegExp(e)),e=this.createAccuracyRegExp(e),e}createSynonymsRegExp(e){const t=this.opt.synonyms,n=this.opt.caseSensitive?"":"i",r=this.opt.ignoreJoiners||this.opt.ignorePunctuation.length?"\0":"";for(let i in t)if(t.hasOwnProperty(i)){const s=t[i],o=this.opt.wildcards!=="disabled"?this.setupWildcardsRegExp(i):this.escapeStr(i),l=this.opt.wildcards!=="disabled"?this.setupWildcardsRegExp(s):this.escapeStr(s);o!==""&&l!==""&&(e=e.replace(new RegExp(`(${this.escapeStr(o)}|${this.escapeStr(l)})`,`gm${n}`),r+`(${this.processSynomyms(o)}|${this.processSynomyms(l)})`+r))}return e}processSynomyms(e){return(this.opt.ignoreJoiners||this.opt.ignorePunctuation.length)&&(e=this.setupIgnoreJoinersRegExp(e)),e}setupWildcardsRegExp(e){return e=e.replace(/(?:\\)*\?/g,t=>t.charAt(0)==="\\"?"?":"
"),e.replace(/(?:\\)*\*/g,t=>t.charAt(0)==="\\"?"*":"")}createWildcardsRegExp(e){let t=this.opt.wildcards==="withSpaces";return e.replace(/\u0001/g,t?"[\\S\\s]?":"\\S?").replace(/\u0002/g,t?"[\\S\\s]*?":"\\S*")}setupIgnoreJoinersRegExp(e){return e.replace(/[^(|)\\]/g,(t,n,r)=>{let i=r.charAt(n+1);return/[(|)\\]/.test(i)||i===""?t:t+"\0"})}createJoinersRegExp(e){let t=[];const n=this.opt.ignorePunctuation;return Array.isArray(n)&&n.length&&t.push(this.escapeStr(n.join(""))),this.opt.ignoreJoiners&&t.push("\\u00ad\\u200b\\u200c\\u200d"),t.length?e.split(/\u0000+/).join(`[${t.join("")}]*`):e}createDiacriticsRegExp(e){const t=this.opt.caseSensitive?"":"i",n=this.opt.caseSensitive?["aàáảãạăằắẳẵặâầấẩẫậäåāą","AÀÁẢÃẠĂẰẮẲẴẶÂẦẤẨẪẬÄÅĀĄ","cçćč","CÇĆČ","dđď","DĐĎ","eèéẻẽẹêềếểễệëěēę","EÈÉẺẼẸÊỀẾỂỄỆËĚĒĘ","iìíỉĩịîïī","IÌÍỈĨỊÎÏĪ","lł","LŁ","nñňń","NÑŇŃ","oòóỏõọôồốổỗộơởỡớờợöøō","OÒÓỎÕỌÔỒỐỔỖỘƠỞỠỚỜỢÖØŌ","rř","RŘ","sšśșş","SŠŚȘŞ","tťțţ","TŤȚŢ","uùúủũụưừứửữựûüůū","UÙÚỦŨỤƯỪỨỬỮỰÛÜŮŪ","yýỳỷỹỵÿ","YÝỲỶỸỴŸ","zžżź","ZŽŻŹ"]:["aàáảãạăằắẳẵặâầấẩẫậäåāąAÀÁẢÃẠĂẰẮẲẴẶÂẦẤẨẪẬÄÅĀĄ","cçćčCÇĆČ","dđďDĐĎ","eèéẻẽẹêềếểễệëěēęEÈÉẺẼẸÊỀẾỂỄỆËĚĒĘ","iìíỉĩịîïīIÌÍỈĨỊÎÏĪ","lłLŁ","nñňńNÑŇŃ","oòóỏõọôồốổỗộơởỡớờợöøōOÒÓỎÕỌÔỒỐỔỖỘƠỞỠỚỜỢÖØŌ","rřRŘ","sšśșşSŠŚȘŞ","tťțţTŤȚŢ","uùúủũụưừứửữựûüůūUÙÚỦŨỤƯỪỨỬỮỰÛÜŮŪ","yýỳỷỹỵÿYÝỲỶỸỴŸ","zžżźZŽŻŹ"];let r=[];return e.split("").forEach(i=>{n.every(s=>{if(s.indexOf(i)!==-1){if(r.indexOf(s)>-1)return!1;e=e.replace(new RegExp(`[${s}]`,`gm${t}`),`[${s}]`),r.push(s)}return!0})}),e}createMergedBlanksRegExp(e){return e.replace(/[\s]+/gmi,"[\\s]+")}createAccuracyRegExp(e){const t="!\"#$%&'()*+,-./:;<=>?@[\\]^_`{|}~¡¿";let n=this.opt.accuracy,r=typeof n=="string"?n:n.value,i=typeof n=="string"?[]:n.limiters,s="";switch(i.forEach(o=>{s+=`|${this.escapeStr(o)}`}),r){case"partially":default:return`()(${e})`;case"complementary":return s="\\s"+(s||this.escapeStr(t)),`()([^${s}]*${e}[^${s}]*)`;case"exactly":return`(^|\\s${s})(${e})(?=$|\\s${s})`}}getSeparatedKeywords(e){let t=[];return e.forEach(n=>{this.opt.separateWordSearch?n.split(" ").forEach(r=>{r.trim()&&t.indexOf(r)===-1&&t.push(r)}):n.trim()&&t.indexOf(n)===-1&&t.push(n)}),{keywords:t.sort((n,r)=>r.length-n.length),length:t.length}}isNumeric(e){return Number(parseFloat(e))==e}checkRanges(e){if(!Array.isArray(e)||Object.prototype.toString.call(e[0])!=="[object Object]")return this.log("markRanges() will only accept an array of objects"),this.opt.noMatch(e),[];const t=[];let n=0;return e.sort((r,i)=>r.start-i.start).forEach(r=>{let{start:i,end:s,valid:o}=this.callNoMatchOnInvalidRanges(r,n);o&&(r.start=i,r.length=s-i,t.push(r),n=s)}),t}callNoMatchOnInvalidRanges(e,t){let n,r,i=!1;return e&&typeof e.start<"u"?(n=parseInt(e.start,10),r=n+parseInt(e.length,10),this.isNumeric(e.start)&&this.isNumeric(e.length)&&r-t>0&&r-n>0?i=!0:(this.log(`Ignoring invalid or overlapping range: ${JSON.stringify(e)}`),this.opt.noMatch(e))):(this.log(`Ignoring invalid range: ${JSON.stringify(e)}`),this.opt.noMatch(e)),{start:n,end:r,valid:i}}checkWhitespaceRanges(e,t,n){let r,i=!0,s=n.length,o=t-s,l=parseInt(e.start,10)-o;return l=l>s?s:l,r=l+parseInt(e.length,10),r>s&&(r=s,this.log(`End range automatically set to the max value of ${s}`)),l<0||r-l<0||l>s||r>s?(i=!1,this.log(`Invalid range: ${JSON.stringify(e)}`),this.opt.noMatch(e)):n.substring(l,r).replace(/\s+/g,"")===""&&(i=!1,this.log("Skipping whitespace only range: "+JSON.stringify(e)),this.opt.noMatch(e)),{start:l,end:r,valid:i}}getTextNodes(e){let t="",n=[];this.iterator.forEachNode(NodeFilter.SHOW_TEXT,r=>{n.push({start:t.length,end:(t+=r.textContent).length,node:r})},r=>this.matchesExclude(r.parentNode)?NodeFilter.FILTER_REJECT:NodeFilter.FILTER_ACCEPT,()=>{e({value:t,nodes:n})})}matchesExclude(e){return se.matches(e,this.opt.exclude.concat(["script","style","title","head","html"]))}wrapRangeInTextNode(e,t,n){const r=this.opt.element?this.opt.element:"mark",i=e.splitText(t),s=i.splitText(n-t);let o=document.createElement(r);return o.setAttribute("data-markjs","true"),this.opt.className&&o.setAttribute("class",this.opt.className),o.textContent=i.textContent,i.parentNode.replaceChild(o,i),s}wrapRangeInMappedTextNode(e,t,n,r,i){e.nodes.every((s,o)=>{const l=e.nodes[o+1];if(typeof l>"u"||l.start>t){if(!r(s.node))return!1;const c=t-s.start,f=(n>s.end?s.end:n)-s.start,p=e.value.substr(0,s.start),v=e.value.substr(f+s.start);if(s.node=this.wrapRangeInTextNode(s.node,c,f),e.value=p+v,e.nodes.forEach((y,S)=>{S>=o&&(e.nodes[S].start>0&&S!==o&&(e.nodes[S].start-=f),e.nodes[S].end-=f)}),n-=f,i(s.node.previousSibling,s.start),n>s.end)t=s.end;else return!1}return!0})}wrapMatches(e,t,n,r,i){const s=t===0?0:t+1;this.getTextNodes(o=>{o.nodes.forEach(l=>{l=l.node;let c;for(;(c=e.exec(l.textContent))!==null&&c[s]!=="";){if(!n(c[s],l))continue;let f=c.index;if(s!==0)for(let p=1;p<s;p++)f+=c[p].length;l=this.wrapRangeInTextNode(l,f,f+c[s].length),r(l.previousSibling),e.lastIndex=0}}),i()})}wrapMatchesAcrossElements(e,t,n,r,i){const s=t===0?0:t+1;this.getTextNodes(o=>{let l;for(;(l=e.exec(o.value))!==null&&l[s]!=="";){let c=l.index;if(s!==0)for(let p=1;p<s;p++)c+=l[p].length;const f=c+l[s].length;this.wrapRangeInMappedTextNode(o,c,f,p=>n(l[s],p),(p,v)=>{e.lastIndex=v,r(p)})}i()})}wrapRangeFromIndex(e,t,n,r){this.getTextNodes(i=>{const s=i.value.length;e.forEach((o,l)=>{let{start:c,end:f,valid:p}=this.checkWhitespaceRanges(o,s,i.value);p&&this.wrapRangeInMappedTextNode(i,c,f,v=>t(v,o,i.value.substring(c,f),l),v=>{n(v,o)})}),r()})}unwrapMatches(e){const t=e.parentNode;let n=document.createDocumentFragment();for(;e.firstChild;)n.appendChild(e.removeChild(e.firstChild));t.replaceChild(n,e),this.ie?this.normalizeTextNode(t):t.normalize()}normalizeTextNode(e){if(e){if(e.nodeType===3)for(;e.nextSibling&&e.nextSibling.nodeType===3;)e.nodeValue+=e.nextSibling.nodeValue,e.parentNode.removeChild(e.nextSibling);else this.normalizeTextNode(e.firstChild);this.normalizeTextNode(e.nextSibling)}}markRegExp(e,t){this.opt=t,this.log(`Searching with expression "${e}"`);let n=0,r="wrapMatches";const i=s=>{n++,this.opt.each(s)};this.opt.acrossElements&&(r="wrapMatchesAcrossElements"),this[r](e,this.opt.ignoreGroups,(s,o)=>this.opt.filter(o,s,n),i,()=>{n===0&&this.opt.noMatch(e),this.opt.done(n)})}mark(e,t){this.opt=t;let n=0,r="wrapMatches";const{keywords:i,length:s}=this.getSeparatedKeywords(typeof e=="string"?[e]:e),o=this.opt.caseSensitive?"":"i",l=c=>{let f=new RegExp(this.createRegExp(c),`gm${o}`),p=0;this.log(`Searching with expression "${f}"`),this[r](f,1,(v,y)=>this.opt.filter(y,c,n,p),v=>{p++,n++,this.opt.each(v)},()=>{p===0&&this.opt.noMatch(c),i[s-1]===c?this.opt.done(n):l(i[i.indexOf(c)+1])})};this.opt.acrossElements&&(r="wrapMatchesAcrossElements"),s===0?this.opt.done(n):l(i[0])}markRanges(e,t){this.opt=t;let n=0,r=this.checkRanges(e);r&&r.length?(this.log("Starting to mark with the following ranges: "+JSON.stringify(r)),this.wrapRangeFromIndex(r,(i,s,o,l)=>this.opt.filter(i,s,o,l),(i,s)=>{n++,this.opt.each(i,s)},()=>{this.opt.done(n)})):this.opt.done(n)}unmark(e){this.opt=e;let t=this.opt.element?this.opt.element:"*";t+="[data-markjs]",this.opt.className&&(t+=`.${this.opt.className}`),this.log(`Removal selector "${t}"`),this.iterator.forEachNode(NodeFilter.SHOW_ELEMENT,n=>{this.unwrapMatches(n)},n=>{const r=se.matches(n,t),i=this.matchesExclude(n);return!r||i?NodeFilter.FILTER_REJECT:NodeFilter.FILTER_ACCEPT},this.opt.done)}};function Nn(a){const e=new kn(a);return this.mark=(t,n)=>(e.mark(t,n),this),this.markRegExp=(t,n)=>(e.markRegExp(t,n),this),this.markRanges=(t,n)=>(e.markRanges(t,n),this),this.unmark=t=>(e.unmark(t),this),this}const Fn="ENTRIES",mt="KEYS",gt="VALUES",M="";class Re{constructor(e,t){const n=e._tree,r=Array.from(n.keys());this.set=e,this._type=t,this._path=r.length>0?[{node:n,keys:r}]:[]}next(){const e=this.dive();return this.backtrack(),e}dive(){if(this._path.length===0)return{done:!0,value:void 0};const{node:e,keys:t}=te(this._path);if(te(t)===M)return{done:!1,value:this.result()};const n=e.get(te(t));return this._path.push({node:n,keys:Array.from(n.keys())}),this.dive()}backtrack(){if(this._path.length===0)return;const e=te(this._path).keys;e.pop(),!(e.length>0)&&(this._path.pop(),this.backtrack())}key(){return this.set._prefix+this._path.map(({keys:e})=>te(e)).filter(e=>e!==M).join("")}value(){return te(this._path).node.get(M)}result(){switch(this._type){case gt:return this.value();case mt:return this.key();default:return[this.key(),this.value()]}}[Symbol.iterator](){return this}}const te=a=>a[a.length-1],Rn=(a,e,t)=>{const n=new Map;if(e===void 0)return n;const r=e.length+1,i=r+t,s=new Uint8Array(i*r).fill(t+1);for(let o=0;o<r;++o)s[o]=o;for(let o=1;o<i;++o)s[o*r]=o;return bt(a,e,t,n,s,1,r,""),n},bt=(a,e,t,n,r,i,s,o)=>{const l=i*s;e:for(const c of a.keys())if(c===M){const f=r[l-1];f<=t&&n.set(o,[a.get(c),f])}else{let f=i;for(let p=0;p<c.length;++p,++f){const v=c[p],y=s*f,S=y-s;let w=r[y];const x=Math.max(0,f-t-1),N=Math.min(s-1,f+t);for(let F=x;F<N;++F){const G=v!==e[F],z=r[S+F]+ +G,j=r[S+F+1]+1,L=r[y+F]+1,V=r[y+F+1]=Math.min(z,j,L);V<w&&(w=V)}if(w>t)continue e}bt(a.get(c),e,t,n,r,f,s,o+c)}};class H{constructor(e=new Map,t=""){this._size=void 0,this._tree=e,this._prefix=t}atPrefix(e){if(!e.startsWith(this._prefix))throw new Error("Mismatched prefix");const[t,n]=ke(this._tree,e.slice(this._prefix.length));if(t===void 0){const[r,i]=$e(n);for(const s of r.keys())if(s!==M&&s.startsWith(i)){const o=new Map;return o.set(s.slice(i.length),r.get(s)),new H(o,e)}}return new H(t,e)}clear(){this._size=void 0,this._tree.clear()}delete(e){return this._size=void 0,An(this._tree,e)}entries(){return new Re(this,Fn)}forEach(e){for(const[t,n]of this)e(t,n,this)}fuzzyGet(e,t){return Rn(this._tree,e,t)}get(e){const t=ze(this._tree,e);return t!==void 0?t.get(M):void 0}has(e){const t=ze(this._tree,e);return t!==void 0&&t.has(M)}keys(){return new Re(this,mt)}set(e,t){if(typeof e!="string")throw new Error("key must be a string");return this._size=void 0,Ae(this._tree,e).set(M,t),this}get size(){if(this._size)return this._size;this._size=0;const e=this.entries();for(;!e.next().done;)this._size+=1;return this._size}update(e,t){if(typeof e!="string")throw new Error("key must be a string");this._size=void 0;const n=Ae(this._tree,e);return n.set(M,t(n.get(M))),this}fetch(e,t){if(typeof e!="string")throw new Error("key must be a string");this._size=void 0;const n=Ae(this._tree,e);let r=n.get(M);return r===void 0&&n.set(M,r=t()),r}values(){return new Re(this,gt)}[Symbol.iterator](){return this.entries()}static from(e){const t=new H;for(const[n,r]of e)t.set(n,r);return t}static fromObject(e){return H.from(Object.entries(e))}}const ke=(a,e,t=[])=>{if(e.length===0||a==null)return[a,t];for(const n of a.keys())if(n!==M&&e.startsWith(n))return t.push([a,n]),ke(a.get(n),e.slice(n.length),t);return t.push([a,e]),ke(void 0,"",t)},ze=(a,e)=>{if(e.length===0||a==null)return a;for(const t of a.keys())if(t!==M&&e.startsWith(t))return ze(a.get(t),e.slice(t.length))},Ae=(a,e)=>{const t=e.length;e:for(let n=0;a&&n<t;){for(const i of a.keys())if(i!==M&&e[n]===i[0]){const s=Math.min(t-n,i.length);let o=1;for(;o<s&&e[n+o]===i[o];)++o;const l=a.get(i);if(o===i.length)a=l;else{const c=new Map;c.set(i.slice(o),l),a.set(e.slice(n,n+o),c),a.delete(i),a=c}n+=o;continue e}const r=new Map;return a.set(e.slice(n),r),r}return a},An=(a,e)=>{const[t,n]=ke(a,e);if(t!==void 0){if(t.delete(M),t.size===0)yt(n);else if(t.size===1){const[r,i]=t.entries().next().value;wt(n,r,i)}}},yt=a=>{if(a.length===0)return;const[e,t]=$e(a);if(e.delete(t),e.size===0)yt(a.slice(0,-1));else if(e.size===1){const[n,r]=e.entries().next().value;n!==M&&wt(a.slice(0,-1),n,r)}},wt=(a,e,t)=>{if(a.length===0)return;const[n,r]=$e(a);n.set(r+e,t),n.delete(r)},$e=a=>a[a.length-1],Be="or",St="and",On="and_not";class re{constructor(e){if(e?.fields==null)throw new Error('MiniSearch: option "fields" must be provided');const t=e.autoVacuum==null||e.autoVacuum===!0?Me:e.autoVacuum;this._options={...Ce,...e,autoVacuum:t,searchOptions:{...rt,...e.searchOptions||{}},autoSuggestOptions:{...Pn,...e.autoSuggestOptions||{}}},this._index=new H,this._documentCount=0,this._documentIds=new Map,this._idToShortId=new Map,this._fieldIds={},this._fieldLength=new Map,this._avgFieldLength=[],this._nextId=0,this._storedFields=new Map,this._dirtCount=0,this._currentVacuum=null,this._enqueuedVacuum=null,this._enqueuedVacuumConditions=je,this.addFields(this._options.fields)}add(e){const{extractField:t,stringifyField:n,tokenize:r,processTerm:i,fields:s,idField:o}=this._options,l=t(e,o);if(l==null)throw new Error(`MiniSearch: document does not have ID field "${o}"`);if(this._idToShortId.has(l))throw new Error(`MiniSearch: duplicate ID ${l}`);const c=this.addDocumentId(l);this.saveStoredFields(c,e);for(const f of s){const p=t(e,f);if(p==null)continue;const v=r(n(p,f),f),y=this._fieldIds[f],S=new Set(v).size;this.addFieldLength(c,y,this._documentCount-1,S);for(const w of v){const x=i(w,f);if(Array.isArray(x))for(const N of x)this.addTerm(y,c,N);else x&&this.addTerm(y,c,x)}}}addAll(e){for(const t of e)this.add(t)}addAllAsync(e,t={}){const{chunkSize:n=10}=t,r={chunk:[],promise:Promise.resolve()},{chunk:i,promise:s}=e.reduce(({chunk:o,promise:l},c,f)=>(o.push(c),(f+1)%n===0?{chunk:[],promise:l.then(()=>new Promise(p=>setTimeout(p,0))).then(()=>this.addAll(o))}:{chunk:o,promise:l}),r);return s.then(()=>this.addAll(i))}remove(e){const{tokenize:t,processTerm:n,extractField:r,stringifyField:i,fields:s,idField:o}=this._options,l=r(e,o);if(l==null)throw new Error(`MiniSearch: document does not have ID field "${o}"`);const c=this._idToShortId.get(l);if(c==null)throw new Error(`MiniSearch: cannot remove document with ID ${l}: it is not in the index`);for(const f of s){const p=r(e,f);if(p==null)continue;const v=t(i(p,f),f),y=this._fieldIds[f],S=new Set(v).size;this.removeFieldLength(c,y,this._documentCount,S);for(const w of v){const x=n(w,f);if(Array.isArray(x))for(const N of x)this.removeTerm(y,c,N);else x&&this.removeTerm(y,c,x)}}this._storedFields.delete(c),this._documentIds.delete(c),this._idToShortId.delete(l),this._fieldLength.delete(c),this._documentCount-=1}removeAll(e){if(e)for(const t of e)this.remove(t);else{if(arguments.length>0)throw new Error("Expected documents to be present. Omit the argument to remove all documents.");this._index=new H,this._documentCount=0,this._documentIds=new Map,this._idToShortId=new Map,this._fieldLength=new Map,this._avgFieldLength=[],this._storedFields=new Map,this._nextId=0}}discard(e){const t=this._idToShortId.get(e);if(t==null)throw new Error(`MiniSearch: cannot discard document with ID ${e}: it is not in the index`);this._idToShortId.delete(e),this._documentIds.delete(t),this._storedFields.delete(t),(this._fieldLength.get(t)||[]).forEach((n,r)=>{this.removeFieldLength(t,r,this._documentCount,n)}),this._fieldLength.delete(t),this._documentCount-=1,this._dirtCount+=1,this.maybeAutoVacuum()}maybeAutoVacuum(){if(this._options.autoVacuum===!1)return;const{minDirtFactor:e,minDirtCount:t,batchSize:n,batchWait:r}=this._options.autoVacuum;this.conditionalVacuum({batchSize:n,batchWait:r},{minDirtCount:t,minDirtFactor:e})}discardAll(e){const t=this._options.autoVacuum;try{this._options.autoVacuum=!1;for(const n of e)this.discard(n)}finally{this._options.autoVacuum=t}this.maybeAutoVacuum()}replace(e){const{idField:t,extractField:n}=this._options,r=n(e,t);this.discard(r),this.add(e)}vacuum(e={}){return this.conditionalVacuum(e)}conditionalVacuum(e,t){return this._currentVacuum?(this._enqueuedVacuumConditions=this._enqueuedVacuumConditions&&t,this._enqueuedVacuum!=null?this._enqueuedVacuum:(this._enqueuedVacuum=this._currentVacuum.then(()=>{const n=this._enqueuedVacuumConditions;return this._enqueuedVacuumConditions=je,this.performVacuuming(e,n)}),this._enqueuedVacuum)):this.vacuumConditionsMet(t)===!1?Promise.resolve():(this._currentVacuum=this.performVacuuming(e),this._currentVacuum)}async performVacuuming(e,t){const n=this._dirtCount;if(this.vacuumConditionsMet(t)){const r=e.batchSize||Ve.batchSize,i=e.batchWait||Ve.batchWait;let s=1;for(const[o,l]of this._index){for(const[c,f]of l)for(const[p]of f)this._documentIds.has(p)||(f.size<=1?l.delete(c):f.delete(p));this._index.get(o).size===0&&this._index.delete(o),s%r===0&&await new Promise(c=>setTimeout(c,i)),s+=1}this._dirtCount-=n}await null,this._currentVacuum=this._enqueuedVacuum,this._enqueuedVacuum=null}vacuumConditionsMet(e){if(e==null)return!0;let{minDirtCount:t,minDirtFactor:n}=e;return t=t||Me.minDirtCount,n=n||Me.minDirtFactor,this.dirtCount>=t&&this.dirtFactor>=n}get isVacuuming(){return this._currentVacuum!=null}get dirtCount(){return this._dirtCount}get dirtFactor(){return this._dirtCount/(1+this._documentCount+this._dirtCount)}has(e){return this._idToShortId.has(e)}getStoredFields(e){const t=this._idToShortId.get(e);if(t!=null)return this._storedFields.get(t)}search(e,t={}){const{searchOptions:n}=this._options,r={...n,...t},i=this.executeQuery(e,t),s=[];for(const[o,{score:l,terms:c,match:f}]of i){const p=c.length||1,v={id:this._documentIds.get(o),score:l*p,terms:Object.keys(f),queryTerms:c,match:f};Object.assign(v,this._storedFields.get(o)),(r.filter==null||r.filter(v))&&s.push(v)}return e===re.wildcard&&r.boostDocument==null||s.sort(at),s}autoSuggest(e,t={}){t={...this._options.autoSuggestOptions,...t};const n=new Map;for(const{score:i,terms:s}of this.search(e,t)){const o=s.join(" "),l=n.get(o);l!=null?(l.score+=i,l.count+=1):n.set(o,{score:i,terms:s,count:1})}const r=[];for(const[i,{score:s,terms:o,count:l}]of n)r.push({suggestion:i,terms:o,score:s/l});return r.sort(at),r}get documentCount(){return this._documentCount}get termCount(){return this._index.size}static loadJSON(e,t){if(t==null)throw new Error("MiniSearch: loadJSON should be given the same options used when serializing the index");return this.loadJS(JSON.parse(e),t)}static async loadJSONAsync(e,t){if(t==null)throw new Error("MiniSearch: loadJSON should be given the same options used when serializing the index");return this.loadJSAsync(JSON.parse(e),t)}static getDefault(e){if(Ce.hasOwnProperty(e))return Oe(Ce,e);throw new Error(`MiniSearch: unknown option "${e}"`)}static loadJS(e,t){const{index:n,documentIds:r,fieldLength:i,storedFields:s,serializationVersion:o}=e,l=this.instantiateMiniSearch(e,t);l._documentIds=ye(r),l._fieldLength=ye(i),l._storedFields=ye(s);for(const[c,f]of l._documentIds)l._idToShortId.set(f,c);for(const[c,f]of n){const p=new Map;for(const v of Object.keys(f)){let y=f[v];o===1&&(y=y.ds),p.set(parseInt(v,10),ye(y))}l._index.set(c,p)}return l}static async loadJSAsync(e,t){const{index:n,documentIds:r,fieldLength:i,storedFields:s,serializationVersion:o}=e,l=this.instantiateMiniSearch(e,t);l._documentIds=await we(r),l._fieldLength=await we(i),l._storedFields=await we(s);for(const[f,p]of l._documentIds)l._idToShortId.set(p,f);let c=0;for(const[f,p]of n){const v=new Map;for(const y of Object.keys(p)){let S=p[y];o===1&&(S=S.ds),v.set(parseInt(y,10),await we(S))}++c%1e3===0&&await xt(0),l._index.set(f,v)}return l}static instantiateMiniSearch(e,t){const{documentCount:n,nextId:r,fieldIds:i,averageFieldLength:s,dirtCount:o,serializationVersion:l}=e;if(l!==1&&l!==2)throw new Error("MiniSearch: cannot deserialize an index created with an incompatible version");const c=new re(t);return c._documentCount=n,c._nextId=r,c._idToShortId=new Map,c._fieldIds=i,c._avgFieldLength=s,c._dirtCount=o||0,c._index=new H,c}executeQuery(e,t={}){if(e===re.wildcard)return this.executeWildcardQuery(t);if(typeof e!="string"){const v={...t,...e,queries:void 0},y=e.queries.map(S=>this.executeQuery(S,v));return this.combineResults(y,v.combineWith)}const{tokenize:n,processTerm:r,searchOptions:i}=this._options,s={tokenize:n,processTerm:r,...i,...t},{tokenize:o,processTerm:l}=s,p=o(e).flatMap(v=>l(v)).filter(v=>!!v).map(Dn(s)).map(v=>this.executeQuerySpec(v,s));return this.combineResults(p,s.combineWith)}executeQuerySpec(e,t){const n={...this._options.searchOptions,...t},r=(n.fields||this._options.fields).reduce((w,x)=>({...w,[x]:Oe(n.boost,x)||1}),{}),{boostDocument:i,weights:s,maxFuzzy:o,bm25:l}=n,{fuzzy:c,prefix:f}={...rt.weights,...s},p=this._index.get(e.term),v=this.termResults(e.term,e.term,1,e.termBoost,p,r,i,l);let y,S;if(e.prefix&&(y=this._index.atPrefix(e.term)),e.fuzzy){const w=e.fuzzy===!0?.2:e.fuzzy,x=w<1?Math.min(o,Math.round(e.term.length*w)):w;x&&(S=this._index.fuzzyGet(e.term,x))}if(y)for(const[w,x]of y){const N=w.length-e.term.length;if(!N)continue;S?.delete(w);const F=f*w.length/(w.length+.3*N);this.termResults(e.term,w,F,e.termBoost,x,r,i,l,v)}if(S)for(const w of S.keys()){const[x,N]=S.get(w);if(!N)continue;const F=c*w.length/(w.length+N);this.termResults(e.term,w,F,e.termBoost,x,r,i,l,v)}return v}executeWildcardQuery(e){const t=new Map,n={...this._options.searchOptions,...e};for(const[r,i]of this._documentIds){const s=n.boostDocument?n.boostDocument(i,"",this._storedFields.get(r)):1;t.set(r,{score:s,terms:[],match:{}})}return t}combineResults(e,t=Be){if(e.length===0)return new Map;const n=t.toLowerCase(),r=Cn[n];if(!r)throw new Error(`Invalid combination operator: ${t}`);return e.reduce(r)||new Map}toJSON(){const e=[];for(const[t,n]of this._index){const r={};for(const[i,s]of n)r[i]=Object.fromEntries(s);e.push([t,r])}return{documentCount:this._documentCount,nextId:this._nextId,documentIds:Object.fromEntries(this._documentIds),fieldIds:this._fieldIds,fieldLength:Object.fromEntries(this._fieldLength),averageFieldLength:this._avgFieldLength,storedFields:Object.fromEntries(this._storedFields),dirtCount:this._dirtCount,index:e,serializationVersion:2}}termResults(e,t,n,r,i,s,o,l,c=new Map){if(i==null)return c;for(const f of Object.keys(s)){const p=s[f],v=this._fieldIds[f],y=i.get(v);if(y==null)continue;let S=y.size;const w=this._avgFieldLength[v];for(const x of y.keys()){if(!this._documentIds.has(x)){this.removeTerm(v,x,t),S-=1;continue}const N=o?o(this._documentIds.get(x),t,this._storedFields.get(x)):1;if(!N)continue;const F=y.get(x),G=this._fieldLength.get(x)[v],z=Ln(F,S,this._documentCount,G,w,l),j=n*r*p*N*z,L=c.get(x);if(L){L.score+=j,zn(L.terms,e);const V=Oe(L.match,t);V?V.push(f):L.match[t]=[f]}else c.set(x,{score:j,terms:[e],match:{[t]:[f]}})}}return c}addTerm(e,t,n){const r=this._index.fetch(n,ot);let i=r.get(e);if(i==null)i=new Map,i.set(t,1),r.set(e,i);else{const s=i.get(t);i.set(t,(s||0)+1)}}removeTerm(e,t,n){if(!this._index.has(n)){this.warnDocumentChanged(t,e,n);return}const r=this._index.fetch(n,ot),i=r.get(e);i==null||i.get(t)==null?this.warnDocumentChanged(t,e,n):i.get(t)<=1?i.size<=1?r.delete(e):i.delete(t):i.set(t,i.get(t)-1),this._index.get(n).size===0&&this._index.delete(n)}warnDocumentChanged(e,t,n){for(const r of Object.keys(this._fieldIds))if(this._fieldIds[r]===t){this._options.logger("warn",`MiniSearch: document with ID ${this._documentIds.get(e)} has changed before removal: term "${n}" was not present in field "${r}". Removing a document after it has changed can corrupt the index!`,"version_conflict");return}}addDocumentId(e){const t=this._nextId;return this._idToShortId.set(e,t),this._documentIds.set(t,e),this._documentCount+=1,this._nextId+=1,t}addFields(e){for(let t=0;t<e.length;t++)this._fieldIds[e[t]]=t}addFieldLength(e,t,n,r){let i=this._fieldLength.get(e);i==null&&this._fieldLength.set(e,i=[]),i[t]=r;const o=(this._avgFieldLength[t]||0)*n+r;this._avgFieldLength[t]=o/(n+1)}removeFieldLength(e,t,n,r){if(n===1){this._avgFieldLength[t]=0;return}const i=this._avgFieldLength[t]*n-r;this._avgFieldLength[t]=i/(n-1)}saveStoredFields(e,t){const{storeFields:n,extractField:r}=this._options;if(n==null||n.length===0)return;let i=this._storedFields.get(e);i==null&&this._storedFields.set(e,i={});for(const s of n){const o=r(t,s);o!==void 0&&(i[s]=o)}}}re.wildcard=Symbol("*");const Oe=(a,e)=>Object.prototype.hasOwnProperty.call(a,e)?a[e]:void 0,Cn={[Be]:(a,e)=>{for(const t of e.keys()){const n=a.get(t);if(n==null)a.set(t,e.get(t));else{const{score:r,terms:i,match:s}=e.get(t);n.score=n.score+r,n.match=Object.assign(n.match,s),it(n.terms,i)}}return a},[St]:(a,e)=>{const t=new Map;for(const n of e.keys()){const r=a.get(n);if(r==null)continue;const{score:i,terms:s,match:o}=e.get(n);it(r.terms,s),t.set(n,{score:r.score+i,terms:r.terms,match:Object.assign(r.match,o)})}return t},[On]:(a,e)=>{for(const t of e.keys())a.delete(t);return a}},Mn={k:1.2,b:.7,d:.5},Ln=(a,e,t,n,r,i)=>{const{k:s,b:o,d:l}=i;return Math.log(1+(t-e+.5)/(e+.5))*(l+a*(s+1)/(a+s*(1-o+o*n/r)))},Dn=a=>(e,t,n)=>{const r=typeof a.fuzzy=="function"?a.fuzzy(e,t,n):a.fuzzy||!1,i=typeof a.prefix=="function"?a.prefix(e,t,n):a.prefix===!0,s=typeof a.boostTerm=="function"?a.boostTerm(e,t,n):1;return{term:e,fuzzy:r,prefix:i,termBoost:s}},Ce={idField:"id",extractField:(a,e)=>a[e],stringifyField:(a,e)=>a.toString(),tokenize:a=>a.split(Vn),processTerm:a=>a.toLowerCase(),fields:void 0,searchOptions:void 0,storeFields:[],logger:(a,e)=>{typeof console?.[a]=="function"&&console[a](e)},autoVacuum:!0},rt={combineWith:Be,prefix:!1,fuzzy:!1,maxFuzzy:6,boost:{},weights:{fuzzy:.45,prefix:.375},bm25:Mn},Pn={combineWith:St,prefix:(a,e,t)=>e===t.length-1},Ve={batchSize:1e3,batchWait:10},je={minDirtFactor:.1,minDirtCount:20},Me={...Ve,...je},zn=(a,e)=>{a.includes(e)||a.push(e)},it=(a,e)=>{for(const t of e)a.includes(t)||a.push(t)},at=({score:a},{score:e})=>e-a,ot=()=>new Map,ye=a=>{const e=new Map;for(const t of Object.keys(a))e.set(parseInt(t,10),a[t]);return e},we=async a=>{const e=new Map;let t=0;for(const n of Object.keys(a))e.set(parseInt(n,10),a[n]),++t%1e3===0&&await xt(0);return e},xt=a=>new Promise(e=>setTimeout(e,a)),Vn=/[\n\r\p{Z}\p{P}]+/u;class jn{max;cache;constructor(e=10){this.max=e,this.cache=new Map}get(e){let t=this.cache.get(e);return t!==void 0&&(this.cache.delete(e),this.cache.set(e,t)),t}set(e,t){this.cache.has(e)?this.cache.delete(e):this.cache.size===this.max&&this.cache.delete(this.first()),this.cache.set(e,t)}first(){return this.cache.keys().next().value}clear(){this.cache.clear()}}function $n(a){const{localeIndex:e,theme:t}=lt();function n(r){const i=r.split("."),s=t.value.search?.options,o=s&&typeof s=="object",l=o&&s.locales?.[e.value]?.translations||null,c=o&&s.translations||null;let f=l,p=c,v=a;const y=i.pop();for(const S of i){let w=null;const x=v?.[S];x&&(w=v=x);const N=p?.[S];N&&(w=p=N);const F=f?.[S];F&&(w=f=F),x||(v=w),N||(p=w),F||(f=w)}return f?.[y]??p?.[y]??v?.[y]??""}return n}const Bn=["aria-owns"],Wn={class:"shell"},Kn=["title"],Jn={class:"search-actions before"},Un=["title"],qn=["aria-activedescendant","aria-controls","placeholder"],Hn={class:"search-actions"},Gn=["title"],Qn=["disabled","title"],Yn=["id","role","aria-labelledby"],Zn=["id","aria-selected"],Xn=["href","aria-label","onMouseenter","onFocusin","data-index"],es={class:"titles"},ts=["innerHTML"],ns={class:"title main"},ss=["innerHTML"],rs={key:0,class:"excerpt-wrapper"},is={key:0,class:"excerpt",inert:""},as=["innerHTML"],os={key:0,class:"no-results"},ls={class:"search-keyboard-shortcuts"},cs=["aria-label"],us=["aria-label"],ds=["aria-label"],fs=["aria-label"],hs=Nt({__name:"VPLocalSearchBox",emits:["close"],setup(a,{emit:e}){const t=e,n=ne(),r=ne(),i=ne(Gt),s=lt(),{activate:o}=In(n,{immediate:!0,allowOutsideClick:!0,clickOutsideDeactivates:!0,escapeDeactivates:!0}),{localeIndex:l,theme:c}=s,f=He(async()=>Ze(re.loadJSON((await i.value[l.value]?.())?.default,{fields:["title","titles","text"],storeFields:["title","titles"],searchOptions:{fuzzy:.2,prefix:!0,boost:{title:4,text:2,titles:1},...c.value.search?.provider==="local"&&c.value.search.options?.miniSearch?.searchOptions},...c.value.search?.provider==="local"&&c.value.search.options?.miniSearch?.options}))),v=Se(()=>c.value.search?.provider==="local"&&c.value.search.options?.disableQueryPersistence===!0).value?ue(""):Ft("vitepress:local-search-filter",""),y=Rt("vitepress:local-search-detailed-list",c.value.search?.provider==="local"&&c.value.search.options?.detailedView===!0),S=Se(()=>c.value.search?.provider==="local"&&(c.value.search.options?.disableDetailedView===!0||c.value.search.options?.detailedView===!1));At(()=>{S.value&&(y.value=!1)});const w=ne([]),x=ue(!1);Le(v,()=>{x.value=!1});const N=He(async()=>{if(r.value)return Ze(new Nn(r.value))},null),F=new jn(16);Ot(()=>[f.value,v.value,y.value],async([m,h,g],E,k)=>{E?.[0]!==m&&F.clear();let R=!1;if(k(()=>{R=!0}),!m)return;w.value=m.search(h).slice(0,16),x.value=!0;const P=g?await Promise.all(w.value.map(A=>G(A.id))):[];if(R)return;for(const{id:A,mod:J}of P){const U=A.slice(0,A.indexOf("#"));let oe=F.get(U);if(oe)continue;oe=new Map,F.set(U,oe);const le=J.default??J;if(le?.render||le?.setup){const Q=Kt(le);Q.config.warnHandler=()=>{},Q.provide(Jt,s),Object.defineProperties(Q.config.globalProperties,{$frontmatter:{get(){return s.frontmatter.value}},$params:{get(){return s.page.value.params}}});const We=document.createElement("div");Q.mount(We),We.querySelectorAll("h1, h2, h3, h4, h5, h6").forEach(ce=>{const Ke=ce.querySelector("a")?.getAttribute("href"),Je=Ke?.startsWith("#")&&Ke.slice(1);if(!Je)return;let Ue="";for(;(ce=ce.nextElementSibling)&&!/^h[1-6]$/i.test(ce.tagName);)Ue+=ce.outerHTML;oe.set(Je,Ue)}),Q.unmount()}if(R)return}const D=new Set;if(w.value=w.value.map(A=>{const[J,U]=A.id.split("#"),le=F.get(J)?.get(U)??"";for(const Q in A.match)D.add(Q);return{...A,text:le}}),await de(),R)return;await new Promise(A=>{N.value?.unmark({done:()=>{N.value?.markRegExp(b(D),{done:A})}})});const $=n.value?.querySelectorAll(".result .excerpt")??[];for(const A of $)A.querySelector('mark[data-markjs="true"]')?.scrollIntoView({block:"center"});r.value?.firstElementChild?.scrollIntoView({block:"start"})},{debounce:200,immediate:!0});async function G(m){const h=Ut(m.slice(0,m.indexOf("#")));try{if(!h)throw new Error(`Cannot find file for id: ${m}`);return{id:m,mod:await import(h)}}catch(g){return console.error(g),{id:m,mod:{}}}}const z=ue(),j=Se(()=>v.value?.length<=0);function L(m=!0){z.value?.focus(),m&&z.value?.select()}Ne(()=>{L()});function V(m){m.pointerType==="mouse"&&L()}const O=ue(-1),K=ue(!0);Le(w,m=>{O.value=m.length?0:-1,ie()});function ie(){de(()=>{document.querySelector(".result.selected")?.scrollIntoView({block:"nearest"})})}me("ArrowUp",m=>{m.preventDefault(),O.value--,O.value<0&&(O.value=w.value.length-1),K.value=!0,ie()}),me("ArrowDown",m=>{m.preventDefault(),O.value++,O.value>=w.value.length&&(O.value=0),K.value=!0,ie()});const ae=Ct();me("Enter",m=>{if(m.isComposing||m.target instanceof HTMLButtonElement&&m.target.type!=="submit")return;const h=w.value[O.value];if(m.target instanceof HTMLInputElement&&!h){m.preventDefault();return}h&&(ae.go(h.id),t("close"))}),me("Escape",()=>{t("close")});const _=$n({button:{buttonText:"Search"},modal:{displayDetails:"Display detailed list",resetButtonTitle:"Reset search",backButtonTitle:"Close search",noResultsText:"No results for",footer:{selectText:"to select",selectKeyAriaLabel:"enter",navigateText:"to navigate",navigateUpKeyAriaLabel:"up arrow",navigateDownKeyAriaLabel:"down arrow",closeText:"to close",closeKeyAriaLabel:"escape"}}});Ne(()=>{window.history.pushState(null,"",null)}),Mt("popstate",m=>{m.preventDefault(),t("close")});const u=Lt(Dt?document.body:null);Ne(()=>{de(()=>{u.value=!0,de().then(()=>o())})}),Pt(()=>{u.value=!1});function d(){v.value="",de().then(()=>L(!1))}function b(m){return new RegExp([...m].sort((h,g)=>g.length-h.length).map(h=>`(${qt(h)})`).join("|"),"gi")}function I(m){if(!K.value)return;const h=m.target?.closest(".result"),g=Number.parseInt(h?.dataset.index);g>=0&&g!==O.value&&(O.value=g),K.value=!1}return(m,h)=>(B(),zt(Wt,{to:"body"},[T("div",{ref_key:"el",ref:n,role:"button","aria-owns":w.value?.length?"localsearch-list":void 0,"aria-expanded":"true","aria-haspopup":"listbox","aria-labelledby":"localsearch-label",class:"VPLocalSearchBox"},[T("div",{class:"backdrop",onClick:h[0]||(h[0]=g=>m.$emit("close"))}),T("div",Wn,[T("form",{class:"search-bar",onPointerup:h[4]||(h[4]=g=>V(g)),onSubmit:h[5]||(h[5]=Vt(()=>{},["prevent"]))},[T("label",{title:C(_)("button.buttonText"),id:"localsearch-label",for:"localsearch-input"},[...h[7]||(h[7]=[T("span",{"aria-hidden":"true",class:"vpi-search search-icon local-search-icon"},null,-1)])],8,Kn),T("div",Jn,[T("button",{class:"back-button",title:C(_)("modal.backButtonTitle"),onClick:h[1]||(h[1]=g=>m.$emit("close"))},[...h[8]||(h[8]=[T("span",{class:"vpi-arrow-left local-search-icon"},null,-1)])],8,Un)]),jt(T("input",{ref_key:"searchInput",ref:z,"onUpdate:modelValue":h[2]||(h[2]=g=>Bt(v)?v.value=g:null),"aria-activedescendant":O.value>-1?"localsearch-item-"+O.value:void 0,"aria-autocomplete":"both","aria-controls":w.value?.length?"localsearch-list":void 0,"aria-labelledby":"localsearch-label",autocapitalize:"off",autocomplete:"off",autocorrect:"off",class:"search-input",id:"localsearch-input",enterkeyhint:"go",maxlength:"64",placeholder:C(_)("button.buttonText"),spellcheck:"false",type:"search"},null,8,qn),[[$t,C(v)]]),T("div",Hn,[S.value?ge("",!0):(B(),q("button",{key:0,class:Ge(["toggle-layout-button",{"detailed-list":C(y)}]),type:"button",title:C(_)("modal.displayDetails"),onClick:h[3]||(h[3]=g=>O.value>-1&&(y.value=!C(y)))},[...h[9]||(h[9]=[T("span",{class:"vpi-layout-list local-search-icon"},null,-1)])],10,Gn)),T("button",{class:"clear-button",type:"reset",disabled:j.value,title:C(_)("modal.resetButtonTitle"),onClick:d},[...h[10]||(h[10]=[T("span",{class:"vpi-delete local-search-icon"},null,-1)])],8,Qn)])],32),T("ul",{ref_key:"resultsEl",ref:r,id:w.value?.length?"localsearch-list":void 0,role:w.value?.length?"listbox":void 0,"aria-labelledby":w.value?.length?"localsearch-label":void 0,class:"results",onMousemove:I},[(B(!0),q(Ye,null,Qe(w.value,(g,E)=>(B(),q("li",{key:g.id,id:"localsearch-item-"+E,"aria-selected":O.value===E?"true":"false",role:"option"},[T("a",{href:g.id,class:Ge(["result",{selected:O.value===E}]),"aria-label":[...g.titles,g.title].join(" > "),onMouseenter:k=>!K.value&&(O.value=E),onFocusin:k=>O.value=E,onClick:h[6]||(h[6]=k=>m.$emit("close")),"data-index":E},[T("div",null,[T("div",es,[h[12]||(h[12]=T("span",{class:"title-icon"},"#",-1)),(B(!0),q(Ye,null,Qe(g.titles,(k,R)=>(B(),q("span",{key:R,class:"title"},[T("span",{class:"text",innerHTML:k},null,8,ts),h[11]||(h[11]=T("span",{class:"vpi-chevron-right local-search-icon"},null,-1))]))),128)),T("span",ns,[T("span",{class:"text",innerHTML:g.title},null,8,ss)])]),C(y)?(B(),q("div",rs,[g.text?(B(),q("div",is,[T("div",{class:"vp-doc",innerHTML:g.text},null,8,as)])):ge("",!0),h[13]||(h[13]=T("div",{class:"excerpt-gradient-bottom"},null,-1)),h[14]||(h[14]=T("div",{class:"excerpt-gradient-top"},null,-1))])):ge("",!0)])],42,Xn)],8,Zn))),128)),C(v)&&!w.value.length&&x.value?(B(),q("li",os,[fe(he(C(_)("modal.noResultsText"))+' "',1),T("strong",null,he(C(v)),1),h[15]||(h[15]=fe('" ',-1))])):ge("",!0)],40,Yn),T("div",ls,[T("span",null,[T("kbd",{"aria-label":C(_)("modal.footer.navigateUpKeyAriaLabel")},[...h[16]||(h[16]=[T("span",{class:"vpi-arrow-up navigate-icon"},null,-1)])],8,cs),T("kbd",{"aria-label":C(_)("modal.footer.navigateDownKeyAriaLabel")},[...h[17]||(h[17]=[T("span",{class:"vpi-arrow-down navigate-icon"},null,-1)])],8,us),fe(" "+he(C(_)("modal.footer.navigateText")),1)]),T("span",null,[T("kbd",{"aria-label":C(_)("modal.footer.selectKeyAriaLabel")},[...h[18]||(h[18]=[T("span",{class:"vpi-corner-down-left navigate-icon"},null,-1)])],8,ds),fe(" "+he(C(_)("modal.footer.selectText")),1)]),T("span",null,[T("kbd",{"aria-label":C(_)("modal.footer.closeKeyAriaLabel")},"esc",8,fs),fe(" "+he(C(_)("modal.footer.closeText")),1)])])])],8,Bn)]))}}),bs=Ht(hs,[["__scopeId","data-v-8c9d8b44"]]);export{bs as default};
diff --git a/dist/docs/assets/chunks/theme.B2b_1z_T.js b/dist/docs/assets/chunks/theme.B2b_1z_T.js
deleted file mode 100644
index 7eeb8cc..0000000
--- a/dist/docs/assets/chunks/theme.B2b_1z_T.js
+++ /dev/null
@@ -1,2 +0,0 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/chunks/VPLocalSearchBox.BOPGMrlA.js","assets/chunks/framework.DyoGesZS.js"])))=>i.map(i=>d[i]);
-import{d as m,c as u,r as c,n as P,o,a as U,t as L,b as p,w as f,T as ve,e as h,_,u as Ke,i as Re,f as Ue,g as fe,h as k,j as v,k as i,l as O,m as $e,p as R,q as je,s as he,v as We,x as ee,y as V,z as D,A as Ve,B as Y,C as te,D as ne,E as ye,F as Se,G as S,H as x,I as j,J as g,K as H,L as Ne,M as ze,N as qe,O as F,P as ae,Q as Te,R as Je,S as ie,U as we,V as Me,W as Ye,X as Pe,Y as Xe,Z as Qe,$ as xe,a0 as Ae,a1 as Ze,a2 as et,a3 as tt,a4 as nt,a5 as at}from"./framework.DyoGesZS.js";const st=m({__name:"VPBadge",props:{text:{},type:{default:"tip"}},setup(e){return(t,n)=>(o(),u("span",{class:P(["VPBadge",e.type])},[c(t.$slots,"default",{},()=>[U(L(e.text),1)])],2))}}),ot={key:0,class:"VPBackdrop"},it=m({__name:"VPBackdrop",props:{show:{type:Boolean}},setup(e){return(t,n)=>(o(),p(ve,{name:"fade"},{default:f(()=>[e.show?(o(),u("div",ot)):h("",!0)]),_:1}))}}),rt=_(it,[["__scopeId","data-v-c79a1216"]]),$=Ke;function lt(e,t){let n,a=!1;return()=>{n&&clearTimeout(n),a?n=setTimeout(e,t):(e(),(a=!0)&&setTimeout(()=>a=!1,t))}}function re(e){return e.startsWith("/")?e:`/${e}`}function me(e){const{pathname:t,search:n,hash:a,protocol:s}=new URL(e,"http://a.com");if(Re(e)||e.startsWith("#")||!s.startsWith("http")||!Ue(t))return e;const{site:r}=$(),d=t.endsWith("/")||t.endsWith(".html")?e:e.replace(/(?:(^\.+)\/)?.*$/,`$1${t.replace(/(\.md)?$/,r.value.cleanUrls?"":".html")}${n}${a}`);return fe(d)}function X({correspondingLink:e=!1}={}){const{site:t,localeIndex:n,page:a,theme:s,hash:r}=$(),d=k(()=>({label:t.value.locales[n.value]?.label,link:t.value.locales[n.value]?.link||(n.value==="root"?"/":`/${n.value}/`)}));return{localeLinks:k(()=>Object.entries(t.value.locales).flatMap(([b,y])=>d.value.label===y.label?[]:{text:y.label,link:ct(y.link||(b==="root"?"/":`/${b}/`),s.value.i18nRouting!==!1&&e,a.value.relativePath.slice(d.value.link.length-1),!t.value.cleanUrls)+r.value,lang:y.lang,dir:y.dir})),currentLang:d}}function ct(e,t,n,a){return t?e.replace(/\/$/,"")+re(n.replace(/(^|\/)index\.md$/,"$1").replace(/\.md$/,a?".html":"")):e}const ut={class:"NotFound"},dt={class:"code"},vt={class:"title"},ft={class:"quote"},ht={class:"action"},mt=["href","aria-label"],pt=m({__name:"NotFound",setup(e){const{theme:t}=$(),{currentLang:n}=X();return(a,s)=>(o(),u("div",ut,[v("p",dt,L(i(t).notFound?.code??"404"),1),v("h1",vt,L(i(t).notFound?.title??"PAGE NOT FOUND"),1),s[0]||(s[0]=v("div",{class:"divider"},null,-1)),v("blockquote",ft,L(i(t).notFound?.quote??"But if you don't change your direction, and if you keep looking, you may end up where you are heading."),1),v("div",ht,[v("a",{class:"link",href:i(fe)(i(t).notFound?.link??i(n).link),"aria-label":i(t).notFound?.linkLabel??"go to home"},L(i(t).notFound?.linkText??"Take me home"),9,mt)])]))}}),kt=_(pt,[["__scopeId","data-v-829df670"]]);function Ie(e,t){if(Array.isArray(e))return Q(e);if(e==null)return[];t=re(t);const n=Object.keys(e).sort((s,r)=>r.split("/").length-s.split("/").length).find(s=>t.startsWith(re(s))),a=n?e[n]:[];return Array.isArray(a)?Q(a):Q(a.items,a.base)}function gt(e){const t=[];let n=0;for(const a in e){const s=e[a];if(s.items){n=t.push(s);continue}t[n]||t.push({items:[]}),t[n].items.push(s)}return t}function _t(e){const t=[];function n(a){for(const s of a)s.text&&s.link&&t.push({text:s.text,link:s.link,docFooterText:s.docFooterText}),s.items&&n(s.items)}return n(e),t}function le(e,t){return Array.isArray(t)?t.some(n=>le(e,n)):O(e,t.link)?!0:t.items?le(e,t.items):!1}function Q(e,t){return[...e].map(n=>{const a={...n},s=a.base||t;return s&&a.link&&(a.link=s+a.link.replace(/^\//,s.endsWith("/")?"":"/")),a.items&&(a.items=Q(a.items,s)),a})}function bt(){const{hasSidebar:e}=G(),t=$e("(min-width: 960px)"),n=$e("(min-width: 1280px)");return{isAsideEnabled:k(()=>!n.value&&!t.value?!1:e.value?n.value:t.value)}}const $t=/\b(?:VPBadge|header-anchor|footnote-ref|ignore-header)\b/,ce=[];function He(e){return typeof e.outline=="object"&&!Array.isArray(e.outline)&&e.outline.label||e.outlineTitle||"On this page"}function yt(e){const t=[...document.querySelectorAll(".VPDoc h1, .VPDoc h2, .VPDoc h3, .VPDoc h4, .VPDoc h5, .VPDoc h6")].filter(n=>n.id&&n.hasChildNodes()).map(n=>{const a=Number(n.tagName[1]);return{element:n,title:Pt(n),link:"#"+n.id,level:a}});return Lt(t,e)}function Pt(e){let t="";for(const n of e.childNodes)if(n.nodeType===1){if($t.test(n.className))continue;t+=n.textContent}else n.nodeType===3&&(t+=n.textContent);return t.trim()}function Lt(e,t){if(t===!1)return[];const n=(typeof t=="object"&&!Array.isArray(t)?t.level:t)||2,[a,s]=typeof n=="number"?[n,n]:n==="deep"?[2,6]:n;return Nt(e,a,s)}function Vt(e,t){const{isAsideEnabled:n}=bt(),a=lt(r,100);let s=null;R(()=>{requestAnimationFrame(r),window.addEventListener("scroll",a)}),je(()=>{d(location.hash)}),he(()=>{window.removeEventListener("scroll",a)});function r(){if(!n.value)return;const l=window.scrollY,b=window.innerHeight,y=document.body.offsetHeight,N=Math.abs(l+b-y)<1,w=ce.map(({element:A,link:I})=>({link:I,top:St(A)})).filter(({top:A})=>!Number.isNaN(A)).sort((A,I)=>A.top-I.top);if(!w.length){d(null);return}if(l<1){d(null);return}if(N){d(w[w.length-1].link);return}let C=null;for(const{link:A,top:I}of w){if(I>l+We()+4)break;C=A}d(C)}function d(l){s&&s.classList.remove("active"),l==null?s=null:s=e.value.querySelector(`a[href="${decodeURIComponent(l)}"]`);const b=s;b?(b.classList.add("active"),t.value.style.top=b.offsetTop+39+"px",t.value.style.opacity="1"):(t.value.style.top="33px",t.value.style.opacity="0")}}function St(e){let t=0;for(;e!==document.body;){if(e===null)return NaN;t+=e.offsetTop,e=e.offsetParent}return t}function Nt(e,t,n){ce.length=0;const a=[],s=[];return e.forEach(r=>{const d={...r,children:[]};let l=s[s.length-1];for(;l&&l.level>=d.level;)s.pop(),l=s[s.length-1];if(d.element.classList.contains("ignore-header")||l&&"shouldIgnore"in l){s.push({level:d.level,shouldIgnore:!0});return}d.level>n||d.level<t||(ce.push({element:d.element,link:d.link}),l?l.children.push(d):a.push(d),s.push(d))}),a}const q=V(!1);function Tt(e){let t;ee(()=>{t=q.value?document.activeElement:void 0}),R(()=>{window.addEventListener("keyup",n)}),he(()=>{window.removeEventListener("keyup",n)});function n(a){a.key==="Escape"&&q.value&&(e(),t?.focus())}}function wt(){function e(){q.value=!0}function t(){q.value=!1}function n(){q.value?t():e()}return{isOpen:q,open:e,close:t,toggle:n}}function Mt(e){const{page:t,hash:n}=$(),a=V(!1),s=k(()=>e.value.collapsed!=null),r=k(()=>!!e.value.link),d=V(!1),l=()=>{d.value=O(t.value.relativePath,e.value.link)};D([t,e,n],l),R(l);const b=k(()=>d.value?!0:e.value.items?le(t.value.relativePath,e.value.items):!1),y=k(()=>!!(e.value.items&&e.value.items.length));ee(()=>{a.value=!!(s.value&&e.value.collapsed)}),Ve(()=>{(d.value||b.value)&&(a.value=!1)});function N(){s.value&&(a.value=!a.value)}return{collapsed:a,collapsible:s,isLink:r,isActiveLink:d,hasActiveLink:b,hasChildren:y,toggle:N}}const ue=te([]),J=te([]),de=te(!1);function G(){const{frontmatter:e,theme:t}=$(),n=k(()=>!!(e.value.isHome??e.value.layout==="home")),a=k(()=>e.value.sidebar!==!1&&J.value.length>0&&!n.value),s=k(()=>a.value&&de.value),r=k(()=>a.value?gt(J.value):[]),d=k(()=>n.value?!1:e.value.aside!=null?!!e.value.aside:t.value.aside!==!1),l=k(()=>d.value?e.value.aside==null?t.value.aside==="left":e.value.aside==="left":!1),b=k(()=>ue.value.length>0);return{isHome:n,sidebar:ye(J),sidebarGroups:r,hasSidebar:a,isSidebarEnabled:s,hasAside:d,leftAside:l,headers:ye(ue),hasLocalNav:b}}function xt({closeSidebar:e}){const{frontmatter:t,page:n,theme:a}=$();D(()=>[n.value.relativePath,a.value.sidebar],([r,d])=>{const l=d?Ie(d,r):[];JSON.stringify(l)!==JSON.stringify(J.value)&&(J.value=l)},{immediate:!0,deep:!0,flush:"sync"}),Se(()=>{ue.value=yt(t.value.outline??a.value.outline)}),Y&&(de.value=window.innerWidth>=960,window.addEventListener("resize",()=>{de.value=window.innerWidth>=960},{passive:!0}));const s=ne();D(()=>s.path,e),Tt(e)}const Be=Symbol("layout-info"),At=["href","title"],It=m({__name:"VPDocOutlineItem",props:{headers:{},root:{type:Boolean}},setup(e){return(t,n)=>{const a=j("VPDocOutlineItem",!0);return o(),u("ul",{class:P(["VPDocOutlineItem",e.root?"root":"nested"])},[(o(!0),u(S,null,x(e.headers,({children:s,link:r,title:d})=>(o(),u("li",null,[v("a",{class:"outline-link",href:r,title:d},L(d),9,At),s?.length?(o(),p(a,{key:0,headers:s},null,8,["headers"])):h("",!0)]))),256))],2)}}}),Ce=_(It,[["__scopeId","data-v-1ce71065"]]),Ht={class:"content"},Bt={"aria-level":"2",class:"outline-title",id:"doc-outline-aria-label",role:"heading"},Ct=m({__name:"VPDocAsideOutline",setup(e){const{theme:t}=$(),n=V(),a=V(),{headers:s,hasLocalNav:r}=G();return Vt(n,a),(d,l)=>(o(),u("nav",{"aria-labelledby":"doc-outline-aria-label",class:P(["VPDocAsideOutline",{"has-outline":i(r)}]),ref_key:"container",ref:n},[v("div",Ht,[v("div",{class:"outline-marker",ref_key:"marker",ref:a},null,512),v("div",Bt,L(i(He)(i(t))),1),g(Ce,{headers:i(s),root:!0},null,8,["headers"])])],2))}}),Et=_(Ct,[["__scopeId","data-v-60d5052e"]]),Ft={class:"VPDocAsideCarbonAds"},Ot=m({__name:"VPDocAsideCarbonAds",props:{carbonAds:{}},setup(e){const t=()=>null;return(n,a)=>(o(),u("div",Ft,[g(i(t),{"carbon-ads":e.carbonAds},null,8,["carbon-ads"])]))}}),Dt={class:"VPDocAside"},Gt=m({__name:"VPDocAside",setup(e){const{theme:t}=$();return(n,a)=>(o(),u("div",Dt,[c(n.$slots,"aside-top",{},void 0,!0),c(n.$slots,"aside-outline-before",{},void 0,!0),g(Et),c(n.$slots,"aside-outline-after",{},void 0,!0),a[0]||(a[0]=v("div",{class:"spacer"},null,-1)),c(n.$slots,"aside-ads-before",{},void 0,!0),i(t).carbonAds?(o(),p(Ot,{key:0,"carbon-ads":i(t).carbonAds},null,8,["carbon-ads"])):h("",!0),c(n.$slots,"aside-ads-after",{},void 0,!0),c(n.$slots,"aside-bottom",{},void 0,!0)]))}}),Kt=_(Gt,[["__scopeId","data-v-3f215769"]]);function Rt(){const{theme:e,page:t}=$();return k(()=>{const{text:n="Edit this page",pattern:a=""}=e.value.editLink||{};let s;return typeof a=="function"?s=a(t.value):s=a.replace(/:path/g,t.value.filePath),{url:s,text:n}})}function Ut(){const{page:e,theme:t,frontmatter:n}=$();return k(()=>{const a=Ie(t.value.sidebar,e.value.relativePath),s=_t(a),r=jt(s,y=>y.link.replace(/[?#].*$/,"")),d=r.findIndex(y=>O(e.value.relativePath,y.link)),l=t.value.docFooter?.prev===!1&&!n.value.prev||n.value.prev===!1,b=t.value.docFooter?.next===!1&&!n.value.next||n.value.next===!1;return{prev:l?void 0:{text:(typeof n.value.prev=="string"?n.value.prev:typeof n.value.prev=="object"?n.value.prev.text:void 0)??r[d-1]?.docFooterText??r[d-1]?.text,link:(typeof n.value.prev=="object"?n.value.prev.link:void 0)??r[d-1]?.link},next:b?void 0:{text:(typeof n.value.next=="string"?n.value.next:typeof n.value.next=="object"?n.value.next.text:void 0)??r[d+1]?.docFooterText??r[d+1]?.text,link:(typeof n.value.next=="object"?n.value.next.link:void 0)??r[d+1]?.link}}})}function jt(e,t){const n=new Set;return e.filter(a=>{const s=t(a);return n.has(s)?!1:n.add(s)})}const B=m({__name:"VPLink",props:{tag:{},href:{},noIcon:{type:Boolean},target:{},rel:{}},setup(e){const t=e,n=k(()=>t.tag??(t.href?"a":"span")),a=k(()=>t.href&&Ne.test(t.href)||t.target==="_blank");return(s,r)=>(o(),p(H(n.value),{class:P(["VPLink",{link:e.href,"vp-external-link-icon":a.value,"no-icon":e.noIcon}]),href:e.href?i(me)(e.href):void 0,target:e.target??(a.value?"_blank":void 0),rel:e.rel??(a.value?"noreferrer":void 0)},{default:f(()=>[c(s.$slots,"default")]),_:3},8,["class","href","target","rel"]))}}),Wt={class:"VPLastUpdated"},zt=["datetime"],qt=m({__name:"VPDocFooterLastUpdated",setup(e){const{theme:t,page:n,lang:a}=$(),{language:s}=qe(),r=ze("timeRef"),d=k(()=>new Date(n.value.lastUpdated)),l=k(()=>d.value.toISOString()),b=te("");return R(()=>{ee(()=>{const y=t.value.lastUpdated?.formatOptions?.forceLocale?a.value:s.value;b.value=new Intl.DateTimeFormat(y,t.value.lastUpdated?.formatOptions??{dateStyle:"medium",timeStyle:"medium"}).format(d.value),y&&a.value!==y?r.value?.setAttribute("lang",y):r.value?.removeAttribute("lang")})}),(y,N)=>(o(),u("p",Wt,[U(L(i(t).lastUpdated?.text||i(t).lastUpdatedText||"Last updated")+": ",1),v("time",{ref_key:"timeRef",ref:r,datetime:l.value},L(b.value),9,zt)]))}}),Jt=_(qt,[["__scopeId","data-v-3c637f39"]]),Yt={key:0,class:"VPDocFooter"},Xt={key:0,class:"edit-info"},Qt={key:0,class:"edit-link"},Zt={key:1,class:"last-updated"},en={key:1,class:"prev-next","aria-labelledby":"doc-footer-aria-label"},tn={class:"pager"},nn=["innerHTML"],an=["innerHTML"],sn={class:"pager"},on=["innerHTML"],rn=["innerHTML"],ln=m({__name:"VPDocFooter",setup(e){const{theme:t,page:n,frontmatter:a}=$(),s=Rt(),r=Ut(),d=k(()=>t.value.editLink&&a.value.editLink!==!1),l=k(()=>n.value.lastUpdated),b=k(()=>d.value||l.value||r.value.prev||r.value.next);return(y,N)=>b.value?(o(),u("footer",Yt,[c(y.$slots,"doc-footer-before",{},void 0,!0),d.value||l.value?(o(),u("div",Xt,[d.value?(o(),u("div",Qt,[g(B,{class:"edit-link-button",href:i(s).url,"no-icon":!0},{default:f(()=>[N[0]||(N[0]=v("span",{class:"vpi-square-pen edit-link-icon"},null,-1)),U(" "+L(i(s).text),1)]),_:1},8,["href"])])):h("",!0),l.value?(o(),u("div",Zt,[g(Jt)])):h("",!0)])):h("",!0),i(r).prev?.link||i(r).next?.link?(o(),u("nav",en,[N[1]||(N[1]=v("span",{class:"visually-hidden",id:"doc-footer-aria-label"},"Pager",-1)),v("div",tn,[i(r).prev?.link?(o(),p(B,{key:0,class:"pager-link prev",href:i(r).prev.link},{default:f(()=>[v("span",{class:"desc",innerHTML:i(t).docFooter?.prev||"Previous page"},null,8,nn),v("span",{class:"title",innerHTML:i(r).prev.text},null,8,an)]),_:1},8,["href"])):h("",!0)]),v("div",sn,[i(r).next?.link?(o(),p(B,{key:0,class:"pager-link next",href:i(r).next.link},{default:f(()=>[v("span",{class:"desc",innerHTML:i(t).docFooter?.next||"Next page"},null,8,on),v("span",{class:"title",innerHTML:i(r).next.text},null,8,rn)]),_:1},8,["href"])):h("",!0)])])):h("",!0)])):h("",!0)}}),cn=_(ln,[["__scopeId","data-v-e257564d"]]),un={class:"container"},dn={class:"aside-container"},vn={class:"aside-content"},fn={class:"content"},hn={class:"content-container"},mn={class:"main"},pn=m({__name:"VPDoc",setup(e){const{theme:t}=$(),n=ne(),{hasSidebar:a,hasAside:s,leftAside:r}=G(),d=k(()=>n.path.replace(/[./]+/g,"_").replace(/_html$/,""));return(l,b)=>{const y=j("Content");return o(),u("div",{class:P(["VPDoc",{"has-sidebar":i(a),"has-aside":i(s)}])},[c(l.$slots,"doc-top",{},void 0,!0),v("div",un,[i(s)?(o(),u("div",{key:0,class:P(["aside",{"left-aside":i(r)}])},[b[0]||(b[0]=v("div",{class:"aside-curtain"},null,-1)),v("div",dn,[v("div",vn,[g(Kt,null,{"aside-top":f(()=>[c(l.$slots,"aside-top",{},void 0,!0)]),"aside-bottom":f(()=>[c(l.$slots,"aside-bottom",{},void 0,!0)]),"aside-outline-before":f(()=>[c(l.$slots,"aside-outline-before",{},void 0,!0)]),"aside-outline-after":f(()=>[c(l.$slots,"aside-outline-after",{},void 0,!0)]),"aside-ads-before":f(()=>[c(l.$slots,"aside-ads-before",{},void 0,!0)]),"aside-ads-after":f(()=>[c(l.$slots,"aside-ads-after",{},void 0,!0)]),_:3})])])],2)):h("",!0),v("div",fn,[v("div",hn,[c(l.$slots,"doc-before",{},void 0,!0),v("main",mn,[g(y,{class:P(["vp-doc",[d.value,i(t).externalLinkIcon&&"external-link-icon-enabled"]])},null,8,["class"])]),g(cn,null,{"doc-footer-before":f(()=>[c(l.$slots,"doc-footer-before",{},void 0,!0)]),_:3}),c(l.$slots,"doc-after",{},void 0,!0)])])]),c(l.$slots,"doc-bottom",{},void 0,!0)],2)}}}),kn=_(pn,[["__scopeId","data-v-7011f0d8"]]),gn=m({__name:"VPButton",props:{tag:{},size:{default:"medium"},theme:{default:"brand"},text:{},href:{},target:{},rel:{}},setup(e){const t=e,n=k(()=>t.href&&Ne.test(t.href)),a=k(()=>t.tag||(t.href?"a":"button"));return(s,r)=>(o(),p(H(a.value),{class:P(["VPButton",[e.size,e.theme]]),href:e.href?i(me)(e.href):void 0,target:t.target??(n.value?"_blank":void 0),rel:t.rel??(n.value?"noreferrer":void 0)},{default:f(()=>[c(s.$slots,"default",{},()=>[U(L(e.text),1)],!0)]),_:3},8,["class","href","target","rel"]))}}),_n=_(gn,[["__scopeId","data-v-01bff58b"]]),bn=["src","alt"],$n=m({inheritAttrs:!1,__name:"VPImage",props:{image:{},alt:{}},setup(e){return(t,n)=>{const a=j("VPImage",!0);return e.image?(o(),u(S,{key:0},[typeof e.image=="string"||"src"in e.image?(o(),u("img",F({key:0,class:"VPImage"},typeof e.image=="string"?t.$attrs:{...e.image,...t.$attrs},{src:i(fe)(typeof e.image=="string"?e.image:e.image.src),alt:e.alt??(typeof e.image=="string"?"":e.image.alt||"")}),null,16,bn)):(o(),u(S,{key:1},[g(a,F({class:"dark",image:e.image.dark,alt:e.image.alt},t.$attrs),null,16,["image","alt"]),g(a,F({class:"light",image:e.image.light,alt:e.image.alt},t.$attrs),null,16,["image","alt"])],64))],64)):h("",!0)}}}),Z=_($n,[["__scopeId","data-v-8426fc1a"]]),yn={class:"container"},Pn={class:"main"},Ln={class:"heading"},Vn=["innerHTML"],Sn=["innerHTML"],Nn=["innerHTML"],Tn={key:0,class:"actions"},wn={key:0,class:"image"},Mn={class:"image-container"},xn=m({__name:"VPHero",props:{name:{},text:{},tagline:{},image:{},actions:{}},setup(e){const{heroImageSlotExists:t}=ae(Be,{heroImageSlotExists:k(()=>!1)});return(n,a)=>(o(),u("div",{class:P(["VPHero",{"has-image":e.image||i(t)}])},[v("div",yn,[v("div",Pn,[c(n.$slots,"home-hero-info-before",{},void 0,!0),c(n.$slots,"home-hero-info",{},()=>[v("h1",Ln,[e.name?(o(),u("span",{key:0,innerHTML:e.name,class:"name clip"},null,8,Vn)):h("",!0),e.text?(o(),u("span",{key:1,innerHTML:e.text,class:"text"},null,8,Sn)):h("",!0)]),e.tagline?(o(),u("p",{key:0,innerHTML:e.tagline,class:"tagline"},null,8,Nn)):h("",!0)],!0),c(n.$slots,"home-hero-info-after",{},void 0,!0),e.actions?(o(),u("div",Tn,[(o(!0),u(S,null,x(e.actions,s=>(o(),u("div",{key:s.link,class:"action"},[g(_n,{tag:"a",size:"medium",theme:s.theme,text:s.text,href:s.link,target:s.target,rel:s.rel},null,8,["theme","text","href","target","rel"])]))),128))])):h("",!0),c(n.$slots,"home-hero-actions-after",{},void 0,!0)]),e.image||i(t)?(o(),u("div",wn,[v("div",Mn,[a[0]||(a[0]=v("div",{class:"image-bg"},null,-1)),c(n.$slots,"home-hero-image",{},()=>[e.image?(o(),p(Z,{key:0,class:"image-src",image:e.image},null,8,["image"])):h("",!0)],!0)])])):h("",!0)])],2))}}),An=_(xn,[["__scopeId","data-v-e394c869"]]),In=m({__name:"VPHomeHero",setup(e){const{frontmatter:t}=$();return(n,a)=>i(t).hero?(o(),p(An,{key:0,class:"VPHomeHero",name:i(t).hero.name,text:i(t).hero.text,tagline:i(t).hero.tagline,image:i(t).hero.image,actions:i(t).hero.actions},{"home-hero-info-before":f(()=>[c(n.$slots,"home-hero-info-before")]),"home-hero-info":f(()=>[c(n.$slots,"home-hero-info")]),"home-hero-info-after":f(()=>[c(n.$slots,"home-hero-info-after")]),"home-hero-actions-after":f(()=>[c(n.$slots,"home-hero-actions-after")]),"home-hero-image":f(()=>[c(n.$slots,"home-hero-image")]),_:3},8,["name","text","tagline","image","actions"])):h("",!0)}}),Hn={class:"box"},Bn={key:0,class:"icon"},Cn=["innerHTML"],En=["innerHTML"],Fn=["innerHTML"],On={key:4,class:"link-text"},Dn={class:"link-text-value"},Gn=m({__name:"VPFeature",props:{icon:{},title:{},details:{},link:{},linkText:{},rel:{},target:{}},setup(e){return(t,n)=>(o(),p(B,{class:"VPFeature",href:e.link,rel:e.rel,target:e.target,"no-icon":!0,tag:e.link?"a":"div"},{default:f(()=>[v("article",Hn,[typeof e.icon=="object"&&e.icon.wrap?(o(),u("div",Bn,[g(Z,{image:e.icon,alt:e.icon.alt,height:e.icon.height||48,width:e.icon.width||48},null,8,["image","alt","height","width"])])):typeof e.icon=="object"?(o(),p(Z,{key:1,image:e.icon,alt:e.icon.alt,height:e.icon.height||48,width:e.icon.width||48},null,8,["image","alt","height","width"])):e.icon?(o(),u("div",{key:2,class:"icon",innerHTML:e.icon},null,8,Cn)):h("",!0),v("h2",{class:"title",innerHTML:e.title},null,8,En),e.details?(o(),u("p",{key:3,class:"details",innerHTML:e.details},null,8,Fn)):h("",!0),e.linkText?(o(),u("div",On,[v("p",Dn,[U(L(e.linkText)+" ",1),n[0]||(n[0]=v("span",{class:"vpi-arrow-right link-text-icon"},null,-1))])])):h("",!0)])]),_:1},8,["href","rel","target","tag"]))}}),Kn=_(Gn,[["__scopeId","data-v-5219619b"]]),Rn={key:0,class:"VPFeatures"},Un={class:"container"},jn={class:"items"},Wn=m({__name:"VPFeatures",props:{features:{}},setup(e){const t=e,n=k(()=>{const a=t.features.length;if(a){if(a===2)return"grid-2";if(a===3)return"grid-3";if(a%3===0)return"grid-6";if(a>3)return"grid-4"}else return});return(a,s)=>e.features?(o(),u("div",Rn,[v("div",Un,[v("div",jn,[(o(!0),u(S,null,x(e.features,r=>(o(),u("div",{key:r.title,class:P(["item",[n.value]])},[g(Kn,{icon:r.icon,title:r.title,details:r.details,link:r.link,"link-text":r.linkText,rel:r.rel,target:r.target},null,8,["icon","title","details","link","link-text","rel","target"])],2))),128))])])])):h("",!0)}}),zn=_(Wn,[["__scopeId","data-v-a6181336"]]),qn=m({__name:"VPHomeFeatures",setup(e){const{frontmatter:t}=$();return(n,a)=>i(t).features?(o(),p(zn,{key:0,class:"VPHomeFeatures",features:i(t).features},null,8,["features"])):h("",!0)}}),Jn=m({__name:"VPHomeContent",setup(e){const{width:t}=Je({initialWidth:0,includeScrollbar:!1});return(n,a)=>(o(),u("div",{class:"vp-doc container",style:Te(i(t)?{"--vp-offset":`calc(50% - ${i(t)/2}px)`}:{})},[c(n.$slots,"default",{},void 0,!0)],4))}}),Yn=_(Jn,[["__scopeId","data-v-8e2d4988"]]),Xn=m({__name:"VPHome",setup(e){const{frontmatter:t,theme:n}=$();return(a,s)=>{const r=j("Content");return o(),u("div",{class:P(["VPHome",{"external-link-icon-enabled":i(n).externalLinkIcon}])},[c(a.$slots,"home-hero-before",{},void 0,!0),g(In,null,{"home-hero-info-before":f(()=>[c(a.$slots,"home-hero-info-before",{},void 0,!0)]),"home-hero-info":f(()=>[c(a.$slots,"home-hero-info",{},void 0,!0)]),"home-hero-info-after":f(()=>[c(a.$slots,"home-hero-info-after",{},void 0,!0)]),"home-hero-actions-after":f(()=>[c(a.$slots,"home-hero-actions-after",{},void 0,!0)]),"home-hero-image":f(()=>[c(a.$slots,"home-hero-image",{},void 0,!0)]),_:3}),c(a.$slots,"home-hero-after",{},void 0,!0),c(a.$slots,"home-features-before",{},void 0,!0),g(qn),c(a.$slots,"home-features-after",{},void 0,!0),i(t).markdownStyles!==!1?(o(),p(Yn,{key:0},{default:f(()=>[g(r)]),_:1})):(o(),p(r,{key:1}))],2)}}}),Qn=_(Xn,[["__scopeId","data-v-8b561e3d"]]),Zn={},ea={class:"VPPage"};function ta(e,t){const n=j("Content");return o(),u("div",ea,[c(e.$slots,"page-top"),g(n),c(e.$slots,"page-bottom")])}const na=_(Zn,[["render",ta]]),aa=m({__name:"VPContent",setup(e){const{page:t,frontmatter:n}=$(),{isHome:a,hasSidebar:s}=G();return(r,d)=>(o(),u("div",{class:P(["VPContent",{"has-sidebar":i(s),"is-home":i(a)}]),id:"VPContent"},[i(t).isNotFound?c(r.$slots,"not-found",{key:0},()=>[g(kt)],!0):i(n).layout==="page"?(o(),p(na,{key:1},{"page-top":f(()=>[c(r.$slots,"page-top",{},void 0,!0)]),"page-bottom":f(()=>[c(r.$slots,"page-bottom",{},void 0,!0)]),_:3})):i(n).layout==="home"?(o(),p(Qn,{key:2},{"home-hero-before":f(()=>[c(r.$slots,"home-hero-before",{},void 0,!0)]),"home-hero-info-before":f(()=>[c(r.$slots,"home-hero-info-before",{},void 0,!0)]),"home-hero-info":f(()=>[c(r.$slots,"home-hero-info",{},void 0,!0)]),"home-hero-info-after":f(()=>[c(r.$slots,"home-hero-info-after",{},void 0,!0)]),"home-hero-actions-after":f(()=>[c(r.$slots,"home-hero-actions-after",{},void 0,!0)]),"home-hero-image":f(()=>[c(r.$slots,"home-hero-image",{},void 0,!0)]),"home-hero-after":f(()=>[c(r.$slots,"home-hero-after",{},void 0,!0)]),"home-features-before":f(()=>[c(r.$slots,"home-features-before",{},void 0,!0)]),"home-features-after":f(()=>[c(r.$slots,"home-features-after",{},void 0,!0)]),_:3})):i(n).layout&&i(n).layout!=="doc"?(o(),p(H(i(n).layout),{key:3})):(o(),p(kn,{key:4},{"doc-top":f(()=>[c(r.$slots,"doc-top",{},void 0,!0)]),"doc-bottom":f(()=>[c(r.$slots,"doc-bottom",{},void 0,!0)]),"doc-footer-before":f(()=>[c(r.$slots,"doc-footer-before",{},void 0,!0)]),"doc-before":f(()=>[c(r.$slots,"doc-before",{},void 0,!0)]),"doc-after":f(()=>[c(r.$slots,"doc-after",{},void 0,!0)]),"aside-top":f(()=>[c(r.$slots,"aside-top",{},void 0,!0)]),"aside-outline-before":f(()=>[c(r.$slots,"aside-outline-before",{},void 0,!0)]),"aside-outline-after":f(()=>[c(r.$slots,"aside-outline-after",{},void 0,!0)]),"aside-ads-before":f(()=>[c(r.$slots,"aside-ads-before",{},void 0,!0)]),"aside-ads-after":f(()=>[c(r.$slots,"aside-ads-after",{},void 0,!0)]),"aside-bottom":f(()=>[c(r.$slots,"aside-bottom",{},void 0,!0)]),_:3}))],2))}}),sa=_(aa,[["__scopeId","data-v-c87f25bf"]]),oa={class:"container"},ia=["innerHTML"],ra=["innerHTML"],la=m({__name:"VPFooter",setup(e){const{theme:t,frontmatter:n}=$(),{hasSidebar:a}=G();return(s,r)=>i(t).footer&&i(n).footer!==!1?(o(),u("footer",{key:0,class:P(["VPFooter",{"has-sidebar":i(a)}])},[v("div",oa,[i(t).footer.message?(o(),u("p",{key:0,class:"message",innerHTML:i(t).footer.message},null,8,ia)):h("",!0),i(t).footer.copyright?(o(),u("p",{key:1,class:"copyright",innerHTML:i(t).footer.copyright},null,8,ra)):h("",!0)])],2)):h("",!0)}}),ca=_(la,[["__scopeId","data-v-c3855bb3"]]),ua={class:"menu-text"},da={class:"header"},va={class:"outline"},fa=m({__name:"VPLocalNavOutlineDropdown",props:{headers:{},navHeight:{}},setup(e){const t=e,{theme:n}=$(),a=V(!1),s=V(0),r=V(),d=V();function l(w){r.value?.contains(w.target)||(a.value=!1)}D(a,w=>{if(w){document.addEventListener("click",l);return}document.removeEventListener("click",l)}),ie("Escape",()=>{a.value=!1}),Se(()=>{a.value=!1});function b(){a.value=!a.value,s.value=window.innerHeight+Math.min(window.scrollY-t.navHeight,0)}function y(w){w.target.classList.contains("outline-link")&&(d.value&&(d.value.style.transition="none"),we(()=>{a.value=!1}))}function N(){a.value=!1,window.scrollTo({top:0,left:0,behavior:"smooth"})}return(w,C)=>(o(),u("div",{class:"VPLocalNavOutlineDropdown",style:Te({"--vp-vh":s.value+"px"}),ref_key:"main",ref:r},[e.headers.length>0?(o(),u("button",{key:0,onClick:b,class:P({open:a.value})},[v("span",ua,L(i(He)(i(n))),1),C[0]||(C[0]=v("span",{class:"vpi-chevron-right icon"},null,-1))],2)):(o(),u("button",{key:1,onClick:N},L(i(n).returnToTopLabel||"Return to top"),1)),g(ve,{name:"flyout"},{default:f(()=>[a.value?(o(),u("div",{key:0,ref_key:"items",ref:d,class:"items",onClick:y},[v("div",da,[v("a",{class:"top-link",href:"#",onClick:N},L(i(n).returnToTopLabel||"Return to top"),1)]),v("div",va,[g(Ce,{headers:e.headers},null,8,["headers"])])],512)):h("",!0)]),_:1})],4))}}),ha=_(fa,[["__scopeId","data-v-0bf0e06f"]]),ma={class:"container"},pa=["aria-expanded"],ka={class:"menu-text"},ga=m({__name:"VPLocalNav",props:{open:{type:Boolean}},emits:["open-menu"],setup(e){const{theme:t}=$(),{isHome:n,hasSidebar:a,headers:s,hasLocalNav:r}=G(),{y:d}=Me(),l=V(0);R(()=>{l.value=parseInt(getComputedStyle(document.documentElement).getPropertyValue("--vp-nav-height"))});const b=k(()=>({VPLocalNav:!0,"has-sidebar":a.value,empty:!r.value,fixed:!r.value&&!a.value}));return(y,N)=>!i(n)&&(i(r)||i(a)||i(d)>=l.value)?(o(),u("div",{key:0,class:P(b.value)},[v("div",ma,[i(a)?(o(),u("button",{key:0,class:"menu","aria-expanded":e.open,"aria-controls":"VPSidebarNav",onClick:N[0]||(N[0]=w=>y.$emit("open-menu"))},[N[1]||(N[1]=v("span",{class:"vpi-align-left menu-icon"},null,-1)),v("span",ka,L(i(t).sidebarMenuLabel||"Menu"),1)],8,pa)):h("",!0),g(ha,{headers:i(s),navHeight:l.value},null,8,["headers","navHeight"])])],2)):h("",!0)}}),_a=_(ga,[["__scopeId","data-v-db738f89"]]);function ba(){const e=V(!1);function t(){e.value=!0,window.addEventListener("resize",s)}function n(){e.value=!1,window.removeEventListener("resize",s)}function a(){e.value?n():t()}function s(){window.outerWidth>=768&&n()}const r=ne();return D(()=>r.path,n),{isScreenOpen:e,openScreen:t,closeScreen:n,toggleScreen:a}}const pe=Symbol("nav"),$a={},ya={class:"VPSwitch",type:"button",role:"switch"},Pa={class:"check"},La={key:0,class:"icon"};function Va(e,t){return o(),u("button",ya,[v("span",Pa,[e.$slots.default?(o(),u("span",La,[c(e.$slots,"default",{},void 0,!0)])):h("",!0)])])}const Sa=_($a,[["render",Va],["__scopeId","data-v-1d5665e3"]]),Na=m({__name:"VPSwitchAppearance",setup(e){const{isDark:t,theme:n}=$(),a=ae("toggle-appearance",()=>{t.value=!t.value}),s=V("");return Ve(()=>{s.value=t.value?n.value.lightModeSwitchTitle||"Switch to light theme":n.value.darkModeSwitchTitle||"Switch to dark theme"}),(r,d)=>(o(),p(Sa,{title:s.value,class:"VPSwitchAppearance","aria-checked":i(t),onClick:i(a)},{default:f(()=>[...d[0]||(d[0]=[v("span",{class:"vpi-sun sun"},null,-1),v("span",{class:"vpi-moon moon"},null,-1)])]),_:1},8,["title","aria-checked","onClick"]))}}),ke=_(Na,[["__scopeId","data-v-5337faa4"]]),Ta={key:0,class:"VPNavBarAppearance"},wa=m({__name:"VPNavBarAppearance",setup(e){const{site:t}=$();return(n,a)=>i(t).appearance&&i(t).appearance!=="force-dark"&&i(t).appearance!=="force-auto"?(o(),u("div",Ta,[g(ke)])):h("",!0)}}),Ma=_(wa,[["__scopeId","data-v-6c893767"]]),ge=V();let Ee=!1,oe=0;function xa(e){const t=V(!1);if(Y){!Ee&&Aa(),oe++;const n=D(ge,a=>{a===e.el.value||e.el.value?.contains(a)?(t.value=!0,e.onFocus?.()):(t.value=!1,e.onBlur?.())});he(()=>{n(),oe--,oe||Ia()})}return Ye(t)}function Aa(){document.addEventListener("focusin",Fe),Ee=!0,ge.value=document.activeElement}function Ia(){document.removeEventListener("focusin",Fe)}function Fe(){ge.value=document.activeElement}const Ha={class:"VPMenuLink"},Ba=["innerHTML"],Ca=m({inheritAttrs:!1,__name:"VPMenuLink",props:{item:{}},setup(e){const t=e,{page:n}=$(),a=k(()=>typeof t.item.link=="function"?t.item.link(n.value):t.item.link);return(s,r)=>(o(),u("div",Ha,[g(B,F(s.$attrs,{class:{active:i(O)(i(n).relativePath,e.item.activeMatch||a.value,!!e.item.activeMatch)},href:a.value,target:e.item.target,rel:e.item.rel,"no-icon":e.item.noIcon}),{default:f(()=>[v("span",{innerHTML:e.item.text},null,8,Ba)]),_:1},16,["class","href","target","rel","no-icon"])]))}}),se=_(Ca,[["__scopeId","data-v-faf5b206"]]),Ea={class:"VPMenuGroup"},Fa={key:0,class:"title"},Oa=m({__name:"VPMenuGroup",props:{text:{},items:{}},setup(e){return(t,n)=>(o(),u("div",Ea,[e.text?(o(),u("p",Fa,L(e.text),1)):h("",!0),(o(!0),u(S,null,x(e.items,a=>(o(),u(S,{key:JSON.stringify(a)},["link"in a?(o(),p(se,{key:0,item:a},null,8,["item"])):h("",!0)],64))),128))]))}}),Da=_(Oa,[["__scopeId","data-v-1963e1bb"]]),Ga={class:"VPMenu"},Ka={key:0,class:"items"},Ra=m({__name:"VPMenu",props:{items:{}},setup(e){return(t,n)=>(o(),u("div",Ga,[e.items?(o(),u("div",Ka,[(o(!0),u(S,null,x(e.items,a=>(o(),u(S,{key:JSON.stringify(a)},["link"in a?(o(),p(se,{key:0,item:a},null,8,["item"])):"component"in a?(o(),p(H(a.component),F({key:1,ref_for:!0},a.props),null,16)):(o(),p(Da,{key:2,text:a.text,items:a.items},null,8,["text","items"]))],64))),128))])):h("",!0),c(t.$slots,"default",{},void 0,!0)]))}}),Ua=_(Ra,[["__scopeId","data-v-25a6cce8"]]),ja=["aria-expanded","aria-label"],Wa={key:0,class:"text"},za=["innerHTML"],qa={key:1,class:"vpi-more-horizontal icon"},Ja={class:"menu"},Ya=m({__name:"VPFlyout",props:{icon:{},button:{},label:{},items:{}},setup(e){const t=V(!1),n=V();xa({el:n,onBlur:a});function a(){t.value=!1}return(s,r)=>(o(),u("div",{class:"VPFlyout",ref_key:"el",ref:n,onMouseenter:r[1]||(r[1]=d=>t.value=!0),onMouseleave:r[2]||(r[2]=d=>t.value=!1)},[v("button",{type:"button",class:"button","aria-haspopup":"true","aria-expanded":t.value,"aria-label":e.label,onClick:r[0]||(r[0]=d=>t.value=!t.value)},[e.button||e.icon?(o(),u("span",Wa,[e.icon?(o(),u("span",{key:0,class:P([e.icon,"option-icon"])},null,2)):h("",!0),e.button?(o(),u("span",{key:1,innerHTML:e.button},null,8,za)):h("",!0),r[3]||(r[3]=v("span",{class:"vpi-chevron-down text-icon"},null,-1))])):(o(),u("span",qa))],8,ja),v("div",Ja,[g(Ua,{items:e.items},{default:f(()=>[c(s.$slots,"default",{},void 0,!0)]),_:3},8,["items"])])],544))}}),_e=_(Ya,[["__scopeId","data-v-42cb505d"]]),Xa=["href","aria-label","rel","innerHTML"],Qa=m({__name:"VPSocialLink",props:{icon:{},link:{},ariaLabel:{},me:{type:Boolean}},setup(e){const t=e,n=V();R(async()=>{await we();const s=n.value?.children[0];s instanceof HTMLElement&&s.className.startsWith("vpi-social-")&&(getComputedStyle(s).maskImage||getComputedStyle(s).webkitMaskImage)==="none"&&s.style.setProperty("--icon",`url('https://api.iconify.design/simple-icons/${t.icon}.svg')`)});const a=k(()=>typeof t.icon=="object"?t.icon.svg:`<span class="vpi-social-${t.icon}"></span>`);return(s,r)=>(o(),u("a",{ref_key:"el",ref:n,class:"VPSocialLink no-icon",href:e.link,"aria-label":e.ariaLabel??(typeof e.icon=="string"?e.icon:""),target:"_blank",rel:e.me?"me noopener":"noopener",innerHTML:a.value},null,8,Xa))}}),Za=_(Qa,[["__scopeId","data-v-591a6b30"]]),es={class:"VPSocialLinks"},ts=m({__name:"VPSocialLinks",props:{links:{},me:{type:Boolean,default:!0}},setup(e){return(t,n)=>(o(),u("div",es,[(o(!0),u(S,null,x(e.links,({link:a,icon:s,ariaLabel:r})=>(o(),p(Za,{key:a,icon:s,link:a,ariaLabel:r,me:e.me},null,8,["icon","link","ariaLabel","me"]))),128))]))}}),be=_(ts,[["__scopeId","data-v-d07f11e6"]]),ns={key:0,class:"group translations"},as={class:"trans-title"},ss={key:1,class:"group"},os={class:"item appearance"},is={class:"label"},rs={class:"appearance-action"},ls={key:2,class:"group"},cs={class:"item social-links"},us=m({__name:"VPNavBarExtra",setup(e){const{site:t,theme:n}=$(),{localeLinks:a,currentLang:s}=X({correspondingLink:!0}),r=k(()=>a.value.length&&s.value.label||t.value.appearance||n.value.socialLinks);return(d,l)=>r.value?(o(),p(_e,{key:0,class:"VPNavBarExtra",label:"extra navigation"},{default:f(()=>[i(a).length&&i(s).label?(o(),u("div",ns,[v("p",as,L(i(s).label),1),(o(!0),u(S,null,x(i(a),b=>(o(),p(se,{key:b.link,item:b,lang:b.lang,dir:b.dir},null,8,["item","lang","dir"]))),128))])):h("",!0),i(t).appearance&&i(t).appearance!=="force-dark"&&i(t).appearance!=="force-auto"?(o(),u("div",ss,[v("div",os,[v("p",is,L(i(n).darkModeSwitchLabel||"Appearance"),1),v("div",rs,[g(ke)])])])):h("",!0),i(n).socialLinks?(o(),u("div",ls,[v("div",cs,[g(be,{class:"social-links-list",links:i(n).socialLinks},null,8,["links"])])])):h("",!0)]),_:1})):h("",!0)}}),ds=_(us,[["__scopeId","data-v-bf2fac68"]]),vs=["aria-expanded"],fs=m({__name:"VPNavBarHamburger",props:{active:{type:Boolean}},emits:["click"],setup(e){return(t,n)=>(o(),u("button",{type:"button",class:P(["VPNavBarHamburger",{active:e.active}]),"aria-label":"mobile navigation","aria-expanded":e.active,"aria-controls":"VPNavScreen",onClick:n[0]||(n[0]=a=>t.$emit("click"))},[...n[1]||(n[1]=[v("span",{class:"container"},[v("span",{class:"top"}),v("span",{class:"middle"}),v("span",{class:"bottom"})],-1)])],10,vs))}}),hs=_(fs,[["__scopeId","data-v-e5dd9c1c"]]),ms=["innerHTML"],ps=m({__name:"VPNavBarMenuLink",props:{item:{}},setup(e){const t=e,{page:n}=$(),a=k(()=>typeof t.item.link=="function"?t.item.link(n.value):t.item.link);return(s,r)=>(o(),p(B,{class:P({VPNavBarMenuLink:!0,active:i(O)(i(n).relativePath,e.item.activeMatch||a.value,!!e.item.activeMatch)}),href:a.value,target:e.item.target,rel:e.item.rel,"no-icon":e.item.noIcon,tabindex:"0"},{default:f(()=>[v("span",{innerHTML:e.item.text},null,8,ms)]),_:1},8,["class","href","target","rel","no-icon"]))}}),ks=_(ps,[["__scopeId","data-v-52a1d768"]]),gs=m({__name:"VPNavBarMenuGroup",props:{item:{}},setup(e){const t=e,{page:n}=$(),a=r=>"component"in r?!1:"link"in r?O(n.value.relativePath,typeof r.link=="function"?r.link(n.value):r.link,!!t.item.activeMatch):r.items.some(a),s=k(()=>a(t.item));return(r,d)=>(o(),p(_e,{class:P({VPNavBarMenuGroup:!0,active:i(O)(i(n).relativePath,e.item.activeMatch,!!e.item.activeMatch)||s.value}),button:e.item.text,items:e.item.items},null,8,["class","button","items"]))}}),_s={key:0,"aria-labelledby":"main-nav-aria-label",class:"VPNavBarMenu"},bs=m({__name:"VPNavBarMenu",setup(e){const{theme:t}=$();return(n,a)=>i(t).nav?(o(),u("nav",_s,[a[0]||(a[0]=v("span",{id:"main-nav-aria-label",class:"visually-hidden"}," Main Navigation ",-1)),(o(!0),u(S,null,x(i(t).nav,s=>(o(),u(S,{key:JSON.stringify(s)},["link"in s?(o(),p(ks,{key:0,item:s},null,8,["item"])):"component"in s?(o(),p(H(s.component),F({key:1,ref_for:!0},s.props),null,16)):(o(),p(gs,{key:2,item:s},null,8,["item"]))],64))),128))])):h("",!0)}}),$s=_(bs,[["__scopeId","data-v-39714824"]]);function ys(e){const t=e.mode??"auto",n=Ps(e),a=e.askAi,s=!!(a&&typeof a=="object"&&a.sidePanel);switch(t){case"sidePanel":return{mode:t,showKeywordSearch:!1,useSidePanel:!0};case"hybrid":return n||console.error('[vitepress] mode: "hybrid" requires keyword search credentials (appId, apiKey, indexName).'),{mode:t,showKeywordSearch:n,useSidePanel:!0};case"modal":return{mode:t,showKeywordSearch:n,useSidePanel:!1};default:return{mode:"auto",showKeywordSearch:n,useSidePanel:s}}}function Ps(e){return!!(e.appId&&e.apiKey&&e.indexName)}function Oe(e,t){return[...(Array.isArray(e)?e:e?[e]:[]).map(s=>Array.isArray(s)?s.filter(r=>typeof r=="string"&&!r.startsWith("lang:")):s).filter(s=>typeof s=="string"?!s.startsWith("lang:"):Array.isArray(s)&&s.length>0),`lang:${t}`]}function Ls(e,t,n){const a=typeof e=="string",s=!a&&e.searchParameters?{...e.searchParameters}:void 0,r=s?.facetFilters??t.searchParameters?.facetFilters,d=Oe(r,n),l={...s,facetFilters:d.length?d:void 0},b={...a?{}:e,indexName:a?t.indexName:e.indexName,apiKey:a?t.apiKey:e.apiKey,appId:a?t.appId:e.appId,assistantId:a?e:e.assistantId};return Object.values(l).some(y=>y!=null)&&(b.searchParameters=l),b}function Vs(e,t,n){e=De(e,e.locales?.[t]||{});const a=Oe(e.searchParameters?.facetFilters,n),s=e.askAi?Ls(e.askAi,e,n):void 0;return{...e,searchParameters:{...e.searchParameters,facetFilters:a},askAi:s}}function De(e,t){const n={...e};for(const a in t){const s=t[a];if(s!==void 0){if(a==="searchParameters"){n[a]=s;continue}Pe(s)&&Pe(n[a])?n[a]=De(n[a],s):n[a]=s}}return delete n.locales,n}function Ss(e,t=(n,a)=>JSON.stringify(n)===JSON.stringify(a)){return k(n=>{const a=e();return n===void 0||!t(n,a)?a:n})}const Ns={},Ts={type:"button",class:"VPNavBarAskAiButton"};function ws(e,t){return o(),u("button",Ts,[...t[0]||(t[0]=[v("span",{class:"vpi-sparkles","aria-hidden":"true"},null,-1)])])}const Ms=_(Ns,[["render",ws],["__scopeId","data-v-4eb17e89"]]),xs={type:"button",class:"VPNavBarSearchButton"},As={class:"text"},Is=m({__name:"VPNavBarSearchButton",props:{text:{}},setup(e){return(t,n)=>(o(),u("button",xs,[n[0]||(n[0]=v("span",{class:"vpi-search","aria-hidden":"true"},null,-1)),v("span",As,L(e.text),1),n[1]||(n[1]=v("span",{class:"keys","aria-hidden":"true"},[v("kbd",{class:"key-cmd"},"⌘"),v("kbd",{class:"key-ctrl"},"Ctrl"),v("kbd",null,"K")],-1))]))}}),Le=_(Is,[["__scopeId","data-v-baa3be99"]]),Hs={class:"VPNavBarSearch"},Bs=m({__name:"VPNavBarSearch",setup(e){const t=Xe(()=>Qe(()=>import("./VPLocalSearchBox.BOPGMrlA.js"),__vite__mapDeps([0,1]))),n=()=>null,{theme:a,localeIndex:s,lang:r}=$(),d="local",l=Ss(()=>Vs(a.value.search?.options||{},s.value,r.value)),b=k(()=>ys(l.value)),y=k(()=>{if(!b.value.useSidePanel)return null;const T=l.value.askAi;return!T||typeof T=="string"||!T.sidePanel?null:T.sidePanel===!0?{}:T.sidePanel}),N=k(()=>y.value?.keyboardShortcuts?.["Ctrl/Cmd+I"]!==!1),w=V(null);let C=0;const A=V(!1),I=V(!1);R(()=>{});function W(T){A.value||(A.value=!0),w.value={target:T,nonce:++C}}const E=V(!1);ie("k",T=>{(T.ctrlKey||T.metaKey)&&(T.preventDefault(),E.value=!0)}),ie("/",T=>{z(T)||(T.preventDefault(),E.value=!0)});function z(T){const M=T.target,K=M.tagName;return M.isContentEditable||K==="INPUT"||K==="SELECT"||K==="TEXTAREA"}return(T,M)=>(o(),u("div",Hs,[i(d)==="algolia"?(o(),u(S,{key:0},[b.value.showKeywordSearch?(o(),p(Le,{key:0,text:i(l).translations?.button?.buttonText||"Search","aria-label":i(l).translations?.button?.buttonAriaLabel||"Search","aria-keyshortcuts":"/ control+k meta+k",onClick:M[0]||(M[0]=K=>W("search"))},null,8,["text","aria-label"])):h("",!0),y.value?(o(),p(Ms,{key:1,"aria-label":y.value.button?.translations?.buttonAriaLabel||"Ask AI","aria-keyshortcuts":N.value?"control+i meta+i":void 0,onClick:M[1]||(M[1]=K=>I.value?W("toggleAskAi"):W("askAi"))},null,8,["aria-label","aria-keyshortcuts"])):h("",!0),A.value?(o(),p(i(n),{key:2,"algolia-options":i(l),"open-request":w.value,onVnodeBeforeMount:M[2]||(M[2]=K=>I.value=!0)},null,8,["algolia-options","open-request"])):h("",!0)],64)):i(d)==="local"?(o(),u(S,{key:1},[g(Le,{text:i(l).translations?.button?.buttonText||"Search","aria-label":i(l).translations?.button?.buttonAriaLabel||"Search","aria-keyshortcuts":"/ control+k meta+k",onClick:M[3]||(M[3]=K=>E.value=!0)},null,8,["text","aria-label"]),E.value?(o(),p(i(t),{key:0,onClose:M[4]||(M[4]=K=>E.value=!1)})):h("",!0)],64)):h("",!0)]))}}),Cs=_(Bs,[["__scopeId","data-v-2fc7f2c6"]]),Es=m({__name:"VPNavBarSocialLinks",setup(e){const{theme:t}=$();return(n,a)=>i(t).socialLinks?(o(),p(be,{key:0,class:"VPNavBarSocialLinks",links:i(t).socialLinks},null,8,["links"])):h("",!0)}}),Fs=_(Es,[["__scopeId","data-v-0394ad82"]]),Os=["href","rel","target"],Ds=["innerHTML"],Gs={key:2},Ks=m({__name:"VPNavBarTitle",setup(e){const{site:t,theme:n}=$(),{hasSidebar:a}=G(),{currentLang:s}=X(),r=k(()=>typeof n.value.logoLink=="string"?n.value.logoLink:n.value.logoLink?.link),d=k(()=>typeof n.value.logoLink=="string"?void 0:n.value.logoLink?.rel),l=k(()=>typeof n.value.logoLink=="string"?void 0:n.value.logoLink?.target);return(b,y)=>(o(),u("div",{class:P(["VPNavBarTitle",{"has-sidebar":i(a)}])},[v("a",{class:"title",href:r.value??i(me)(i(s).link),rel:d.value,target:l.value},[c(b.$slots,"nav-bar-title-before",{},void 0,!0),i(n).logo?(o(),p(Z,{key:0,class:"logo",image:i(n).logo},null,8,["image"])):h("",!0),i(n).siteTitle?(o(),u("span",{key:1,innerHTML:i(n).siteTitle},null,8,Ds)):i(n).siteTitle===void 0?(o(),u("span",Gs,L(i(t).title),1)):h("",!0),c(b.$slots,"nav-bar-title-after",{},void 0,!0)],8,Os)],2))}}),Rs=_(Ks,[["__scopeId","data-v-1e38c6bc"]]),Us={class:"items"},js={class:"title"},Ws=m({__name:"VPNavBarTranslations",setup(e){const{theme:t}=$(),{localeLinks:n,currentLang:a}=X({correspondingLink:!0});return(s,r)=>i(n).length&&i(a).label?(o(),p(_e,{key:0,class:"VPNavBarTranslations",icon:"vpi-languages",label:i(t).langMenuLabel||"Change language"},{default:f(()=>[v("div",Us,[v("p",js,L(i(a).label),1),(o(!0),u(S,null,x(i(n),d=>(o(),p(se,{key:d.link,item:d,lang:d.lang,dir:d.dir},null,8,["item","lang","dir"]))),128))])]),_:1},8,["label"])):h("",!0)}}),zs=_(Ws,[["__scopeId","data-v-4c1766e2"]]),qs={class:"wrapper"},Js={class:"container"},Ys={class:"title"},Xs={class:"content"},Qs={class:"content-body"},Zs=m({__name:"VPNavBar",props:{isScreenOpen:{type:Boolean}},emits:["toggle-screen"],setup(e){const{y:t}=Me(),{isHome:n,hasSidebar:a}=G();return(s,r)=>(o(),u("div",{class:P(["VPNavBar",{"has-sidebar":i(a),home:i(n),top:i(t)===0,"screen-open":e.isScreenOpen}])},[v("div",qs,[v("div",Js,[v("div",Ys,[g(Rs,null,{"nav-bar-title-before":f(()=>[c(s.$slots,"nav-bar-title-before",{},void 0,!0)]),"nav-bar-title-after":f(()=>[c(s.$slots,"nav-bar-title-after",{},void 0,!0)]),_:3})]),v("div",Xs,[v("div",Qs,[c(s.$slots,"nav-bar-content-before",{},void 0,!0),g(Cs,{class:"search"}),g($s,{class:"menu"}),g(zs,{class:"translations"}),g(Ma,{class:"appearance"}),g(Fs,{class:"social-links"}),g(ds,{class:"extra"}),c(s.$slots,"nav-bar-content-after",{},void 0,!0),g(hs,{class:"hamburger",active:e.isScreenOpen,onClick:r[0]||(r[0]=d=>s.$emit("toggle-screen"))},null,8,["active"])])])])]),r[1]||(r[1]=v("div",{class:"divider"},[v("div",{class:"divider-line"})],-1))],2))}}),eo=_(Zs,[["__scopeId","data-v-9ca1369d"]]),to={key:0,class:"VPNavScreenAppearance"},no={class:"text"},ao=m({__name:"VPNavScreenAppearance",setup(e){const{site:t,theme:n}=$();return(a,s)=>i(t).appearance&&i(t).appearance!=="force-dark"&&i(t).appearance!=="force-auto"?(o(),u("div",to,[v("p",no,L(i(n).darkModeSwitchLabel||"Appearance"),1),g(ke)])):h("",!0)}}),so=_(ao,[["__scopeId","data-v-b44890b2"]]),oo=["innerHTML"],io=m({__name:"VPNavScreenMenuLink",props:{item:{}},setup(e){const t=e,{page:n}=$(),a=k(()=>typeof t.item.link=="function"?t.item.link(n.value):t.item.link),s=k(()=>O(n.value.relativePath,t.item.activeMatch||a.value,!!t.item.activeMatch)),{closeScreen:r}=ae(pe);return(d,l)=>(o(),p(B,{class:P({VPNavScreenMenuLink:!0,active:s.value}),href:a.value,target:e.item.target,rel:e.item.rel,"no-icon":e.item.noIcon,onClick:i(r)},{default:f(()=>[v("span",{innerHTML:e.item.text},null,8,oo)]),_:1},8,["class","href","target","rel","no-icon","onClick"]))}}),ro=_(io,[["__scopeId","data-v-b924ab8a"]]),lo=["innerHTML"],co=m({__name:"VPNavScreenMenuGroupLink",props:{item:{}},setup(e){const t=e,{page:n}=$(),a=k(()=>typeof t.item.link=="function"?t.item.link(n.value):t.item.link),s=k(()=>O(n.value.relativePath,t.item.activeMatch||a.value,!!t.item.activeMatch)),{closeScreen:r}=ae(pe);return(d,l)=>(o(),p(B,{class:P({VPNavScreenMenuGroupLink:!0,active:s.value}),href:a.value,target:e.item.target,rel:e.item.rel,"no-icon":e.item.noIcon,onClick:i(r)},{default:f(()=>[v("span",{innerHTML:e.item.text},null,8,lo)]),_:1},8,["class","href","target","rel","no-icon","onClick"]))}}),Ge=_(co,[["__scopeId","data-v-ecf4b472"]]),uo={class:"VPNavScreenMenuGroupSection"},vo={key:0,class:"title"},fo=m({__name:"VPNavScreenMenuGroupSection",props:{text:{},items:{}},setup(e){return(t,n)=>(o(),u("div",uo,[e.text?(o(),u("p",vo,L(e.text),1)):h("",!0),(o(!0),u(S,null,x(e.items,a=>(o(),p(Ge,{key:a.text,item:a},null,8,["item"]))),128))]))}}),ho=_(fo,[["__scopeId","data-v-4b7a798b"]]),mo=["aria-controls","aria-expanded"],po=["innerHTML"],ko=["id"],go={key:0,class:"item"},_o={key:1,class:"item"},bo={key:2,class:"group"},$o=m({__name:"VPNavScreenMenuGroup",props:{text:{},items:{}},setup(e){const t=e,n=V(!1),a=k(()=>`NavScreenGroup-${t.text.replace(" ","-").toLowerCase()}`);function s(){n.value=!n.value}return(r,d)=>(o(),u("div",{class:P(["VPNavScreenMenuGroup",{open:n.value}])},[v("button",{class:"button","aria-controls":a.value,"aria-expanded":n.value,onClick:s},[v("span",{class:"button-text",innerHTML:e.text},null,8,po),d[0]||(d[0]=v("span",{class:"vpi-plus button-icon"},null,-1))],8,mo),v("div",{id:a.value,class:"items"},[(o(!0),u(S,null,x(e.items,l=>(o(),u(S,{key:JSON.stringify(l)},["link"in l?(o(),u("div",go,[g(Ge,{item:l},null,8,["item"])])):"component"in l?(o(),u("div",_o,[(o(),p(H(l.component),F({ref_for:!0},l.props,{"screen-menu":""}),null,16))])):(o(),u("div",bo,[g(ho,{text:l.text,items:l.items},null,8,["text","items"])]))],64))),128))],8,ko)],2))}}),yo=_($o,[["__scopeId","data-v-956364f9"]]),Po={key:0,class:"VPNavScreenMenu"},Lo=m({__name:"VPNavScreenMenu",setup(e){const{theme:t}=$();return(n,a)=>i(t).nav?(o(),u("nav",Po,[(o(!0),u(S,null,x(i(t).nav,s=>(o(),u(S,{key:JSON.stringify(s)},["link"in s?(o(),p(ro,{key:0,item:s},null,8,["item"])):"component"in s?(o(),p(H(s.component),F({key:1,ref_for:!0},s.props,{"screen-menu":""}),null,16)):(o(),p(yo,{key:2,text:s.text||"",items:s.items},null,8,["text","items"]))],64))),128))])):h("",!0)}}),Vo=m({__name:"VPNavScreenSocialLinks",setup(e){const{theme:t}=$();return(n,a)=>i(t).socialLinks?(o(),p(be,{key:0,class:"VPNavScreenSocialLinks",links:i(t).socialLinks},null,8,["links"])):h("",!0)}}),So={class:"list"},No=m({__name:"VPNavScreenTranslations",setup(e){const{localeLinks:t,currentLang:n}=X({correspondingLink:!0}),a=V(!1);function s(){a.value=!a.value}return(r,d)=>i(t).length&&i(n).label?(o(),u("div",{key:0,class:P(["VPNavScreenTranslations",{open:a.value}])},[v("button",{class:"title",onClick:s},[d[0]||(d[0]=v("span",{class:"vpi-languages icon lang"},null,-1)),U(" "+L(i(n).label)+" ",1),d[1]||(d[1]=v("span",{class:"vpi-chevron-down icon chevron"},null,-1))]),v("ul",So,[(o(!0),u(S,null,x(i(t),l=>(o(),u("li",{key:l.link,class:"item"},[g(B,{class:"link",href:l.link,lang:l.lang,dir:l.dir},{default:f(()=>[U(L(l.text),1)]),_:2},1032,["href","lang","dir"])]))),128))])],2)):h("",!0)}}),To=_(No,[["__scopeId","data-v-a4d9b172"]]),wo={key:0,class:"VPNavScreen",id:"VPNavScreen"},Mo={class:"container"},xo=m({__name:"VPNavScreen",props:{open:{type:Boolean}},setup(e){const t=xe(Y?document.body:null);return(n,a)=>(o(),p(ve,{name:"fade",onEnter:a[0]||(a[0]=s=>t.value=!0),onAfterLeave:a[1]||(a[1]=s=>t.value=!1)},{default:f(()=>[e.open?(o(),u("div",wo,[v("div",Mo,[c(n.$slots,"nav-screen-content-before",{},void 0,!0),g(Lo,{class:"menu"}),g(To,{class:"translations"}),g(so,{class:"appearance"}),g(Vo,{class:"social-links"}),c(n.$slots,"nav-screen-content-after",{},void 0,!0)])])):h("",!0)]),_:3}))}}),Ao=_(xo,[["__scopeId","data-v-05f3d7bc"]]),Io={key:0,class:"VPNav"},Ho=m({__name:"VPNav",setup(e){const{isScreenOpen:t,closeScreen:n,toggleScreen:a}=ba(),{frontmatter:s}=$(),r=k(()=>s.value.navbar!==!1);return Ae(pe,{closeScreen:n}),ee(()=>{Y&&document.documentElement.classList.toggle("hide-nav",!r.value)}),(d,l)=>r.value?(o(),u("header",Io,[g(eo,{"is-screen-open":i(t),onToggleScreen:i(a)},{"nav-bar-title-before":f(()=>[c(d.$slots,"nav-bar-title-before",{},void 0,!0)]),"nav-bar-title-after":f(()=>[c(d.$slots,"nav-bar-title-after",{},void 0,!0)]),"nav-bar-content-before":f(()=>[c(d.$slots,"nav-bar-content-before",{},void 0,!0)]),"nav-bar-content-after":f(()=>[c(d.$slots,"nav-bar-content-after",{},void 0,!0)]),_:3},8,["is-screen-open","onToggleScreen"]),g(Ao,{open:i(t)},{"nav-screen-content-before":f(()=>[c(d.$slots,"nav-screen-content-before",{},void 0,!0)]),"nav-screen-content-after":f(()=>[c(d.$slots,"nav-screen-content-after",{},void 0,!0)]),_:3},8,["open"])])):h("",!0)}}),Bo=_(Ho,[["__scopeId","data-v-9f75dce3"]]),Co=["role","tabindex"],Eo={key:1,class:"items"},Fo=m({__name:"VPSidebarItem",props:{item:{},depth:{}},setup(e){const t=e,{collapsed:n,collapsible:a,isLink:s,isActiveLink:r,hasActiveLink:d,hasChildren:l,toggle:b}=Mt(k(()=>t.item)),y=k(()=>l.value?"section":"div"),N=k(()=>s.value?"a":"div"),w=k(()=>l.value?t.depth+2===7?"p":`h${t.depth+2}`:"p"),C=k(()=>s.value?void 0:"button"),A=k(()=>[[`level-${t.depth}`],{collapsible:a.value},{collapsed:n.value},{"is-link":s.value},{"is-active":r.value},{"has-active":d.value}]);function I(E){"key"in E&&E.key!=="Enter"||!t.item.link&&b()}function W(){t.item.link&&b()}return(E,z)=>{const T=j("VPSidebarItem",!0);return o(),p(H(y.value),{class:P(["VPSidebarItem",A.value])},{default:f(()=>[e.item.text?(o(),u("div",F({key:0,class:"item",role:C.value},Ze(e.item.items?{click:I,keydown:I}:{},!0),{tabindex:e.item.items&&0}),[z[1]||(z[1]=v("div",{class:"indicator"},null,-1)),e.item.link?(o(),p(B,{key:0,tag:N.value,class:"link",href:e.item.link,rel:e.item.rel,target:e.item.target},{default:f(()=>[(o(),p(H(w.value),{class:"text",innerHTML:e.item.text},null,8,["innerHTML"]))]),_:1},8,["tag","href","rel","target"])):(o(),p(H(w.value),{key:1,class:"text",innerHTML:e.item.text},null,8,["innerHTML"])),e.item.collapsed!=null&&e.item.items&&e.item.items.length?(o(),u("div",{key:2,class:"caret",role:"button","aria-label":"toggle section",onClick:W,onKeydown:et(W,["enter"]),tabindex:"0"},[...z[0]||(z[0]=[v("span",{class:"vpi-chevron-right caret-icon"},null,-1)])],32)):h("",!0)],16,Co)):h("",!0),e.item.items&&e.item.items.length?(o(),u("div",Eo,[e.depth<5?(o(!0),u(S,{key:0},x(e.item.items,M=>(o(),p(T,{key:M.text,item:M,depth:e.depth+1},null,8,["item","depth"]))),128)):h("",!0)])):h("",!0)]),_:1},8,["class"])}}}),Oo=_(Fo,[["__scopeId","data-v-d81de50c"]]),Do=m({__name:"VPSidebarGroup",props:{items:{}},setup(e){const t=V(!0);let n=null;return R(()=>{n=setTimeout(()=>{n=null,t.value=!1},300)}),tt(()=>{n!=null&&(clearTimeout(n),n=null)}),(a,s)=>(o(!0),u(S,null,x(e.items,r=>(o(),u("div",{key:r.text,class:P(["group",{"no-transition":t.value}])},[g(Oo,{item:r,depth:0},null,8,["item"])],2))),128))}}),Go=_(Do,[["__scopeId","data-v-8d50c081"]]),Ko={class:"nav",id:"VPSidebarNav","aria-labelledby":"sidebar-aria-label",tabindex:"-1"},Ro=m({__name:"VPSidebar",props:{open:{type:Boolean}},setup(e){const{sidebarGroups:t,hasSidebar:n}=G(),a=e,s=V(null),r=xe(Y?document.body:null);D([a,s],()=>{a.open?(r.value=!0,s.value?.focus()):r.value=!1},{immediate:!0,flush:"post"});const d=V(0);return D(t,()=>{d.value+=1},{deep:!0}),(l,b)=>i(n)?(o(),u("aside",{key:0,class:P(["VPSidebar",{open:e.open}]),ref_key:"navEl",ref:s,onClick:b[0]||(b[0]=nt(()=>{},["stop"]))},[b[2]||(b[2]=v("div",{class:"curtain"},null,-1)),v("nav",Ko,[b[1]||(b[1]=v("span",{class:"visually-hidden",id:"sidebar-aria-label"}," Sidebar Navigation ",-1)),c(l.$slots,"sidebar-nav-before",{},void 0,!0),(o(),p(Go,{items:i(t),key:d.value},null,8,["items"])),c(l.$slots,"sidebar-nav-after",{},void 0,!0)])],2)):h("",!0)}}),Uo=_(Ro,[["__scopeId","data-v-af661f50"]]),jo={href:"#VPContent",class:"VPSkipLink visually-hidden"},Wo=m({__name:"VPSkipLink",setup(e){const{theme:t}=$(),n=ne(),a=V();return D(()=>n.path,()=>a.value.focus()),(s,r)=>(o(),u(S,null,[v("span",{ref_key:"backToTop",ref:a,tabindex:"-1"},null,512),v("a",jo,L(i(t).skipToContentLabel||"Skip to content"),1)],64))}}),zo=_(Wo,[["__scopeId","data-v-331ec75c"]]),qo=m({__name:"Layout",setup(e){const{isOpen:t,open:n,close:a}=wt();xt({closeSidebar:a});const{frontmatter:s}=$(),r=at(),d=k(()=>!!r["home-hero-image"]);return Ae(Be,{heroImageSlotExists:d}),(l,b)=>{const y=j("Content");return i(s).layout!==!1?(o(),u("div",{key:0,class:P(["Layout",i(s).pageClass])},[c(l.$slots,"layout-top",{},void 0,!0),g(zo),g(rt,{class:"backdrop",show:i(t),onClick:i(a)},null,8,["show","onClick"]),g(Bo,null,{"nav-bar-title-before":f(()=>[c(l.$slots,"nav-bar-title-before",{},void 0,!0)]),"nav-bar-title-after":f(()=>[c(l.$slots,"nav-bar-title-after",{},void 0,!0)]),"nav-bar-content-before":f(()=>[c(l.$slots,"nav-bar-content-before",{},void 0,!0)]),"nav-bar-content-after":f(()=>[c(l.$slots,"nav-bar-content-after",{},void 0,!0)]),"nav-screen-content-before":f(()=>[c(l.$slots,"nav-screen-content-before",{},void 0,!0)]),"nav-screen-content-after":f(()=>[c(l.$slots,"nav-screen-content-after",{},void 0,!0)]),_:3}),g(_a,{open:i(t),onOpenMenu:i(n)},null,8,["open","onOpenMenu"]),g(Uo,{open:i(t)},{"sidebar-nav-before":f(()=>[c(l.$slots,"sidebar-nav-before",{},void 0,!0)]),"sidebar-nav-after":f(()=>[c(l.$slots,"sidebar-nav-after",{},void 0,!0)]),_:3},8,["open"]),g(sa,null,{"page-top":f(()=>[c(l.$slots,"page-top",{},void 0,!0)]),"page-bottom":f(()=>[c(l.$slots,"page-bottom",{},void 0,!0)]),"not-found":f(()=>[c(l.$slots,"not-found",{},void 0,!0)]),"home-hero-before":f(()=>[c(l.$slots,"home-hero-before",{},void 0,!0)]),"home-hero-info-before":f(()=>[c(l.$slots,"home-hero-info-before",{},void 0,!0)]),"home-hero-info":f(()=>[c(l.$slots,"home-hero-info",{},void 0,!0)]),"home-hero-info-after":f(()=>[c(l.$slots,"home-hero-info-after",{},void 0,!0)]),"home-hero-actions-after":f(()=>[c(l.$slots,"home-hero-actions-after",{},void 0,!0)]),"home-hero-image":f(()=>[c(l.$slots,"home-hero-image",{},void 0,!0)]),"home-hero-after":f(()=>[c(l.$slots,"home-hero-after",{},void 0,!0)]),"home-features-before":f(()=>[c(l.$slots,"home-features-before",{},void 0,!0)]),"home-features-after":f(()=>[c(l.$slots,"home-features-after",{},void 0,!0)]),"doc-footer-before":f(()=>[c(l.$slots,"doc-footer-before",{},void 0,!0)]),"doc-before":f(()=>[c(l.$slots,"doc-before",{},void 0,!0)]),"doc-after":f(()=>[c(l.$slots,"doc-after",{},void 0,!0)]),"doc-top":f(()=>[c(l.$slots,"doc-top",{},void 0,!0)]),"doc-bottom":f(()=>[c(l.$slots,"doc-bottom",{},void 0,!0)]),"aside-top":f(()=>[c(l.$slots,"aside-top",{},void 0,!0)]),"aside-bottom":f(()=>[c(l.$slots,"aside-bottom",{},void 0,!0)]),"aside-outline-before":f(()=>[c(l.$slots,"aside-outline-before",{},void 0,!0)]),"aside-outline-after":f(()=>[c(l.$slots,"aside-outline-after",{},void 0,!0)]),"aside-ads-before":f(()=>[c(l.$slots,"aside-ads-before",{},void 0,!0)]),"aside-ads-after":f(()=>[c(l.$slots,"aside-ads-after",{},void 0,!0)]),_:3}),g(ca),c(l.$slots,"layout-bottom",{},void 0,!0)],2)):(o(),p(y,{key:1}))}}}),Jo=_(qo,[["__scopeId","data-v-1df9f90f"]]),Xo={Layout:Jo,enhanceApp:({app:e})=>{e.component("Badge",st)}};export{Xo as t,$ as u};
diff --git a/dist/docs/assets/contributing_adding-an-exploration.md.Bx_AiHel.js b/dist/docs/assets/contributing_adding-an-exploration.md.Bx_AiHel.js
deleted file mode 100644
index 92137b9..0000000
--- a/dist/docs/assets/contributing_adding-an-exploration.md.Bx_AiHel.js
+++ /dev/null
@@ -1,43 +0,0 @@
-import{_ as s,c as a,o as t,ak as e}from"./chunks/framework.DyoGesZS.js";const E=JSON.parse('{"title":"Adding an Exploration","description":"","frontmatter":{},"headers":[],"relativePath":"contributing/adding-an-exploration.md","filePath":"contributing/adding-an-exploration.md"}'),n={name:"contributing/adding-an-exploration.md"};function l(h,i,p,r,d,k){return t(),a("div",null,[...i[0]||(i[0]=[e(`<h1 id="adding-an-exploration" tabindex="-1">Adding an Exploration <a class="header-anchor" href="#adding-an-exploration" aria-label="Permalink to “Adding an Exploration”">​</a></h1><div class="warning custom-block"><p class="custom-block-title">Under Active Development</p><p>Both the Feel Your Protocol project and this documentation are in an early stage and under active development. Things may change frequently.</p></div><h2 id="overview" tabindex="-1">Overview <a class="header-anchor" href="#overview" aria-label="Permalink to “Overview”">​</a></h2><p>Each exploration lives in its own folder under <code>src/explorations/</code> with two files: <code>info.ts</code> (metadata) and <code>MyC.vue</code> (interactive widget). This guide walks you through adding a new one.</p><h2 id="step-1-create-the-exploration-folder" tabindex="-1">Step 1: Create the Exploration Folder <a class="header-anchor" href="#step-1-create-the-exploration-folder" aria-label="Permalink to “Step 1: Create the Exploration Folder”">​</a></h2><p>Create a new folder in <code>src/explorations/</code> named after your exploration&#39;s ID. The ID should be lowercase and hyphen-separated (e.g. <code>eip-XXXX</code>, <code>erc-XXXX</code>, or any descriptive identifier):</p><div class="language-bash"><button title="Copy Code" class="copy"></button><span class="lang">bash</span><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e;" tabindex="0" dir="ltr"><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">mkdir</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> src/explorations/eip-XXXX</span></span></code></pre></div><h2 id="step-2-create-info-ts" tabindex="-1">Step 2: Create <code>info.ts</code> <a class="header-anchor" href="#step-2-create-info-ts" aria-label="Permalink to “Step 2: Create info.ts”">​</a></h2><p>Create <code>src/explorations/eip-XXXX/info.ts</code> with your exploration&#39;s metadata:</p><div class="language-typescript"><button title="Copy Code" class="copy"></button><span class="lang">typescript</span><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e;" tabindex="0" dir="ltr"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> { Exploration } </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">from</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;../REGISTRY&#39;</span></span>
-<span class="line"></span>
-<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">export</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> INFO</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Exploration</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  id: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;eip-XXXX&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">,</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  path: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;/eip-XXXX-short-description&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">,</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  title: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;Human-Readable Title&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">,</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  infoURL: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;https://eips.ethereum.org/EIPS/eip-XXXX&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">,</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  topics: [</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;fusaka&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">],</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  image: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;fusaka.webp&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">,</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  introText:</span></span>
-<span class="line"><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">    &#39;&lt;b&gt;What does this change?&lt;/b&gt; &#39;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> +</span></span>
-<span class="line"><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">    &#39;A brief introduction to the protocol change.&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">,</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  usageText:</span></span>
-<span class="line"><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">    &#39;Instructions on how to use the interactive widget below.&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">,</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  poweredBy: [</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    { name: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;EthereumJS&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, href: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;https://github.com/ethereumjs/ethereumjs-monorepo&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> },</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  ],</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">}</span></span></code></pre></div><p><strong>Fields:</strong></p><table tabindex="0"><thead><tr><th>Field</th><th>Required</th><th>Description</th></tr></thead><tbody><tr><td><code>id</code></td><td>Yes</td><td>Unique identifier, matches the folder name</td></tr><tr><td><code>path</code></td><td>Yes</td><td>URL path for the exploration page</td></tr><tr><td><code>title</code></td><td>Yes</td><td>Display title</td></tr><tr><td><code>infoURL</code></td><td>Yes</td><td>Link to the specification or reference material</td></tr><tr><td><code>topics</code></td><td>No</td><td>Array of topic IDs this exploration belongs to</td></tr><tr><td><code>image</code></td><td>No</td><td>Image filename from <code>src/assets/</code> (e.g. <code>fusaka.webp</code>)</td></tr><tr><td><code>introText</code></td><td>No</td><td>HTML-formatted introduction paragraph</td></tr><tr><td><code>usageText</code></td><td>No</td><td>HTML-formatted usage instructions</td></tr><tr><td><code>poweredBy</code></td><td>No</td><td>Array of <code>{ name, href }</code> for library credits</td></tr></tbody></table><h2 id="step-3-create-myc-vue" tabindex="-1">Step 3: Create <code>MyC.vue</code> <a class="header-anchor" href="#step-3-create-myc-vue" aria-label="Permalink to “Step 3: Create MyC.vue”">​</a></h2><p>Create <code>src/explorations/eip-XXXX/MyC.vue</code> with your interactive widget. Use <code>ExplorationC</code> as the wrapper component for consistent layout:</p><div class="language-vue"><button title="Copy Code" class="copy"></button><span class="lang">vue</span><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e;" tabindex="0" dir="ltr"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">script</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> setup</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> lang</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;ts&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
-<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> ExplorationC </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">from</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;../ExplorationC.vue&#39;</span></span>
-<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> PoweredByC </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">from</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;../PoweredByC.vue&#39;</span></span>
-<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> { INFO } </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">from</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;./info&#39;</span></span>
-<span class="line"></span>
-<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> exploration</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> INFO</span></span>
-<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> poweredBy</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> exploration.poweredBy </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">??</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> []</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">script</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
-<span class="line"></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">template</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">div</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">ExplorationC</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> :explorationId</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;exploration.id&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> :exploration</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;exploration&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">      &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">template</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> v-slot</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
-<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">        &lt;!-- Your interactive widget here --&gt;</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">        &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">p</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;Widget content goes here.&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">p</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">      &lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">template</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">ExplorationC</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">PoweredByC</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> :poweredBy</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;poweredBy&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  &lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">div</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">template</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><p>The <code>ExplorationC</code> wrapper automatically renders the title, info link, intro text and usage text from your <code>info.ts</code>. You only need to provide the interactive content via the <code>content</code> slot.</p><p>For shared UI components (hex inputs, result displays, etc.), import from <code>../../components/ui/</code> and <code>../../components/precompiles/</code>. Browse existing explorations for examples.</p><h2 id="step-4-register-in-the-registry" tabindex="-1">Step 4: Register in the Registry <a class="header-anchor" href="#step-4-register-in-the-registry" aria-label="Permalink to “Step 4: Register in the Registry”">​</a></h2><p>Add one import line to <code>src/explorations/REGISTRY.ts</code>:</p><div class="language-typescript"><button title="Copy Code" class="copy"></button><span class="lang">typescript</span><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e;" tabindex="0" dir="ltr"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> { INFO </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">as</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> eipXXXX } </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">from</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;./eip-XXXX/info&#39;</span></span>
-<span class="line"></span>
-<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">export</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> EXPLORATIONS</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Explorations</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
-<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">  // ... existing explorations</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  [eipXXXX.id]: eipXXXX,</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">}</span></span></code></pre></div><p>That&#39;s it for registration. The router reads from <code>EXPLORATIONS</code> and automatically creates the route — no manual route configuration needed.</p><h2 id="step-5-add-library-dependencies" tabindex="-1">Step 5: Add Library Dependencies <a class="header-anchor" href="#step-5-add-library-dependencies" aria-label="Permalink to “Step 5: Add Library Dependencies”">​</a></h2><p>If your widget needs an Ethereum library (or a custom fork), install it and import it only in your <code>MyC.vue</code> file:</p><div class="language-bash"><button title="Copy Code" class="copy"></button><span class="lang">bash</span><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e;" tabindex="0" dir="ltr"><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">npm</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> install</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> some-library</span></span></code></pre></div><p>If you need a library fork, see the <a href="./../guide/library-forks.html">Library Forks</a> guide. Key rule: <strong>only import fork-specific libraries in your <code>MyC.vue</code></strong>, never in shared code. This keeps each exploration&#39;s dependencies isolated via Vite&#39;s code splitting.</p><h2 id="step-6-add-tests" tabindex="-1">Step 6: Add Tests <a class="header-anchor" href="#step-6-add-tests" aria-label="Permalink to “Step 6: Add Tests”">​</a></h2><p>Add a Cypress E2E test in <code>cypress/e2e/</code> to verify basic widget functionality. Name it after your exploration ID (e.g. <code>eip-XXXX.cy.ts</code>).</p><h2 id="step-7-build-and-verify" tabindex="-1">Step 7: Build and Verify <a class="header-anchor" href="#step-7-build-and-verify" aria-label="Permalink to “Step 7: Build and Verify”">​</a></h2><div class="language-bash"><button title="Copy Code" class="copy"></button><span class="lang">bash</span><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e;" tabindex="0" dir="ltr"><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">npm</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> run</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> build</span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">        # verify production build works</span></span>
-<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">npm</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> run</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> test:e2e</span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">     # run E2E tests</span></span></code></pre></div><h2 id="quick-checklist" tabindex="-1">Quick Checklist <a class="header-anchor" href="#quick-checklist" aria-label="Permalink to “Quick Checklist”">​</a></h2><ul><li>[ ] Created <code>src/explorations/&lt;id&gt;/info.ts</code> with metadata</li><li>[ ] Created <code>src/explorations/&lt;id&gt;/MyC.vue</code> with interactive widget</li><li>[ ] Added import and entry in <code>src/explorations/REGISTRY.ts</code></li><li>[ ] Added library dependencies (if needed)</li><li>[ ] Added E2E test</li><li>[ ] Build passes (<code>npm run build</code>)</li></ul>`,31)])])}const c=s(n,[["render",l]]);export{E as __pageData,c as default};
diff --git a/dist/docs/assets/contributing_adding-an-exploration.md.Bx_AiHel.lean.js b/dist/docs/assets/contributing_adding-an-exploration.md.Bx_AiHel.lean.js
deleted file mode 100644
index a44bb20..0000000
--- a/dist/docs/assets/contributing_adding-an-exploration.md.Bx_AiHel.lean.js
+++ /dev/null
@@ -1 +0,0 @@
-import{_ as s,c as a,o as t,ak as e}from"./chunks/framework.DyoGesZS.js";const E=JSON.parse('{"title":"Adding an Exploration","description":"","frontmatter":{},"headers":[],"relativePath":"contributing/adding-an-exploration.md","filePath":"contributing/adding-an-exploration.md"}'),n={name:"contributing/adding-an-exploration.md"};function l(h,i,p,r,d,k){return t(),a("div",null,[...i[0]||(i[0]=[e("",31)])])}const c=s(n,[["render",l]]);export{E as __pageData,c as default};
diff --git a/dist/docs/assets/contributing_how-to-contribute.md.C-N0YY81.js b/dist/docs/assets/contributing_how-to-contribute.md.C-N0YY81.js
deleted file mode 100644
index e1c9a23..0000000
--- a/dist/docs/assets/contributing_how-to-contribute.md.C-N0YY81.js
+++ /dev/null
@@ -1,3 +0,0 @@
-import{_ as t,c as e,o as s,ak as a}from"./chunks/framework.DyoGesZS.js";const k=JSON.parse('{"title":"How to Contribute","description":"","frontmatter":{},"headers":[],"relativePath":"contributing/how-to-contribute.md","filePath":"contributing/how-to-contribute.md"}'),n={name:"contributing/how-to-contribute.md"};function o(l,i,r,h,d,p){return s(),e("div",null,[...i[0]||(i[0]=[a(`<h1 id="how-to-contribute" tabindex="-1">How to Contribute <a class="header-anchor" href="#how-to-contribute" aria-label="Permalink to “How to Contribute”">​</a></h1><div class="warning custom-block"><p class="custom-block-title">Under Active Development</p><p>Both the Feel Your Protocol project and this documentation are in an early stage and under active development. Things may change frequently.</p></div><h2 id="ways-to-contribute" tabindex="-1">Ways to Contribute <a class="header-anchor" href="#ways-to-contribute" aria-label="Permalink to “Ways to Contribute”">​</a></h2><ul><li><strong>Add a new exploration</strong> — the most impactful contribution (see <a href="./adding-an-exploration.html">Adding an Exploration</a>)</li><li><strong>Improve an existing exploration</strong> — better examples, UI improvements, bug fixes</li><li><strong>Improve documentation</strong> — fix typos, add guides, clarify explanations</li><li><strong>Report issues</strong> — found a bug or have a suggestion? Open an issue</li></ul><h2 id="development-workflow" tabindex="-1">Development Workflow <a class="header-anchor" href="#development-workflow" aria-label="Permalink to “Development Workflow”">​</a></h2><ol><li>Fork the repository</li><li>Create a feature branch</li><li>Make your changes</li><li>Run linting and tests:</li></ol><div class="language-bash"><button title="Copy Code" class="copy"></button><span class="lang">bash</span><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e;" tabindex="0" dir="ltr"><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">npm</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> run</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> lf</span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">          # format + lint</span></span>
-<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">npm</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> run</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> test:unit</span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">   # unit tests</span></span>
-<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">npm</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> run</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> test:e2e</span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">    # E2E tests</span></span></code></pre></div><ol start="5"><li>Submit a pull request</li></ol><h2 id="code-style" tabindex="-1">Code Style <a class="header-anchor" href="#code-style" aria-label="Permalink to “Code Style”">​</a></h2><ul><li><strong>Formatting</strong>: Prettier (auto-formatted with <code>npm run format</code>)</li><li><strong>Linting</strong>: ESLint (auto-fixed with <code>npm run lint</code>)</li><li><strong>Run both</strong>: <code>npm run lf</code></li></ul><h2 id="documentation" tabindex="-1">Documentation <a class="header-anchor" href="#documentation" aria-label="Permalink to “Documentation”">​</a></h2><p>This documentation is built with <a href="https://vitepress.dev/" target="_blank" rel="noreferrer">VitePress</a>. Docs live in the <code>docs/</code> folder as standard markdown files.</p><p>To preview docs changes locally:</p><div class="language-bash"><button title="Copy Code" class="copy"></button><span class="lang">bash</span><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e;" tabindex="0" dir="ltr"><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">npm</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> run</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> docs:dev</span></span></code></pre></div>`,14)])])}const u=t(n,[["render",o]]);export{k as __pageData,u as default};
diff --git a/dist/docs/assets/contributing_how-to-contribute.md.C-N0YY81.lean.js b/dist/docs/assets/contributing_how-to-contribute.md.C-N0YY81.lean.js
deleted file mode 100644
index 584258c..0000000
--- a/dist/docs/assets/contributing_how-to-contribute.md.C-N0YY81.lean.js
+++ /dev/null
@@ -1 +0,0 @@
-import{_ as t,c as e,o as s,ak as a}from"./chunks/framework.DyoGesZS.js";const k=JSON.parse('{"title":"How to Contribute","description":"","frontmatter":{},"headers":[],"relativePath":"contributing/how-to-contribute.md","filePath":"contributing/how-to-contribute.md"}'),n={name:"contributing/how-to-contribute.md"};function o(l,i,r,h,d,p){return s(),e("div",null,[...i[0]||(i[0]=[a("",14)])])}const u=t(n,[["render",o]]);export{k as __pageData,u as default};
diff --git a/dist/docs/assets/guide_architecture.md.qxw0U9Or.js b/dist/docs/assets/guide_architecture.md.qxw0U9Or.js
deleted file mode 100644
index 9970494..0000000
--- a/dist/docs/assets/guide_architecture.md.qxw0U9Or.js
+++ /dev/null
@@ -1,31 +0,0 @@
-import{_ as i,c as a,o as e,ak as t}from"./chunks/framework.DyoGesZS.js";const k=JSON.parse('{"title":"Architecture","description":"","frontmatter":{},"headers":[],"relativePath":"guide/architecture.md","filePath":"guide/architecture.md"}'),n={name:"guide/architecture.md"};function r(l,s,o,p,h,d){return e(),a("div",null,[...s[0]||(s[0]=[t(`<h1 id="architecture" tabindex="-1">Architecture <a class="header-anchor" href="#architecture" aria-label="Permalink to “Architecture”">​</a></h1><div class="warning custom-block"><p class="custom-block-title">Under Active Development</p><p>Both the Feel Your Protocol project and this documentation are in an early stage and under active development. Things may change frequently.</p></div><h2 id="overview" tabindex="-1">Overview <a class="header-anchor" href="#overview" aria-label="Permalink to “Overview”">​</a></h2><p>Feel Your Protocol is a Vue 3 application built with Vite. The core idea is simple: each Ethereum protocol change gets its own interactive widget that runs real library code in the browser.</p><h2 id="tech-stack" tabindex="-1">Tech Stack <a class="header-anchor" href="#tech-stack" aria-label="Permalink to “Tech Stack”">​</a></h2><ul><li><strong><a href="https://vuejs.org/" target="_blank" rel="noreferrer">Vue 3</a></strong> with Composition API and <code>&lt;script setup&gt;</code></li><li><strong><a href="https://vite.dev/" target="_blank" rel="noreferrer">Vite</a></strong> for development and production builds</li><li><strong><a href="https://tailwindcss.com/" target="_blank" rel="noreferrer">Tailwind CSS v4</a></strong> for styling</li><li><strong><a href="https://router.vuejs.org/" target="_blank" rel="noreferrer">Vue Router</a></strong> with route-level code splitting</li><li><strong><a href="https://vitepress.dev/" target="_blank" rel="noreferrer">VitePress</a></strong> for documentation</li><li><strong><a href="https://www.cypress.io/" target="_blank" rel="noreferrer">Cypress</a></strong> for E2E testing</li><li><strong><a href="https://heroicons.com/" target="_blank" rel="noreferrer">Heroicons</a></strong> for icons (<code>@heroicons/vue</code>)</li></ul><h2 id="content-structure" tabindex="-1">Content Structure <a class="header-anchor" href="#content-structure" aria-label="Permalink to “Content Structure”">​</a></h2><p>Content is organized around two concepts:</p><ul><li><strong>Explorations</strong> — the core unit. Each exploration represents an interactive widget for a protocol change (EIP, ERC, or other research topic). Explorations live in <code>src/explorations/</code>.</li><li><strong>Topics</strong> — group explorations by theme (e.g. &quot;Fusaka&quot; for an upcoming hardfork). Each exploration can belong to zero or more topics via the <code>topics</code> array. Topics are defined in <code>src/explorations/TOPICS.ts</code>.</li></ul><h3 id="the-src-explorations-folder" tabindex="-1">The <code>src/explorations/</code> Folder <a class="header-anchor" href="#the-src-explorations-folder" aria-label="Permalink to “The src/explorations/ Folder”">​</a></h3><p>This is the heart of the project. Each exploration is a self-contained folder:</p><div class="language-"><button title="Copy Code" class="copy"></button><span class="lang"></span><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e;" tabindex="0" dir="ltr"><code><span class="line"><span>src/explorations/</span></span>
-<span class="line"><span>├── REGISTRY.ts            # Assembles all explorations, exports EXPLORATIONS dict</span></span>
-<span class="line"><span>├── TOPICS.ts              # Topic definitions</span></span>
-<span class="line"><span>├── ExplorationC.vue       # Shared wrapper component (title, description, buttons)</span></span>
-<span class="line"><span>├── PoweredByC.vue         # Shared &quot;powered by&quot; footer</span></span>
-<span class="line"><span>├── eip-7594/</span></span>
-<span class="line"><span>│   ├── info.ts            # Metadata: id, title, path, infoURL, introText, usageText, …</span></span>
-<span class="line"><span>│   └── MyC.vue            # The interactive widget</span></span>
-<span class="line"><span>├── eip-7883/</span></span>
-<span class="line"><span>│   ├── info.ts</span></span>
-<span class="line"><span>│   └── MyC.vue</span></span>
-<span class="line"><span>└── eip-7951/</span></span>
-<span class="line"><span>    ├── info.ts</span></span>
-<span class="line"><span>    └── MyC.vue</span></span></code></pre></div><p>Each <code>info.ts</code> exports a <code>const INFO</code> object typed as <code>Exploration</code>. The <code>REGISTRY.ts</code> imports all <code>INFO</code> constants and assembles them into the <code>EXPLORATIONS</code> dictionary. The router reads from this to automatically create routes — no manual route registration needed.</p><h3 id="exploration-metadata-info-ts" tabindex="-1">Exploration Metadata (<code>info.ts</code>) <a class="header-anchor" href="#exploration-metadata-info-ts" aria-label="Permalink to “Exploration Metadata (info.ts)”">​</a></h3><p>Each exploration&#39;s <code>info.ts</code> contains all its metadata as a flat object:</p><div class="language-typescript"><button title="Copy Code" class="copy"></button><span class="lang">typescript</span><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e;" tabindex="0" dir="ltr"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> { Exploration } </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">from</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;../REGISTRY&#39;</span></span>
-<span class="line"></span>
-<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">export</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> INFO</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Exploration</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  id: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;eip-XXXX&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">,</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  path: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;/eip-XXXX-short-description&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">,</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  title: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;Human-Readable Title&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">,</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  infoURL: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;https://eips.ethereum.org/EIPS/eip-XXXX&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">,</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  topics: [</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;fusaka&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">],</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  image: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;fusaka.webp&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">,</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  introText: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;HTML-formatted introduction.&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">,</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  usageText: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;HTML-formatted usage instructions.&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">,</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  poweredBy: [</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    { name: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;Library Name&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, href: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;https://github.com/...&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> },</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  ],</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">}</span></span></code></pre></div><h2 id="key-design-decisions" tabindex="-1">Key Design Decisions <a class="header-anchor" href="#key-design-decisions" aria-label="Permalink to “Key Design Decisions”">​</a></h2><h3 id="folder-per-exploration" tabindex="-1">Folder-per-Exploration <a class="header-anchor" href="#folder-per-exploration" aria-label="Permalink to “Folder-per-Exploration”">​</a></h3><p>Each exploration is fully self-contained in its own folder with <code>info.ts</code> (metadata) and <code>MyC.vue</code> (widget). This means:</p><ul><li>Contributors can focus on a single folder</li><li>Adding a new exploration is a matter of creating a folder and adding one import to <code>REGISTRY.ts</code></li><li>Each exploration&#39;s dependencies are isolated</li></ul><h3 id="dynamic-views" tabindex="-1">Dynamic Views <a class="header-anchor" href="#dynamic-views" aria-label="Permalink to “Dynamic Views”">​</a></h3><p>There are no static per-exploration or per-topic view files. Instead:</p><ul><li><strong><code>ExplorationView.vue</code></strong> dynamically loads the correct <code>MyC.vue</code> using <code>import.meta.glob()</code> and <code>defineAsyncComponent()</code> based on the route name</li><li><strong><code>TopicView.vue</code></strong> dynamically lists all explorations belonging to a topic</li></ul><p>This keeps the views lean and avoids boilerplate when adding new content.</p><h3 id="route-level-code-splitting" tabindex="-1">Route-Level Code Splitting <a class="header-anchor" href="#route-level-code-splitting" aria-label="Permalink to “Route-Level Code Splitting”">​</a></h3><p>The <code>ExplorationView.vue</code> uses <code>import.meta.glob()</code> for lazy loading:</p><div class="language-typescript"><button title="Copy Code" class="copy"></button><span class="lang">typescript</span><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e;" tabindex="0" dir="ltr"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> componentModules</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> import</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">.</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">meta</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">glob</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;../explorations/*/MyC.vue&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">)</span></span>
-<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> ExplorationComponent</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> defineAsyncComponent</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  componentModules[</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">\`../explorations/\${</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">explorationId</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}/MyC.vue\`</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">]</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">)</span></span></code></pre></div><p>Each exploration is a separate chunk that&#39;s loaded on demand. Users only download the libraries needed for the page they visit.</p><h3 id="library-forks" tabindex="-1">Library Forks <a class="header-anchor" href="#library-forks" aria-label="Permalink to “Library Forks”">​</a></h3><p>Some exploration widgets require custom forks of Ethereum libraries (see <a href="./library-forks.html">Library Forks</a>). The architecture ensures that different forks of the same library can coexist without conflicts, each isolated to its specific exploration route.</p>`,30)])])}const E=i(n,[["render",r]]);export{k as __pageData,E as default};
diff --git a/dist/docs/assets/guide_architecture.md.qxw0U9Or.lean.js b/dist/docs/assets/guide_architecture.md.qxw0U9Or.lean.js
deleted file mode 100644
index 25c5664..0000000
--- a/dist/docs/assets/guide_architecture.md.qxw0U9Or.lean.js
+++ /dev/null
@@ -1 +0,0 @@
-import{_ as i,c as a,o as e,ak as t}from"./chunks/framework.DyoGesZS.js";const k=JSON.parse('{"title":"Architecture","description":"","frontmatter":{},"headers":[],"relativePath":"guide/architecture.md","filePath":"guide/architecture.md"}'),n={name:"guide/architecture.md"};function r(l,s,o,p,h,d){return e(),a("div",null,[...s[0]||(s[0]=[t("",30)])])}const E=i(n,[["render",r]]);export{k as __pageData,E as default};
diff --git a/dist/docs/assets/guide_getting-started.md.BHVwHBbn.js b/dist/docs/assets/guide_getting-started.md.BHVwHBbn.js
deleted file mode 100644
index 2e895a8..0000000
--- a/dist/docs/assets/guide_getting-started.md.BHVwHBbn.js
+++ /dev/null
@@ -1,34 +0,0 @@
-import{_ as a,c as e,o as n,ak as i}from"./chunks/framework.DyoGesZS.js";const g=JSON.parse('{"title":"Getting Started","description":"","frontmatter":{},"headers":[],"relativePath":"guide/getting-started.md","filePath":"guide/getting-started.md"}'),t={name:"guide/getting-started.md"};function p(l,s,r,o,h,c){return n(),e("div",null,[...s[0]||(s[0]=[i(`<h1 id="getting-started" tabindex="-1">Getting Started <a class="header-anchor" href="#getting-started" aria-label="Permalink to “Getting Started”">​</a></h1><div class="warning custom-block"><p class="custom-block-title">Under Active Development</p><p>Both the Feel Your Protocol project and this documentation are in an early stage and under active development. Things may change frequently.</p></div><h2 id="what-is-feel-your-protocol" tabindex="-1">What is Feel Your Protocol? <a class="header-anchor" href="#what-is-feel-your-protocol" aria-label="Permalink to “What is Feel Your Protocol?”">​</a></h2><p>Feel Your Protocol is an interactive website that lets you explore Ethereum protocol changes hands on. Instead of just reading specifications, you can interact with real Ethereum library code running directly in the browser.</p><p>Each protocol change — called an <strong>Exploration</strong> — gets its own page with a dedicated interactive widget. For example, the <a href="https://feelyourprotocol.org/eip-7883-modexp-gas-cost-increase" target="_blank" rel="noreferrer">EIP-7883</a> page lets you experiment with ModExp gas cost changes interactively.</p><p>Explorations are grouped into <strong>Topics</strong> (e.g. &quot;Fusaka&quot; for the upcoming hardfork), making it easy to discover related protocol changes.</p><h2 id="prerequisites" tabindex="-1">Prerequisites <a class="header-anchor" href="#prerequisites" aria-label="Permalink to “Prerequisites”">​</a></h2><ul><li><a href="https://nodejs.org/" target="_blank" rel="noreferrer">Node.js</a> v20.19+ or v22.12+</li><li>npm (comes with Node.js)</li></ul><h2 id="setup" tabindex="-1">Setup <a class="header-anchor" href="#setup" aria-label="Permalink to “Setup”">​</a></h2><p>Clone the repository and install dependencies:</p><div class="language-bash"><button title="Copy Code" class="copy"></button><span class="lang">bash</span><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e;" tabindex="0" dir="ltr"><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">git</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> clone</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> https://github.com/feelyourprotocol/website.git</span></span>
-<span class="line"><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">cd</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> website</span></span>
-<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">npm</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> install</span></span></code></pre></div><h2 id="development" tabindex="-1">Development <a class="header-anchor" href="#development" aria-label="Permalink to “Development”">​</a></h2><p>Start the website dev server:</p><div class="language-bash"><button title="Copy Code" class="copy"></button><span class="lang">bash</span><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e;" tabindex="0" dir="ltr"><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">npm</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> run</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> dev</span></span></code></pre></div><p>Start the docs dev server:</p><div class="language-bash"><button title="Copy Code" class="copy"></button><span class="lang">bash</span><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e;" tabindex="0" dir="ltr"><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">npm</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> run</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> docs:dev</span></span></code></pre></div><h2 id="building" tabindex="-1">Building <a class="header-anchor" href="#building" aria-label="Permalink to “Building”">​</a></h2><p>Build both the website and documentation:</p><div class="language-bash"><button title="Copy Code" class="copy"></button><span class="lang">bash</span><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e;" tabindex="0" dir="ltr"><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">npm</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> run</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> build</span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">          # website → dist/website</span></span>
-<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">npm</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> run</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> docs:build</span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">     # docs → dist/docs</span></span></code></pre></div><h2 id="project-structure" tabindex="-1">Project Structure <a class="header-anchor" href="#project-structure" aria-label="Permalink to “Project Structure”">​</a></h2><div class="language-"><button title="Copy Code" class="copy"></button><span class="lang"></span><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e;" tabindex="0" dir="ltr"><code><span class="line"><span>website/</span></span>
-<span class="line"><span>├── src/</span></span>
-<span class="line"><span>│   ├── explorations/          # Explorations (the core content)</span></span>
-<span class="line"><span>│   │   ├── REGISTRY.ts        # Exploration registry, types, helper functions</span></span>
-<span class="line"><span>│   │   ├── TOPICS.ts          # Topic definitions and types</span></span>
-<span class="line"><span>│   │   ├── ExplorationC.vue   # Shared exploration wrapper component</span></span>
-<span class="line"><span>│   │   ├── PoweredByC.vue     # Shared &quot;powered by&quot; component</span></span>
-<span class="line"><span>│   │   ├── eip-7594/          # One folder per exploration</span></span>
-<span class="line"><span>│   │   │   ├── info.ts        #   Metadata (title, description, links, …)</span></span>
-<span class="line"><span>│   │   │   └── MyC.vue        #   Interactive widget component</span></span>
-<span class="line"><span>│   │   ├── eip-7883/</span></span>
-<span class="line"><span>│   │   │   ├── info.ts</span></span>
-<span class="line"><span>│   │   │   └── MyC.vue</span></span>
-<span class="line"><span>│   │   └── eip-7951/</span></span>
-<span class="line"><span>│   │       ├── info.ts</span></span>
-<span class="line"><span>│   │       └── MyC.vue</span></span>
-<span class="line"><span>│   ├── components/            # Shared UI and utility components</span></span>
-<span class="line"><span>│   │   ├── ui/                # Generic UI components</span></span>
-<span class="line"><span>│   │   ├── precompiles/       # Precompile-related shared components</span></span>
-<span class="line"><span>│   │   └── lib/               # Shared logic and utilities</span></span>
-<span class="line"><span>│   ├── views/                 # Route views</span></span>
-<span class="line"><span>│   │   ├── HomeView.vue</span></span>
-<span class="line"><span>│   │   ├── TopicView.vue</span></span>
-<span class="line"><span>│   │   ├── ExplorationView.vue</span></span>
-<span class="line"><span>│   │   └── TopicIntroView.vue</span></span>
-<span class="line"><span>│   └── router/                # Vue Router config</span></span>
-<span class="line"><span>├── docs/                      # Documentation (VitePress)</span></span>
-<span class="line"><span>├── cypress/                   # E2E tests</span></span>
-<span class="line"><span>└── dist/                      # Build output</span></span>
-<span class="line"><span>    ├── website/</span></span>
-<span class="line"><span>    └── docs/</span></span></code></pre></div>`,21)])])}const k=a(t,[["render",p]]);export{g as __pageData,k as default};
diff --git a/dist/docs/assets/guide_getting-started.md.BHVwHBbn.lean.js b/dist/docs/assets/guide_getting-started.md.BHVwHBbn.lean.js
deleted file mode 100644
index b33f90e..0000000
--- a/dist/docs/assets/guide_getting-started.md.BHVwHBbn.lean.js
+++ /dev/null
@@ -1 +0,0 @@
-import{_ as a,c as e,o as n,ak as i}from"./chunks/framework.DyoGesZS.js";const g=JSON.parse('{"title":"Getting Started","description":"","frontmatter":{},"headers":[],"relativePath":"guide/getting-started.md","filePath":"guide/getting-started.md"}'),t={name:"guide/getting-started.md"};function p(l,s,r,o,h,c){return n(),e("div",null,[...s[0]||(s[0]=[i("",21)])])}const k=a(t,[["render",p]]);export{g as __pageData,k as default};
diff --git a/dist/docs/assets/guide_library-forks.md.C-_4bMc7.js b/dist/docs/assets/guide_library-forks.md.C-_4bMc7.js
deleted file mode 100644
index e94b960..0000000
--- a/dist/docs/assets/guide_library-forks.md.C-_4bMc7.js
+++ /dev/null
@@ -1,7 +0,0 @@
-import{_ as i,c as a,o as s,ak as r}from"./chunks/framework.DyoGesZS.js";const c=JSON.parse('{"title":"Library Forks","description":"","frontmatter":{},"headers":[],"relativePath":"guide/library-forks.md","filePath":"guide/library-forks.md"}'),n={name:"guide/library-forks.md"};function t(o,e,l,h,p,k){return s(),a("div",null,[...e[0]||(e[0]=[r(`<h1 id="library-forks" tabindex="-1">Library Forks <a class="header-anchor" href="#library-forks" aria-label="Permalink to “Library Forks”">​</a></h1><div class="warning custom-block"><p class="custom-block-title">Under Active Development</p><p>Both the Feel Your Protocol project and this documentation are in an early stage and under active development. Things may change frequently.</p></div><h2 id="why-forks" tabindex="-1">Why Forks? <a class="header-anchor" href="#why-forks" aria-label="Permalink to “Why Forks?”">​</a></h2><p>Feel Your Protocol runs real Ethereum library code in the browser. Some exploration widgets need a modified version of an existing library — for example, a version with a new precompile implementation, or experimental gas calculation changes that haven&#39;t been released yet.</p><p>Rather than waiting for upstream releases, we maintain targeted forks that are used by specific exploration pages.</p><h2 id="how-forks-work" tabindex="-1">How Forks Work <a class="header-anchor" href="#how-forks-work" aria-label="Permalink to “How Forks Work”">​</a></h2><h3 id="npm-package-aliases" tabindex="-1">npm Package Aliases <a class="header-anchor" href="#npm-package-aliases" aria-label="Permalink to “npm Package Aliases”">​</a></h3><p>Multiple versions of the same library coexist in <code>package.json</code> using npm aliases:</p><div class="language-json"><button title="Copy Code" class="copy"></button><span class="lang">json</span><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e;" tabindex="0" dir="ltr"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">{</span></span>
-<span class="line"><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">  &quot;dependencies&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: {</span></span>
-<span class="line"><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">    &quot;@ethereumjs/evm&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;^10.1.1-nightly.1&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">,</span></span>
-<span class="line"><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">    &quot;@ethereumjs/evm-experimental&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;npm:@ethereumjs/evm@^11.0.0-fork.1&quot;</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  }</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">}</span></span></code></pre></div><p>Each alias is a fully independent install. In code, you import the specific version you need:</p><div class="language-typescript"><button title="Copy Code" class="copy"></button><span class="lang">typescript</span><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e;" tabindex="0" dir="ltr"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> { EVM } </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">from</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;@ethereumjs/evm&#39;</span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">                    // standard</span></span>
-<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> { EVM </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">as</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> EVMExp } </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">from</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;@ethereumjs/evm-experimental&#39;</span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">  // fork</span></span></code></pre></div><h3 id="monorepo-libraries" tabindex="-1">Monorepo Libraries <a class="header-anchor" href="#monorepo-libraries" aria-label="Permalink to “Monorepo Libraries”">​</a></h3><p>For libraries from monorepos (like EthereumJS), where the target package has several intra-monorepo dependencies, we use <strong>pre-bundled ESM builds</strong>. The fork is bundled on the monorepo side with all internal dependencies resolved, producing a single ESM file with no internal wiring issues.</p><h3 id="per-route-isolation" tabindex="-1">Per-Route Isolation <a class="header-anchor" href="#per-route-isolation" aria-label="Permalink to “Per-Route Isolation”">​</a></h3><p>Each fork is only imported in its specific exploration&#39;s <code>MyC.vue</code>. Thanks to Vite&#39;s code splitting, the fork&#39;s code is only loaded when the user visits that exploration&#39;s page. Other pages are unaffected.</p><h2 id="adding-a-new-fork" tabindex="-1">Adding a New Fork <a class="header-anchor" href="#adding-a-new-fork" aria-label="Permalink to “Adding a New Fork”">​</a></h2><ol><li>Fork the upstream library (or create a branch if you have access)</li><li>Make your changes</li><li>For single-package repos: add an npm alias pointing to your fork&#39;s git URL</li><li>For monorepo packages: create a bundled build, then reference it</li><li>Import the fork only in your exploration&#39;s <code>MyC.vue</code> file — never in shared code</li><li>Document the fork in this page</li></ol>`,17)])])}const g=i(n,[["render",t]]);export{c as __pageData,g as default};
diff --git a/dist/docs/assets/guide_library-forks.md.C-_4bMc7.lean.js b/dist/docs/assets/guide_library-forks.md.C-_4bMc7.lean.js
deleted file mode 100644
index 52576bf..0000000
--- a/dist/docs/assets/guide_library-forks.md.C-_4bMc7.lean.js
+++ /dev/null
@@ -1 +0,0 @@
-import{_ as i,c as a,o as s,ak as r}from"./chunks/framework.DyoGesZS.js";const c=JSON.parse('{"title":"Library Forks","description":"","frontmatter":{},"headers":[],"relativePath":"guide/library-forks.md","filePath":"guide/library-forks.md"}'),n={name:"guide/library-forks.md"};function t(o,e,l,h,p,k){return s(),a("div",null,[...e[0]||(e[0]=[r("",17)])])}const g=i(n,[["render",t]]);export{c as __pageData,g as default};
diff --git a/dist/docs/assets/index.md.BJXo33p3.js b/dist/docs/assets/index.md.BJXo33p3.js
deleted file mode 100644
index ed1d652..0000000
--- a/dist/docs/assets/index.md.BJXo33p3.js
+++ /dev/null
@@ -1 +0,0 @@
-import{_ as o,c as n,o as a,j as e}from"./chunks/framework.DyoGesZS.js";const p=JSON.parse('{"title":"","description":"","frontmatter":{"layout":"home","hero":{"name":"Feel Your Protocol","text":"Interactive Ethereum Protocol Explorations","tagline":"Explore, visualize and understand Ethereum protocol changes — hands on.","actions":[{"theme":"brand","text":"Get Started","link":"/guide/getting-started"},{"theme":"alt","text":"How to Contribute","link":"/contributing/how-to-contribute"},{"theme":"alt","text":"View on GitHub","link":"https://github.com/feelyourprotocol/website"}]},"features":[{"title":"Interactive Explorations","details":"Each exploration gets its own self-contained folder with an interactive component that lets you explore the protocol change hands on."},{"title":"Powered by Real Libraries","details":"Widgets run actual Ethereum library code in the browser — no mocks, no simplifications."},{"title":"Collaborative & Open Source","details":"Designed for community contributions. The modular folder-per-exploration structure makes it easy to add new explorations or improve existing ones."}]},"headers":[],"relativePath":"index.md","filePath":"index.md"}'),r={name:"index.md"};function i(l,t,s,c,d,u){return a(),n("div",null,[...t[0]||(t[0]=[e("div",{class:"warning custom-block"},[e("p",{class:"custom-block-title"},"Under Active Development"),e("p",null,"Both the Feel Your Protocol project and this documentation are in an early stage and under active development. Things may change frequently. Contributions and feedback are very welcome!")],-1)])])}const h=o(r,[["render",i]]);export{p as __pageData,h as default};
diff --git a/dist/docs/assets/index.md.BJXo33p3.lean.js b/dist/docs/assets/index.md.BJXo33p3.lean.js
deleted file mode 100644
index ed1d652..0000000
--- a/dist/docs/assets/index.md.BJXo33p3.lean.js
+++ /dev/null
@@ -1 +0,0 @@
-import{_ as o,c as n,o as a,j as e}from"./chunks/framework.DyoGesZS.js";const p=JSON.parse('{"title":"","description":"","frontmatter":{"layout":"home","hero":{"name":"Feel Your Protocol","text":"Interactive Ethereum Protocol Explorations","tagline":"Explore, visualize and understand Ethereum protocol changes — hands on.","actions":[{"theme":"brand","text":"Get Started","link":"/guide/getting-started"},{"theme":"alt","text":"How to Contribute","link":"/contributing/how-to-contribute"},{"theme":"alt","text":"View on GitHub","link":"https://github.com/feelyourprotocol/website"}]},"features":[{"title":"Interactive Explorations","details":"Each exploration gets its own self-contained folder with an interactive component that lets you explore the protocol change hands on."},{"title":"Powered by Real Libraries","details":"Widgets run actual Ethereum library code in the browser — no mocks, no simplifications."},{"title":"Collaborative & Open Source","details":"Designed for community contributions. The modular folder-per-exploration structure makes it easy to add new explorations or improve existing ones."}]},"headers":[],"relativePath":"index.md","filePath":"index.md"}'),r={name:"index.md"};function i(l,t,s,c,d,u){return a(),n("div",null,[...t[0]||(t[0]=[e("div",{class:"warning custom-block"},[e("p",{class:"custom-block-title"},"Under Active Development"),e("p",null,"Both the Feel Your Protocol project and this documentation are in an early stage and under active development. Things may change frequently. Contributions and feedback are very welcome!")],-1)])])}const h=o(r,[["render",i]]);export{p as __pageData,h as default};
diff --git a/dist/docs/contributing/adding-an-exploration.html b/dist/docs/contributing/adding-an-exploration.html
index ca12b6e..eafd111 100644
--- a/dist/docs/contributing/adding-an-exploration.html
+++ b/dist/docs/contributing/adding-an-exploration.html
@@ -9,24 +9,27 @@
     <link rel="preload stylesheet" href="/assets/style.Cfu23m_7.css" as="style">
     <link rel="preload stylesheet" href="/vp-icons.css" as="style">
     
-    <script type="module" src="/assets/app.CxFGIg_I.js"></script>
+    <script type="module" src="/assets/app.CvfZ8yf2.js"></script>
     <link rel="preload" href="/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/assets/chunks/theme.B2b_1z_T.js">
+    <link rel="modulepreload" href="/assets/chunks/theme.BQpYnme8.js">
     <link rel="modulepreload" href="/assets/chunks/framework.DyoGesZS.js">
-    <link rel="modulepreload" href="/assets/contributing_adding-an-exploration.md.Bx_AiHel.lean.js">
+    <link rel="modulepreload" href="/assets/contributing_adding-an-exploration.md.Ahsvo_Ol.lean.js">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-1df9f90f><!--[--><!--]--><!--[--><span tabindex="-1" data-v-331ec75c></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-331ec75c>Skip to content</a><!--]--><!----><header class="VPNav" data-v-1df9f90f data-v-9f75dce3><div class="VPNavBar has-sidebar top" data-v-9f75dce3 data-v-9ca1369d><div class="wrapper" data-v-9ca1369d><div class="container" data-v-9ca1369d><div class="title" data-v-9ca1369d><div class="VPNavBarTitle has-sidebar" data-v-9ca1369d data-v-1e38c6bc><a class="title" href="/" data-v-1e38c6bc><!--[--><!--]--><!----><span data-v-1e38c6bc>Feel Your Protocol</span><!--[--><!--]--></a></div></div><div class="content" data-v-9ca1369d><div class="content-body" data-v-9ca1369d><!--[--><!--]--><div class="VPNavBarSearch search" data-v-9ca1369d data-v-2fc7f2c6><!--[--><button type="button" class="VPNavBarSearchButton" aria-label="Search" aria-keyshortcuts="/ control+k meta+k" data-v-2fc7f2c6 data-v-baa3be99><span class="vpi-search" aria-hidden="true" data-v-baa3be99></span><span class="text" data-v-baa3be99>Search</span><span class="keys" aria-hidden="true" data-v-baa3be99><kbd class="key-cmd" data-v-baa3be99>⌘</kbd><kbd class="key-ctrl" data-v-baa3be99>Ctrl</kbd><kbd data-v-baa3be99>K</kbd></span></button><!----><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-9ca1369d data-v-39714824><span id="main-nav-aria-label" class="visually-hidden" data-v-39714824> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/guide/getting-started.html" tabindex="0" data-v-39714824 data-v-52a1d768><!--[--><span data-v-52a1d768>Guide</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/contributing/how-to-contribute.html" tabindex="0" data-v-39714824 data-v-52a1d768><!--[--><span data-v-52a1d768>Contributing</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://feelyourprotocol.org" target="_blank" rel="noreferrer" tabindex="0" data-v-39714824 data-v-52a1d768><!--[--><span data-v-52a1d768>Website</span><!--]--></a><!--]--><!--]--></nav><!----><div class="VPNavBarAppearance appearance" data-v-9ca1369d data-v-6c893767><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-6c893767 data-v-5337faa4 data-v-1d5665e3><span class="check" data-v-1d5665e3><span class="icon" data-v-1d5665e3><!--[--><span class="vpi-sun sun" data-v-5337faa4></span><span class="vpi-moon moon" data-v-5337faa4></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-9ca1369d data-v-0394ad82 data-v-d07f11e6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/feelyourprotocol/website" aria-label="github" target="_blank" rel="me noopener" data-v-d07f11e6 data-v-591a6b30><span class="vpi-social-github"></span></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-9ca1369d data-v-bf2fac68 data-v-42cb505d><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-42cb505d><span class="vpi-more-horizontal icon" data-v-42cb505d></span></button><div class="menu" data-v-42cb505d><div class="VPMenu" data-v-42cb505d data-v-25a6cce8><!----><!--[--><!--[--><!----><div class="group" data-v-bf2fac68><div class="item appearance" data-v-bf2fac68><p class="label" data-v-bf2fac68>Appearance</p><div class="appearance-action" data-v-bf2fac68><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-bf2fac68 data-v-5337faa4 data-v-1d5665e3><span class="check" data-v-1d5665e3><span class="icon" data-v-1d5665e3><!--[--><span class="vpi-sun sun" data-v-5337faa4></span><span class="vpi-moon moon" data-v-5337faa4></span><!--]--></span></span></button></div></div></div><div class="group" data-v-bf2fac68><div class="item social-links" data-v-bf2fac68><div class="VPSocialLinks social-links-list" data-v-bf2fac68 data-v-d07f11e6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/feelyourprotocol/website" aria-label="github" target="_blank" rel="me noopener" data-v-d07f11e6 data-v-591a6b30><span class="vpi-social-github"></span></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-9ca1369d data-v-e5dd9c1c><span class="container" data-v-e5dd9c1c><span class="top" data-v-e5dd9c1c></span><span class="middle" data-v-e5dd9c1c></span><span class="bottom" data-v-e5dd9c1c></span></span></button></div></div></div></div><div class="divider" data-v-9ca1369d><div class="divider-line" data-v-9ca1369d></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-1df9f90f data-v-db738f89><div class="container" data-v-db738f89><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-db738f89><span class="vpi-align-left menu-icon" data-v-db738f89></span><span class="menu-text" data-v-db738f89>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-db738f89 data-v-0bf0e06f><button data-v-0bf0e06f>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-1df9f90f data-v-af661f50><div class="curtain" data-v-af661f50></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-af661f50><span class="visually-hidden" id="sidebar-aria-label" data-v-af661f50> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-8d50c081><section class="VPSidebarItem level-0" data-v-8d50c081 data-v-d81de50c><div class="item" role="button" tabindex="0" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><h2 class="text" data-v-d81de50c>Guide</h2><!----></div><div class="items" data-v-d81de50c><!--[--><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/guide/getting-started.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Getting Started</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/guide/architecture.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Architecture</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/guide/library-forks.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Library Forks</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-8d50c081><section class="VPSidebarItem level-0 has-active" data-v-8d50c081 data-v-d81de50c><div class="item" role="button" tabindex="0" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><h2 class="text" data-v-d81de50c>Contributing</h2><!----></div><div class="items" data-v-d81de50c><!--[--><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/contributing/how-to-contribute.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>How to Contribute</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/contributing/adding-an-exploration.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Adding an Exploration</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-1df9f90f data-v-c87f25bf><div class="VPDoc has-sidebar has-aside" data-v-c87f25bf data-v-7011f0d8><!--[--><!--]--><div class="container" data-v-7011f0d8><div class="aside" data-v-7011f0d8><div class="aside-curtain" data-v-7011f0d8></div><div class="aside-container" data-v-7011f0d8><div class="aside-content" data-v-7011f0d8><div class="VPDocAside" data-v-7011f0d8 data-v-3f215769><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-3f215769 data-v-60d5052e><div class="content" data-v-60d5052e><div class="outline-marker" data-v-60d5052e></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-60d5052e>On this page</div><ul class="VPDocOutlineItem root" data-v-60d5052e data-v-1ce71065><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-3f215769></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-7011f0d8><div class="content-container" data-v-7011f0d8><!--[--><!--]--><main class="main" data-v-7011f0d8><div style="position:relative;" class="vp-doc _contributing_adding-an-exploration" data-v-7011f0d8><div><h1 id="adding-an-exploration" tabindex="-1">Adding an Exploration <a class="header-anchor" href="#adding-an-exploration" aria-label="Permalink to “Adding an Exploration”">​</a></h1><div class="warning custom-block"><p class="custom-block-title">Under Active Development</p><p>Both the Feel Your Protocol project and this documentation are in an early stage and under active development. Things may change frequently.</p></div><h2 id="overview" tabindex="-1">Overview <a class="header-anchor" href="#overview" aria-label="Permalink to “Overview”">​</a></h2><p>Each exploration lives in its own folder under <code>src/explorations/</code> with two files: <code>info.ts</code> (metadata) and <code>MyC.vue</code> (interactive widget). This guide walks you through adding a new one.</p><h2 id="step-1-create-the-exploration-folder" tabindex="-1">Step 1: Create the Exploration Folder <a class="header-anchor" href="#step-1-create-the-exploration-folder" aria-label="Permalink to “Step 1: Create the Exploration Folder”">​</a></h2><p>Create a new folder in <code>src/explorations/</code> named after your exploration&#39;s ID. The ID should be lowercase and hyphen-separated (e.g. <code>eip-XXXX</code>, <code>erc-XXXX</code>, or any descriptive identifier):</p><div class="language-bash"><button title="Copy Code" class="copy"></button><span class="lang">bash</span><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e;" tabindex="0" dir="ltr"><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">mkdir</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> src/explorations/eip-XXXX</span></span></code></pre></div><h2 id="step-2-create-info-ts" tabindex="-1">Step 2: Create <code>info.ts</code> <a class="header-anchor" href="#step-2-create-info-ts" aria-label="Permalink to “Step 2: Create info.ts”">​</a></h2><p>Create <code>src/explorations/eip-XXXX/info.ts</code> with your exploration&#39;s metadata:</p><div class="language-typescript"><button title="Copy Code" class="copy"></button><span class="lang">typescript</span><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e;" tabindex="0" dir="ltr"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> { Exploration } </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">from</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;../REGISTRY&#39;</span></span>
+    <div id="app"><div class="Layout" data-v-1df9f90f><!--[--><!--]--><!--[--><span tabindex="-1" data-v-331ec75c></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-331ec75c>Skip to content</a><!--]--><!----><header class="VPNav" data-v-1df9f90f data-v-9f75dce3><div class="VPNavBar has-sidebar top" data-v-9f75dce3 data-v-9ca1369d><div class="wrapper" data-v-9ca1369d><div class="container" data-v-9ca1369d><div class="title" data-v-9ca1369d><div class="VPNavBarTitle has-sidebar" data-v-9ca1369d data-v-1e38c6bc><a class="title" href="/" data-v-1e38c6bc><!--[--><!--]--><!----><span data-v-1e38c6bc>Feel Your Protocol</span><!--[--><!--]--></a></div></div><div class="content" data-v-9ca1369d><div class="content-body" data-v-9ca1369d><!--[--><!--]--><div class="VPNavBarSearch search" data-v-9ca1369d data-v-2fc7f2c6><!--[--><button type="button" class="VPNavBarSearchButton" aria-label="Search" aria-keyshortcuts="/ control+k meta+k" data-v-2fc7f2c6 data-v-baa3be99><span class="vpi-search" aria-hidden="true" data-v-baa3be99></span><span class="text" data-v-baa3be99>Search</span><span class="keys" aria-hidden="true" data-v-baa3be99><kbd class="key-cmd" data-v-baa3be99>⌘</kbd><kbd class="key-ctrl" data-v-baa3be99>Ctrl</kbd><kbd data-v-baa3be99>K</kbd></span></button><!----><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-9ca1369d data-v-39714824><span id="main-nav-aria-label" class="visually-hidden" data-v-39714824> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/guide/getting-started.html" tabindex="0" data-v-39714824 data-v-52a1d768><!--[--><span data-v-52a1d768>Guide</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/contributing/how-to-contribute.html" tabindex="0" data-v-39714824 data-v-52a1d768><!--[--><span data-v-52a1d768>Contributing</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://feelyourprotocol.org" target="_blank" rel="noreferrer" tabindex="0" data-v-39714824 data-v-52a1d768><!--[--><span data-v-52a1d768>Website</span><!--]--></a><!--]--><!--]--></nav><!----><div class="VPNavBarAppearance appearance" data-v-9ca1369d data-v-6c893767><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-6c893767 data-v-5337faa4 data-v-1d5665e3><span class="check" data-v-1d5665e3><span class="icon" data-v-1d5665e3><!--[--><span class="vpi-sun sun" data-v-5337faa4></span><span class="vpi-moon moon" data-v-5337faa4></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-9ca1369d data-v-0394ad82 data-v-d07f11e6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/feelyourprotocol/website" aria-label="github" target="_blank" rel="me noopener" data-v-d07f11e6 data-v-591a6b30><span class="vpi-social-github"></span></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-9ca1369d data-v-bf2fac68 data-v-42cb505d><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-42cb505d><span class="vpi-more-horizontal icon" data-v-42cb505d></span></button><div class="menu" data-v-42cb505d><div class="VPMenu" data-v-42cb505d data-v-25a6cce8><!----><!--[--><!--[--><!----><div class="group" data-v-bf2fac68><div class="item appearance" data-v-bf2fac68><p class="label" data-v-bf2fac68>Appearance</p><div class="appearance-action" data-v-bf2fac68><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-bf2fac68 data-v-5337faa4 data-v-1d5665e3><span class="check" data-v-1d5665e3><span class="icon" data-v-1d5665e3><!--[--><span class="vpi-sun sun" data-v-5337faa4></span><span class="vpi-moon moon" data-v-5337faa4></span><!--]--></span></span></button></div></div></div><div class="group" data-v-bf2fac68><div class="item social-links" data-v-bf2fac68><div class="VPSocialLinks social-links-list" data-v-bf2fac68 data-v-d07f11e6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/feelyourprotocol/website" aria-label="github" target="_blank" rel="me noopener" data-v-d07f11e6 data-v-591a6b30><span class="vpi-social-github"></span></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-9ca1369d data-v-e5dd9c1c><span class="container" data-v-e5dd9c1c><span class="top" data-v-e5dd9c1c></span><span class="middle" data-v-e5dd9c1c></span><span class="bottom" data-v-e5dd9c1c></span></span></button></div></div></div></div><div class="divider" data-v-9ca1369d><div class="divider-line" data-v-9ca1369d></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-1df9f90f data-v-db738f89><div class="container" data-v-db738f89><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-db738f89><span class="vpi-align-left menu-icon" data-v-db738f89></span><span class="menu-text" data-v-db738f89>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-db738f89 data-v-0bf0e06f><button data-v-0bf0e06f>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-1df9f90f data-v-af661f50><div class="curtain" data-v-af661f50></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-af661f50><span class="visually-hidden" id="sidebar-aria-label" data-v-af661f50> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-8d50c081><section class="VPSidebarItem level-0" data-v-8d50c081 data-v-d81de50c><div class="item" role="button" tabindex="0" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><h2 class="text" data-v-d81de50c>Guide</h2><!----></div><div class="items" data-v-d81de50c><!--[--><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/guide/getting-started.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Getting Started</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/guide/architecture.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Architecture</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-8d50c081><section class="VPSidebarItem level-0 has-active" data-v-8d50c081 data-v-d81de50c><div class="item" role="button" tabindex="0" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><h2 class="text" data-v-d81de50c>Contributing</h2><!----></div><div class="items" data-v-d81de50c><!--[--><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/contributing/how-to-contribute.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>How to Contribute</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/contributing/adding-an-exploration.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Adding an Exploration</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/contributing/e-components.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Using E-Components</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/contributing/code-conventions.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Code Conventions</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/contributing/library-forks.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Library Forks</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-1df9f90f data-v-c87f25bf><div class="VPDoc has-sidebar has-aside" data-v-c87f25bf data-v-7011f0d8><!--[--><!--]--><div class="container" data-v-7011f0d8><div class="aside" data-v-7011f0d8><div class="aside-curtain" data-v-7011f0d8></div><div class="aside-container" data-v-7011f0d8><div class="aside-content" data-v-7011f0d8><div class="VPDocAside" data-v-7011f0d8 data-v-3f215769><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-3f215769 data-v-60d5052e><div class="content" data-v-60d5052e><div class="outline-marker" data-v-60d5052e></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-60d5052e>On this page</div><ul class="VPDocOutlineItem root" data-v-60d5052e data-v-1ce71065><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-3f215769></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-7011f0d8><div class="content-container" data-v-7011f0d8><!--[--><!--]--><main class="main" data-v-7011f0d8><div style="position:relative;" class="vp-doc _contributing_adding-an-exploration" data-v-7011f0d8><div><h1 id="adding-an-exploration" tabindex="-1">Adding an Exploration <a class="header-anchor" href="#adding-an-exploration" aria-label="Permalink to “Adding an Exploration”">​</a></h1><p>Each exploration lives in its own folder under <code>src/explorations/</code> with a few files. This guide walks you through adding a new one.</p><h2 id="quick-overview" tabindex="-1">Quick Overview <a class="header-anchor" href="#quick-overview" aria-label="Permalink to “Quick Overview”">​</a></h2><p>An exploration folder looks like this:</p><div class="language-"><button title="Copy Code" class="copy"></button><span class="lang"></span><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e;" tabindex="0" dir="ltr"><code><span class="line"><span>src/explorations/eip-XXXX/</span></span>
+<span class="line"><span>├── info.ts         # Metadata (required)</span></span>
+<span class="line"><span>├── MyC.vue         # Interactive widget (required)</span></span>
+<span class="line"><span>├── examples.ts     # Example presets (recommended)</span></span>
+<span class="line"><span>└── data/           # Optional data files</span></span></code></pre></div><h2 id="step-1-create-the-folder" tabindex="-1">Step 1: Create the Folder <a class="header-anchor" href="#step-1-create-the-folder" aria-label="Permalink to “Step 1: Create the Folder”">​</a></h2><p>Create a new folder in <code>src/explorations/</code> named after your exploration&#39;s ID. Use lowercase, hyphen-separated names:</p><div class="language-bash"><button title="Copy Code" class="copy"></button><span class="lang">bash</span><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e;" tabindex="0" dir="ltr"><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">mkdir</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> src/explorations/eip-XXXX</span></span></code></pre></div><p>The ID can be <code>eip-XXXX</code>, <code>erc-XXXX</code>, or any descriptive identifier for research topics.</p><h2 id="step-2-create-info-ts" tabindex="-1">Step 2: Create <code>info.ts</code> <a class="header-anchor" href="#step-2-create-info-ts" aria-label="Permalink to “Step 2: Create info.ts”">​</a></h2><p>This file defines all the metadata for your exploration:</p><div class="language-typescript"><button title="Copy Code" class="copy"></button><span class="lang">typescript</span><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e;" tabindex="0" dir="ltr"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> { Exploration } </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">from</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;@/explorations/REGISTRY&#39;</span></span>
 <span class="line"></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">export</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> INFO</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Exploration</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  id: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;eip-XXXX&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">,</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  path: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;/eip-XXXX-short-description&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">,</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  title: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;Human-Readable Title&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">,</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  infoURL: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;https://eips.ethereum.org/EIPS/eip-XXXX&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">,</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  topics: [</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;fusaka&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">],</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  image: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;fusaka.webp&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">,</span></span>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  topic: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;fusaka&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">,</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  introText:</span></span>
 <span class="line"><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">    &#39;&lt;b&gt;What does this change?&lt;/b&gt; &#39;</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> +</span></span>
 <span class="line"><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">    &#39;A brief introduction to the protocol change.&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">,</span></span>
@@ -35,33 +38,97 @@
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  poweredBy: [</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    { name: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;EthereumJS&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, href: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;https://github.com/ethereumjs/ethereumjs-monorepo&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> },</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  ],</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">}</span></span></code></pre></div><p><strong>Fields:</strong></p><table tabindex="0"><thead><tr><th>Field</th><th>Required</th><th>Description</th></tr></thead><tbody><tr><td><code>id</code></td><td>Yes</td><td>Unique identifier, matches the folder name</td></tr><tr><td><code>path</code></td><td>Yes</td><td>URL path for the exploration page</td></tr><tr><td><code>title</code></td><td>Yes</td><td>Display title</td></tr><tr><td><code>infoURL</code></td><td>Yes</td><td>Link to the specification or reference material</td></tr><tr><td><code>topics</code></td><td>No</td><td>Array of topic IDs this exploration belongs to</td></tr><tr><td><code>image</code></td><td>No</td><td>Image filename from <code>src/assets/</code> (e.g. <code>fusaka.webp</code>)</td></tr><tr><td><code>introText</code></td><td>No</td><td>HTML-formatted introduction paragraph</td></tr><tr><td><code>usageText</code></td><td>No</td><td>HTML-formatted usage instructions</td></tr><tr><td><code>poweredBy</code></td><td>No</td><td>Array of <code>{ name, href }</code> for library credits</td></tr></tbody></table><h2 id="step-3-create-myc-vue" tabindex="-1">Step 3: Create <code>MyC.vue</code> <a class="header-anchor" href="#step-3-create-myc-vue" aria-label="Permalink to “Step 3: Create MyC.vue”">​</a></h2><p>Create <code>src/explorations/eip-XXXX/MyC.vue</code> with your interactive widget. Use <code>ExplorationC</code> as the wrapper component for consistent layout:</p><div class="language-vue"><button title="Copy Code" class="copy"></button><span class="lang">vue</span><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e;" tabindex="0" dir="ltr"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">script</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> setup</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> lang</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;ts&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
-<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> ExplorationC </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">from</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;../ExplorationC.vue&#39;</span></span>
-<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> PoweredByC </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">from</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;../PoweredByC.vue&#39;</span></span>
-<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> { INFO } </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">from</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;./info&#39;</span></span>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">}</span></span></code></pre></div><h3 id="field-reference" tabindex="-1">Field Reference <a class="header-anchor" href="#field-reference" aria-label="Permalink to “Field Reference”">​</a></h3><table tabindex="0"><thead><tr><th>Field</th><th>Required</th><th>Description</th></tr></thead><tbody><tr><td><code>id</code></td><td>Yes</td><td>Unique identifier, matches the folder name</td></tr><tr><td><code>path</code></td><td>Yes</td><td>URL path for the exploration page</td></tr><tr><td><code>title</code></td><td>Yes</td><td>Display title</td></tr><tr><td><code>infoURL</code></td><td>Yes</td><td>Link to the specification or reference material</td></tr><tr><td><code>topic</code></td><td>Yes</td><td>Topic ID this exploration belongs to (e.g. <code>&#39;fusaka&#39;</code>)</td></tr><tr><td><code>image</code></td><td>No</td><td>Imported image for topic overview display</td></tr><tr><td><code>introText</code></td><td>No</td><td>HTML-formatted introduction paragraph</td></tr><tr><td><code>usageText</code></td><td>No</td><td>HTML-formatted usage instructions</td></tr><tr><td><code>poweredBy</code></td><td>Yes</td><td>Array of <code>{ name, href }</code> for library credits</td></tr></tbody></table><h2 id="step-3-create-examples-ts" tabindex="-1">Step 3: Create <code>examples.ts</code> <a class="header-anchor" href="#step-3-create-examples-ts" aria-label="Permalink to “Step 3: Create examples.ts”">​</a></h2><p>Define example presets that users can select from a dropdown:</p><div class="language-typescript"><button title="Copy Code" class="copy"></button><span class="lang">typescript</span><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e;" tabindex="0" dir="ltr"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> { Examples } </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">from</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;@/components/lib/general&#39;</span></span>
 <span class="line"></span>
-<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> exploration</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> INFO</span></span>
-<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> poweredBy</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> exploration.poweredBy </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">??</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> []</span></span>
+<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">export</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> examples</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Examples</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  basic: {</span></span>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    title: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;Basic Example&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">,</span></span>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    values: [</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;deadbeef&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">],</span></span>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  },</span></span>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  advanced: {</span></span>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    title: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;Advanced Example&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">,</span></span>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    values: [</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;cafebabe&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;0102030405&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">],</span></span>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  },</span></span>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">}</span></span></code></pre></div><p>Each example has a <code>title</code> (displayed in the dropdown) and a <code>values</code> array (the preset input values).</p><h2 id="step-4-create-myc-vue" tabindex="-1">Step 4: Create <code>MyC.vue</code> <a class="header-anchor" href="#step-4-create-myc-vue" aria-label="Permalink to “Step 4: Create MyC.vue”">​</a></h2><p>This is your interactive widget. The approach depends on what you are building.</p><h3 id="option-a-custom-widget" tabindex="-1">Option A: Custom Widget <a class="header-anchor" href="#option-a-custom-widget" aria-label="Permalink to “Option A: Custom Widget”">​</a></h3><p>For explorations with unique behavior, build the widget from scratch using shared UI components:</p><div class="language-vue"><button title="Copy Code" class="copy"></button><span class="lang">vue</span><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e;" tabindex="0" dir="ltr"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">script</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> setup</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> lang</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;ts&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
+<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> { ref } </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">from</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;vue&#39;</span></span>
+<span class="line"></span>
+<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> { PP_BOX_LAYOUT } </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">from</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;@/components/lib/layout&#39;</span></span>
+<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> ExamplesC </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">from</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;@/components/ui/ExamplesC.vue&#39;</span></span>
+<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> HexDataInputC </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">from</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;@/components/ui/HexDataInputC.vue&#39;</span></span>
+<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> PPBoxC </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">from</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;@/components/ui/PPBoxC.vue&#39;</span></span>
+<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> ExplorationC </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">from</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;@/explorations/ExplorationC.vue&#39;</span></span>
+<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> PoweredByC </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">from</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;@/explorations/PoweredByC.vue&#39;</span></span>
+<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> { TOPICS } </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">from</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;@/explorations/TOPICS&#39;</span></span>
+<span class="line"></span>
+<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> { examples } </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">from</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;./examples&#39;</span></span>
+<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> { INFO </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">as</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> exploration } </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">from</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;./info&#39;</span></span>
+<span class="line"></span>
+<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> topic</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> TOPICS</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">[exploration.topic]</span></span>
+<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> data</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> ref</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">)</span></span>
+<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> example</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> ref</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">)</span></span>
+<span class="line"></span>
+<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">async</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> function</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> selectExample</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">() {</span></span>
+<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  if</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> (example.value </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">===</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">) </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">return</span></span>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  data.value </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> examples[example.value]</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">!</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">.values[</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">0</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">]</span></span>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">}</span></span>
+<span class="line"></span>
+<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">async</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> function</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> onDataInputFormChange</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">() {</span></span>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  example.value </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;&#39;</span></span>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">}</span></span>
+<span class="line"></span>
+<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">async</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> function</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> init</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">() {</span></span>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  example.value </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;basic&#39;</span></span>
+<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">  await</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> selectExample</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">()</span></span>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">}</span></span>
+<span class="line"></span>
+<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">await</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> init</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">()</span></span>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">script</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
+<span class="line"></span>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">template</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">ExplorationC</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> explorationId</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;eip-XXXX&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> :exploration</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;exploration&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> :topic</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;topic&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">template</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> #</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">      &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">div</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">        &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">ExamplesC</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> v-model</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;example&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> :examples</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;examples&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> :change</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;selectExample&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">        &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">HexDataInputC</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> v-model</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;data&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> rows</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;6&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> :formChange</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;onDataInputFormChange&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span>
+<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">        &lt;!-- Your result display here --&gt;</span></span>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">        &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">PoweredByC</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> :poweredBy</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;exploration.poweredBy&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> :topic</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;topic&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">      &lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">div</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">template</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  &lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">ExplorationC</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">template</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><p>The <code>ExplorationC</code> wrapper renders the title, info link, intro text, and usage text from your <code>info.ts</code>. You provide the interactive content via the <code>#content</code> slot.</p><h3 id="option-b-precompile-interface-e-component" tabindex="-1">Option B: Precompile Interface E-Component <a class="header-anchor" href="#option-b-precompile-interface-e-component" aria-label="Permalink to “Option B: Precompile Interface E-Component”">​</a></h3><p>If your exploration is about a precompile, you can use the Precompile Interface E-Component and get a full-featured widget in ~30 lines:</p><div class="language-vue"><button title="Copy Code" class="copy"></button><span class="lang">vue</span><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e;" tabindex="0" dir="ltr"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">script</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> setup</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> lang</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;ts&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
+<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> { Hardfork } </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">from</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;@ethereumjs/common&#39;</span></span>
+<span class="line"></span>
+<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> PrecompileInterfaceEC </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">from</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;@/eComponents/precompileInterfaceEC/PrecompileInterfaceEC.vue&#39;</span></span>
+<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> { PrecompileConfig } </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">from</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;@/eComponents/precompileInterfaceEC/types&#39;</span></span>
+<span class="line"></span>
+<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> { examples } </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">from</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;./examples&#39;</span></span>
+<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> { INFO </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">as</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> exploration } </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">from</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;./info&#39;</span></span>
+<span class="line"></span>
+<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> config</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> PrecompileConfig</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  explorationId: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;eip-XXXX&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">,</span></span>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  precompileAddress: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;0a&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">,</span></span>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  preHardfork: Hardfork.Prague,</span></span>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  postHardfork: Hardfork.Osaka,</span></span>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  defaultExample: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;basic&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">,</span></span>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  values: [</span></span>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    { title: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;Input A&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, urlParam: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;a&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, expectedLen: </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">32</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">n</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> },</span></span>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    { title: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;Input B&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, urlParam: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;b&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, expectedLen: </span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">32</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">n</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> },</span></span>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  ],</span></span>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">}</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">script</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
 <span class="line"></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">template</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">div</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">ExplorationC</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> :explorationId</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;exploration.id&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> :exploration</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;exploration&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">      &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">template</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> v-slot</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">content</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
-<span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">        &lt;!-- Your interactive widget here --&gt;</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">        &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">p</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;Widget content goes here.&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">p</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">      &lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">template</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">ExplorationC</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">PoweredByC</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> :poweredBy</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;poweredBy&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  &lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">div</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">template</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><p>The <code>ExplorationC</code> wrapper automatically renders the title, info link, intro text and usage text from your <code>info.ts</code>. You only need to provide the interactive content via the <code>content</code> slot.</p><p>For shared UI components (hex inputs, result displays, etc.), import from <code>../../components/ui/</code> and <code>../../components/precompiles/</code>. Browse existing explorations for examples.</p><h2 id="step-4-register-in-the-registry" tabindex="-1">Step 4: Register in the Registry <a class="header-anchor" href="#step-4-register-in-the-registry" aria-label="Permalink to “Step 4: Register in the Registry”">​</a></h2><p>Add one import line to <code>src/explorations/REGISTRY.ts</code>:</p><div class="language-typescript"><button title="Copy Code" class="copy"></button><span class="lang">typescript</span><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e;" tabindex="0" dir="ltr"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> { INFO </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">as</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> eipXXXX } </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">from</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;./eip-XXXX/info&#39;</span></span>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  &lt;</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">PrecompileInterfaceEC</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> :config</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;config&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> :examples</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;examples&quot;</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> :exploration</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">=</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;exploration&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> /&gt;</span></span>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&lt;/</span><span style="--shiki-light:#22863A;--shiki-dark:#85E89D;">template</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">&gt;</span></span></code></pre></div><p>See <a href="/contributing/e-components.html">Using E-Components</a> for the full API reference.</p><h2 id="step-5-register-in-the-registry" tabindex="-1">Step 5: Register in the Registry <a class="header-anchor" href="#step-5-register-in-the-registry" aria-label="Permalink to “Step 5: Register in the Registry”">​</a></h2><p>Add one import line to <code>src/explorations/REGISTRY.ts</code>:</p><div class="language-typescript"><button title="Copy Code" class="copy"></button><span class="lang">typescript</span><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e;" tabindex="0" dir="ltr"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> { INFO </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">as</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> eipXXXX } </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">from</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;./eip-XXXX/info&#39;</span></span>
 <span class="line"></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">export</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> EXPLORATIONS</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Explorations</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
 <span class="line"><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">  // ... existing explorations</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  [eipXXXX.id]: eipXXXX,</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">}</span></span></code></pre></div><p>That&#39;s it for registration. The router reads from <code>EXPLORATIONS</code> and automatically creates the route — no manual route configuration needed.</p><h2 id="step-5-add-library-dependencies" tabindex="-1">Step 5: Add Library Dependencies <a class="header-anchor" href="#step-5-add-library-dependencies" aria-label="Permalink to “Step 5: Add Library Dependencies”">​</a></h2><p>If your widget needs an Ethereum library (or a custom fork), install it and import it only in your <code>MyC.vue</code> file:</p><div class="language-bash"><button title="Copy Code" class="copy"></button><span class="lang">bash</span><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e;" tabindex="0" dir="ltr"><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">npm</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> install</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> some-library</span></span></code></pre></div><p>If you need a library fork, see the <a href="./../guide/library-forks.html">Library Forks</a> guide. Key rule: <strong>only import fork-specific libraries in your <code>MyC.vue</code></strong>, never in shared code. This keeps each exploration&#39;s dependencies isolated via Vite&#39;s code splitting.</p><h2 id="step-6-add-tests" tabindex="-1">Step 6: Add Tests <a class="header-anchor" href="#step-6-add-tests" aria-label="Permalink to “Step 6: Add Tests”">​</a></h2><p>Add a Cypress E2E test in <code>cypress/e2e/</code> to verify basic widget functionality. Name it after your exploration ID (e.g. <code>eip-XXXX.cy.ts</code>).</p><h2 id="step-7-build-and-verify" tabindex="-1">Step 7: Build and Verify <a class="header-anchor" href="#step-7-build-and-verify" aria-label="Permalink to “Step 7: Build and Verify”">​</a></h2><div class="language-bash"><button title="Copy Code" class="copy"></button><span class="lang">bash</span><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e;" tabindex="0" dir="ltr"><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">npm</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> run</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> build</span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">        # verify production build works</span></span>
-<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">npm</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> run</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> test:e2e</span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">     # run E2E tests</span></span></code></pre></div><h2 id="quick-checklist" tabindex="-1">Quick Checklist <a class="header-anchor" href="#quick-checklist" aria-label="Permalink to “Quick Checklist”">​</a></h2><ul><li>[ ] Created <code>src/explorations/&lt;id&gt;/info.ts</code> with metadata</li><li>[ ] Created <code>src/explorations/&lt;id&gt;/MyC.vue</code> with interactive widget</li><li>[ ] Added import and entry in <code>src/explorations/REGISTRY.ts</code></li><li>[ ] Added library dependencies (if needed)</li><li>[ ] Added E2E test</li><li>[ ] Build passes (<code>npm run build</code>)</li></ul></div></div></main><footer class="VPDocFooter" data-v-7011f0d8 data-v-e257564d><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-e257564d><span class="visually-hidden" id="doc-footer-aria-label" data-v-e257564d>Pager</span><div class="pager" data-v-e257564d><a class="VPLink link pager-link prev" href="/contributing/how-to-contribute.html" data-v-e257564d><!--[--><span class="desc" data-v-e257564d>Previous page</span><span class="title" data-v-e257564d>How to Contribute</span><!--]--></a></div><div class="pager" data-v-e257564d><!----></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1df9f90f data-v-c3855bb3><div class="container" data-v-c3855bb3><p class="message" data-v-c3855bb3>This project and its documentation are under active development.</p><!----></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"contributing_adding-an-exploration.md\":\"Bx_AiHel\",\"contributing_how-to-contribute.md\":\"C-N0YY81\",\"guide_architecture.md\":\"qxw0U9Or\",\"guide_getting-started.md\":\"BHVwHBbn\",\"guide_library-forks.md\":\"C-_4bMc7\",\"index.md\":\"BJXo33p3\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"Feel Your Protocol\",\"description\":\"Documentation for the Feel Your Protocol project\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/guide/getting-started\"},{\"text\":\"Contributing\",\"link\":\"/contributing/how-to-contribute\"},{\"text\":\"Website\",\"link\":\"https://feelyourprotocol.org\"}],\"sidebar\":[{\"text\":\"Guide\",\"items\":[{\"text\":\"Getting Started\",\"link\":\"/guide/getting-started\"},{\"text\":\"Architecture\",\"link\":\"/guide/architecture\"},{\"text\":\"Library Forks\",\"link\":\"/guide/library-forks\"}]},{\"text\":\"Contributing\",\"items\":[{\"text\":\"How to Contribute\",\"link\":\"/contributing/how-to-contribute\"},{\"text\":\"Adding an Exploration\",\"link\":\"/contributing/adding-an-exploration\"}]}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/feelyourprotocol/website\"}],\"search\":{\"provider\":\"local\"},\"footer\":{\"message\":\"This project and its documentation are under active development.\"}},\"locales\":{},\"scrollOffset\":134,\"cleanUrls\":false,\"additionalConfig\":{}}");</script>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">}</span></span></code></pre></div><p>The router reads from <code>EXPLORATIONS</code> and automatically creates the route — no manual route configuration needed.</p><h2 id="step-6-install-dependencies" tabindex="-1">Step 6: Install Dependencies <a class="header-anchor" href="#step-6-install-dependencies" aria-label="Permalink to “Step 6: Install Dependencies”">​</a></h2><p>If your widget needs additional libraries, install them:</p><div class="language-bash"><button title="Copy Code" class="copy"></button><span class="lang">bash</span><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e;" tabindex="0" dir="ltr"><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">npm</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> install</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> some-library</span></span></code></pre></div><p>Import libraries only in your <code>MyC.vue</code> — never in shared code. This keeps each exploration&#39;s dependencies isolated via Vite&#39;s code splitting.</p><p>If you need a custom library fork (e.g. with experimental features), see <a href="/contributing/library-forks.html">Library Forks</a>.</p><h2 id="step-7-verify" tabindex="-1">Step 7: Verify <a class="header-anchor" href="#step-7-verify" aria-label="Permalink to “Step 7: Verify”">​</a></h2><div class="language-bash"><button title="Copy Code" class="copy"></button><span class="lang">bash</span><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e;" tabindex="0" dir="ltr"><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">npm</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> run</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> dev</span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">          # check your exploration locally</span></span>
+<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">npm</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> run</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> lf</span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">           # format + lint</span></span>
+<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">npm</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> run</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> type-check</span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">   # TypeScript check</span></span>
+<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">npm</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> run</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> build</span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">        # verify production build</span></span></code></pre></div><h2 id="checklist" tabindex="-1">Checklist <a class="header-anchor" href="#checklist" aria-label="Permalink to “Checklist”">​</a></h2><ul><li>[ ] Created <code>src/explorations/&lt;id&gt;/info.ts</code> with metadata</li><li>[ ] Created <code>src/explorations/&lt;id&gt;/MyC.vue</code> with interactive widget</li><li>[ ] Created <code>src/explorations/&lt;id&gt;/examples.ts</code> with example presets</li><li>[ ] Added import and entry in <code>src/explorations/REGISTRY.ts</code></li><li>[ ] Installed library dependencies (if needed)</li><li>[ ] Linting and type checking pass</li><li>[ ] Production build succeeds</li></ul></div></div></main><footer class="VPDocFooter" data-v-7011f0d8 data-v-e257564d><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-e257564d><span class="visually-hidden" id="doc-footer-aria-label" data-v-e257564d>Pager</span><div class="pager" data-v-e257564d><a class="VPLink link pager-link prev" href="/contributing/how-to-contribute.html" data-v-e257564d><!--[--><span class="desc" data-v-e257564d>Previous page</span><span class="title" data-v-e257564d>How to Contribute</span><!--]--></a></div><div class="pager" data-v-e257564d><a class="VPLink link pager-link next" href="/contributing/e-components.html" data-v-e257564d><!--[--><span class="desc" data-v-e257564d>Next page</span><span class="title" data-v-e257564d>Using E-Components</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1df9f90f data-v-c3855bb3><div class="container" data-v-c3855bb3><p class="message" data-v-c3855bb3>This project and its documentation are under active development.</p><!----></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"contributing_adding-an-exploration.md\":\"Ahsvo_Ol\",\"contributing_code-conventions.md\":\"BFjoMQv_\",\"contributing_e-components.md\":\"_pZHAy_w\",\"contributing_how-to-contribute.md\":\"XKvLYLkk\",\"contributing_library-forks.md\":\"DYk1JQhp\",\"guide_architecture.md\":\"BSBE4DKA\",\"guide_getting-started.md\":\"B-wiDt-S\",\"index.md\":\"DpQvSWpN\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"Feel Your Protocol\",\"description\":\"Documentation for the Feel Your Protocol project\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/guide/getting-started\"},{\"text\":\"Contributing\",\"link\":\"/contributing/how-to-contribute\"},{\"text\":\"Website\",\"link\":\"https://feelyourprotocol.org\"}],\"sidebar\":[{\"text\":\"Guide\",\"items\":[{\"text\":\"Getting Started\",\"link\":\"/guide/getting-started\"},{\"text\":\"Architecture\",\"link\":\"/guide/architecture\"}]},{\"text\":\"Contributing\",\"items\":[{\"text\":\"How to Contribute\",\"link\":\"/contributing/how-to-contribute\"},{\"text\":\"Adding an Exploration\",\"link\":\"/contributing/adding-an-exploration\"},{\"text\":\"Using E-Components\",\"link\":\"/contributing/e-components\"},{\"text\":\"Code Conventions\",\"link\":\"/contributing/code-conventions\"},{\"text\":\"Library Forks\",\"link\":\"/contributing/library-forks\"}]}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/feelyourprotocol/website\"}],\"search\":{\"provider\":\"local\"},\"footer\":{\"message\":\"This project and its documentation are under active development.\"}},\"locales\":{},\"scrollOffset\":134,\"cleanUrls\":false,\"additionalConfig\":{}}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/dist/docs/contributing/how-to-contribute.html b/dist/docs/contributing/how-to-contribute.html
index 7d671b0..eedc1a7 100644
--- a/dist/docs/contributing/how-to-contribute.html
+++ b/dist/docs/contributing/how-to-contribute.html
@@ -9,19 +9,22 @@
     <link rel="preload stylesheet" href="/assets/style.Cfu23m_7.css" as="style">
     <link rel="preload stylesheet" href="/vp-icons.css" as="style">
     
-    <script type="module" src="/assets/app.CxFGIg_I.js"></script>
+    <script type="module" src="/assets/app.CvfZ8yf2.js"></script>
     <link rel="preload" href="/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/assets/chunks/theme.B2b_1z_T.js">
+    <link rel="modulepreload" href="/assets/chunks/theme.BQpYnme8.js">
     <link rel="modulepreload" href="/assets/chunks/framework.DyoGesZS.js">
-    <link rel="modulepreload" href="/assets/contributing_how-to-contribute.md.C-N0YY81.lean.js">
+    <link rel="modulepreload" href="/assets/contributing_how-to-contribute.md.XKvLYLkk.lean.js">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-1df9f90f><!--[--><!--]--><!--[--><span tabindex="-1" data-v-331ec75c></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-331ec75c>Skip to content</a><!--]--><!----><header class="VPNav" data-v-1df9f90f data-v-9f75dce3><div class="VPNavBar has-sidebar top" data-v-9f75dce3 data-v-9ca1369d><div class="wrapper" data-v-9ca1369d><div class="container" data-v-9ca1369d><div class="title" data-v-9ca1369d><div class="VPNavBarTitle has-sidebar" data-v-9ca1369d data-v-1e38c6bc><a class="title" href="/" data-v-1e38c6bc><!--[--><!--]--><!----><span data-v-1e38c6bc>Feel Your Protocol</span><!--[--><!--]--></a></div></div><div class="content" data-v-9ca1369d><div class="content-body" data-v-9ca1369d><!--[--><!--]--><div class="VPNavBarSearch search" data-v-9ca1369d data-v-2fc7f2c6><!--[--><button type="button" class="VPNavBarSearchButton" aria-label="Search" aria-keyshortcuts="/ control+k meta+k" data-v-2fc7f2c6 data-v-baa3be99><span class="vpi-search" aria-hidden="true" data-v-baa3be99></span><span class="text" data-v-baa3be99>Search</span><span class="keys" aria-hidden="true" data-v-baa3be99><kbd class="key-cmd" data-v-baa3be99>⌘</kbd><kbd class="key-ctrl" data-v-baa3be99>Ctrl</kbd><kbd data-v-baa3be99>K</kbd></span></button><!----><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-9ca1369d data-v-39714824><span id="main-nav-aria-label" class="visually-hidden" data-v-39714824> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/guide/getting-started.html" tabindex="0" data-v-39714824 data-v-52a1d768><!--[--><span data-v-52a1d768>Guide</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/contributing/how-to-contribute.html" tabindex="0" data-v-39714824 data-v-52a1d768><!--[--><span data-v-52a1d768>Contributing</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://feelyourprotocol.org" target="_blank" rel="noreferrer" tabindex="0" data-v-39714824 data-v-52a1d768><!--[--><span data-v-52a1d768>Website</span><!--]--></a><!--]--><!--]--></nav><!----><div class="VPNavBarAppearance appearance" data-v-9ca1369d data-v-6c893767><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-6c893767 data-v-5337faa4 data-v-1d5665e3><span class="check" data-v-1d5665e3><span class="icon" data-v-1d5665e3><!--[--><span class="vpi-sun sun" data-v-5337faa4></span><span class="vpi-moon moon" data-v-5337faa4></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-9ca1369d data-v-0394ad82 data-v-d07f11e6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/feelyourprotocol/website" aria-label="github" target="_blank" rel="me noopener" data-v-d07f11e6 data-v-591a6b30><span class="vpi-social-github"></span></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-9ca1369d data-v-bf2fac68 data-v-42cb505d><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-42cb505d><span class="vpi-more-horizontal icon" data-v-42cb505d></span></button><div class="menu" data-v-42cb505d><div class="VPMenu" data-v-42cb505d data-v-25a6cce8><!----><!--[--><!--[--><!----><div class="group" data-v-bf2fac68><div class="item appearance" data-v-bf2fac68><p class="label" data-v-bf2fac68>Appearance</p><div class="appearance-action" data-v-bf2fac68><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-bf2fac68 data-v-5337faa4 data-v-1d5665e3><span class="check" data-v-1d5665e3><span class="icon" data-v-1d5665e3><!--[--><span class="vpi-sun sun" data-v-5337faa4></span><span class="vpi-moon moon" data-v-5337faa4></span><!--]--></span></span></button></div></div></div><div class="group" data-v-bf2fac68><div class="item social-links" data-v-bf2fac68><div class="VPSocialLinks social-links-list" data-v-bf2fac68 data-v-d07f11e6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/feelyourprotocol/website" aria-label="github" target="_blank" rel="me noopener" data-v-d07f11e6 data-v-591a6b30><span class="vpi-social-github"></span></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-9ca1369d data-v-e5dd9c1c><span class="container" data-v-e5dd9c1c><span class="top" data-v-e5dd9c1c></span><span class="middle" data-v-e5dd9c1c></span><span class="bottom" data-v-e5dd9c1c></span></span></button></div></div></div></div><div class="divider" data-v-9ca1369d><div class="divider-line" data-v-9ca1369d></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-1df9f90f data-v-db738f89><div class="container" data-v-db738f89><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-db738f89><span class="vpi-align-left menu-icon" data-v-db738f89></span><span class="menu-text" data-v-db738f89>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-db738f89 data-v-0bf0e06f><button data-v-0bf0e06f>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-1df9f90f data-v-af661f50><div class="curtain" data-v-af661f50></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-af661f50><span class="visually-hidden" id="sidebar-aria-label" data-v-af661f50> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-8d50c081><section class="VPSidebarItem level-0" data-v-8d50c081 data-v-d81de50c><div class="item" role="button" tabindex="0" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><h2 class="text" data-v-d81de50c>Guide</h2><!----></div><div class="items" data-v-d81de50c><!--[--><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/guide/getting-started.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Getting Started</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/guide/architecture.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Architecture</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/guide/library-forks.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Library Forks</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-8d50c081><section class="VPSidebarItem level-0 has-active" data-v-8d50c081 data-v-d81de50c><div class="item" role="button" tabindex="0" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><h2 class="text" data-v-d81de50c>Contributing</h2><!----></div><div class="items" data-v-d81de50c><!--[--><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/contributing/how-to-contribute.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>How to Contribute</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/contributing/adding-an-exploration.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Adding an Exploration</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-1df9f90f data-v-c87f25bf><div class="VPDoc has-sidebar has-aside" data-v-c87f25bf data-v-7011f0d8><!--[--><!--]--><div class="container" data-v-7011f0d8><div class="aside" data-v-7011f0d8><div class="aside-curtain" data-v-7011f0d8></div><div class="aside-container" data-v-7011f0d8><div class="aside-content" data-v-7011f0d8><div class="VPDocAside" data-v-7011f0d8 data-v-3f215769><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-3f215769 data-v-60d5052e><div class="content" data-v-60d5052e><div class="outline-marker" data-v-60d5052e></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-60d5052e>On this page</div><ul class="VPDocOutlineItem root" data-v-60d5052e data-v-1ce71065><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-3f215769></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-7011f0d8><div class="content-container" data-v-7011f0d8><!--[--><!--]--><main class="main" data-v-7011f0d8><div style="position:relative;" class="vp-doc _contributing_how-to-contribute" data-v-7011f0d8><div><h1 id="how-to-contribute" tabindex="-1">How to Contribute <a class="header-anchor" href="#how-to-contribute" aria-label="Permalink to “How to Contribute”">​</a></h1><div class="warning custom-block"><p class="custom-block-title">Under Active Development</p><p>Both the Feel Your Protocol project and this documentation are in an early stage and under active development. Things may change frequently.</p></div><h2 id="ways-to-contribute" tabindex="-1">Ways to Contribute <a class="header-anchor" href="#ways-to-contribute" aria-label="Permalink to “Ways to Contribute”">​</a></h2><ul><li><strong>Add a new exploration</strong> — the most impactful contribution (see <a href="./adding-an-exploration.html">Adding an Exploration</a>)</li><li><strong>Improve an existing exploration</strong> — better examples, UI improvements, bug fixes</li><li><strong>Improve documentation</strong> — fix typos, add guides, clarify explanations</li><li><strong>Report issues</strong> — found a bug or have a suggestion? Open an issue</li></ul><h2 id="development-workflow" tabindex="-1">Development Workflow <a class="header-anchor" href="#development-workflow" aria-label="Permalink to “Development Workflow”">​</a></h2><ol><li>Fork the repository</li><li>Create a feature branch</li><li>Make your changes</li><li>Run linting and tests:</li></ol><div class="language-bash"><button title="Copy Code" class="copy"></button><span class="lang">bash</span><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e;" tabindex="0" dir="ltr"><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">npm</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> run</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> lf</span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">          # format + lint</span></span>
-<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">npm</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> run</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> test:unit</span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">   # unit tests</span></span>
-<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">npm</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> run</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> test:e2e</span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">    # E2E tests</span></span></code></pre></div><ol start="5"><li>Submit a pull request</li></ol><h2 id="code-style" tabindex="-1">Code Style <a class="header-anchor" href="#code-style" aria-label="Permalink to “Code Style”">​</a></h2><ul><li><strong>Formatting</strong>: Prettier (auto-formatted with <code>npm run format</code>)</li><li><strong>Linting</strong>: ESLint (auto-fixed with <code>npm run lint</code>)</li><li><strong>Run both</strong>: <code>npm run lf</code></li></ul><h2 id="documentation" tabindex="-1">Documentation <a class="header-anchor" href="#documentation" aria-label="Permalink to “Documentation”">​</a></h2><p>This documentation is built with <a href="https://vitepress.dev/" target="_blank" rel="noreferrer">VitePress</a>. Docs live in the <code>docs/</code> folder as standard markdown files.</p><p>To preview docs changes locally:</p><div class="language-bash"><button title="Copy Code" class="copy"></button><span class="lang">bash</span><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e;" tabindex="0" dir="ltr"><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">npm</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> run</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> docs:dev</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-7011f0d8 data-v-e257564d><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-e257564d><span class="visually-hidden" id="doc-footer-aria-label" data-v-e257564d>Pager</span><div class="pager" data-v-e257564d><a class="VPLink link pager-link prev" href="/guide/library-forks.html" data-v-e257564d><!--[--><span class="desc" data-v-e257564d>Previous page</span><span class="title" data-v-e257564d>Library Forks</span><!--]--></a></div><div class="pager" data-v-e257564d><a class="VPLink link pager-link next" href="/contributing/adding-an-exploration.html" data-v-e257564d><!--[--><span class="desc" data-v-e257564d>Next page</span><span class="title" data-v-e257564d>Adding an Exploration</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1df9f90f data-v-c3855bb3><div class="container" data-v-c3855bb3><p class="message" data-v-c3855bb3>This project and its documentation are under active development.</p><!----></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"contributing_adding-an-exploration.md\":\"Bx_AiHel\",\"contributing_how-to-contribute.md\":\"C-N0YY81\",\"guide_architecture.md\":\"qxw0U9Or\",\"guide_getting-started.md\":\"BHVwHBbn\",\"guide_library-forks.md\":\"C-_4bMc7\",\"index.md\":\"BJXo33p3\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"Feel Your Protocol\",\"description\":\"Documentation for the Feel Your Protocol project\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/guide/getting-started\"},{\"text\":\"Contributing\",\"link\":\"/contributing/how-to-contribute\"},{\"text\":\"Website\",\"link\":\"https://feelyourprotocol.org\"}],\"sidebar\":[{\"text\":\"Guide\",\"items\":[{\"text\":\"Getting Started\",\"link\":\"/guide/getting-started\"},{\"text\":\"Architecture\",\"link\":\"/guide/architecture\"},{\"text\":\"Library Forks\",\"link\":\"/guide/library-forks\"}]},{\"text\":\"Contributing\",\"items\":[{\"text\":\"How to Contribute\",\"link\":\"/contributing/how-to-contribute\"},{\"text\":\"Adding an Exploration\",\"link\":\"/contributing/adding-an-exploration\"}]}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/feelyourprotocol/website\"}],\"search\":{\"provider\":\"local\"},\"footer\":{\"message\":\"This project and its documentation are under active development.\"}},\"locales\":{},\"scrollOffset\":134,\"cleanUrls\":false,\"additionalConfig\":{}}");</script>
+    <div id="app"><div class="Layout" data-v-1df9f90f><!--[--><!--]--><!--[--><span tabindex="-1" data-v-331ec75c></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-331ec75c>Skip to content</a><!--]--><!----><header class="VPNav" data-v-1df9f90f data-v-9f75dce3><div class="VPNavBar has-sidebar top" data-v-9f75dce3 data-v-9ca1369d><div class="wrapper" data-v-9ca1369d><div class="container" data-v-9ca1369d><div class="title" data-v-9ca1369d><div class="VPNavBarTitle has-sidebar" data-v-9ca1369d data-v-1e38c6bc><a class="title" href="/" data-v-1e38c6bc><!--[--><!--]--><!----><span data-v-1e38c6bc>Feel Your Protocol</span><!--[--><!--]--></a></div></div><div class="content" data-v-9ca1369d><div class="content-body" data-v-9ca1369d><!--[--><!--]--><div class="VPNavBarSearch search" data-v-9ca1369d data-v-2fc7f2c6><!--[--><button type="button" class="VPNavBarSearchButton" aria-label="Search" aria-keyshortcuts="/ control+k meta+k" data-v-2fc7f2c6 data-v-baa3be99><span class="vpi-search" aria-hidden="true" data-v-baa3be99></span><span class="text" data-v-baa3be99>Search</span><span class="keys" aria-hidden="true" data-v-baa3be99><kbd class="key-cmd" data-v-baa3be99>⌘</kbd><kbd class="key-ctrl" data-v-baa3be99>Ctrl</kbd><kbd data-v-baa3be99>K</kbd></span></button><!----><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-9ca1369d data-v-39714824><span id="main-nav-aria-label" class="visually-hidden" data-v-39714824> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/guide/getting-started.html" tabindex="0" data-v-39714824 data-v-52a1d768><!--[--><span data-v-52a1d768>Guide</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/contributing/how-to-contribute.html" tabindex="0" data-v-39714824 data-v-52a1d768><!--[--><span data-v-52a1d768>Contributing</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://feelyourprotocol.org" target="_blank" rel="noreferrer" tabindex="0" data-v-39714824 data-v-52a1d768><!--[--><span data-v-52a1d768>Website</span><!--]--></a><!--]--><!--]--></nav><!----><div class="VPNavBarAppearance appearance" data-v-9ca1369d data-v-6c893767><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-6c893767 data-v-5337faa4 data-v-1d5665e3><span class="check" data-v-1d5665e3><span class="icon" data-v-1d5665e3><!--[--><span class="vpi-sun sun" data-v-5337faa4></span><span class="vpi-moon moon" data-v-5337faa4></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-9ca1369d data-v-0394ad82 data-v-d07f11e6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/feelyourprotocol/website" aria-label="github" target="_blank" rel="me noopener" data-v-d07f11e6 data-v-591a6b30><span class="vpi-social-github"></span></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-9ca1369d data-v-bf2fac68 data-v-42cb505d><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-42cb505d><span class="vpi-more-horizontal icon" data-v-42cb505d></span></button><div class="menu" data-v-42cb505d><div class="VPMenu" data-v-42cb505d data-v-25a6cce8><!----><!--[--><!--[--><!----><div class="group" data-v-bf2fac68><div class="item appearance" data-v-bf2fac68><p class="label" data-v-bf2fac68>Appearance</p><div class="appearance-action" data-v-bf2fac68><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-bf2fac68 data-v-5337faa4 data-v-1d5665e3><span class="check" data-v-1d5665e3><span class="icon" data-v-1d5665e3><!--[--><span class="vpi-sun sun" data-v-5337faa4></span><span class="vpi-moon moon" data-v-5337faa4></span><!--]--></span></span></button></div></div></div><div class="group" data-v-bf2fac68><div class="item social-links" data-v-bf2fac68><div class="VPSocialLinks social-links-list" data-v-bf2fac68 data-v-d07f11e6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/feelyourprotocol/website" aria-label="github" target="_blank" rel="me noopener" data-v-d07f11e6 data-v-591a6b30><span class="vpi-social-github"></span></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-9ca1369d data-v-e5dd9c1c><span class="container" data-v-e5dd9c1c><span class="top" data-v-e5dd9c1c></span><span class="middle" data-v-e5dd9c1c></span><span class="bottom" data-v-e5dd9c1c></span></span></button></div></div></div></div><div class="divider" data-v-9ca1369d><div class="divider-line" data-v-9ca1369d></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-1df9f90f data-v-db738f89><div class="container" data-v-db738f89><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-db738f89><span class="vpi-align-left menu-icon" data-v-db738f89></span><span class="menu-text" data-v-db738f89>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-db738f89 data-v-0bf0e06f><button data-v-0bf0e06f>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-1df9f90f data-v-af661f50><div class="curtain" data-v-af661f50></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-af661f50><span class="visually-hidden" id="sidebar-aria-label" data-v-af661f50> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-8d50c081><section class="VPSidebarItem level-0" data-v-8d50c081 data-v-d81de50c><div class="item" role="button" tabindex="0" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><h2 class="text" data-v-d81de50c>Guide</h2><!----></div><div class="items" data-v-d81de50c><!--[--><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/guide/getting-started.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Getting Started</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/guide/architecture.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Architecture</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-8d50c081><section class="VPSidebarItem level-0 has-active" data-v-8d50c081 data-v-d81de50c><div class="item" role="button" tabindex="0" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><h2 class="text" data-v-d81de50c>Contributing</h2><!----></div><div class="items" data-v-d81de50c><!--[--><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/contributing/how-to-contribute.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>How to Contribute</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/contributing/adding-an-exploration.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Adding an Exploration</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/contributing/e-components.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Using E-Components</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/contributing/code-conventions.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Code Conventions</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/contributing/library-forks.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Library Forks</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-1df9f90f data-v-c87f25bf><div class="VPDoc has-sidebar has-aside" data-v-c87f25bf data-v-7011f0d8><!--[--><!--]--><div class="container" data-v-7011f0d8><div class="aside" data-v-7011f0d8><div class="aside-curtain" data-v-7011f0d8></div><div class="aside-container" data-v-7011f0d8><div class="aside-content" data-v-7011f0d8><div class="VPDocAside" data-v-7011f0d8 data-v-3f215769><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-3f215769 data-v-60d5052e><div class="content" data-v-60d5052e><div class="outline-marker" data-v-60d5052e></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-60d5052e>On this page</div><ul class="VPDocOutlineItem root" data-v-60d5052e data-v-1ce71065><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-3f215769></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-7011f0d8><div class="content-container" data-v-7011f0d8><!--[--><!--]--><main class="main" data-v-7011f0d8><div style="position:relative;" class="vp-doc _contributing_how-to-contribute" data-v-7011f0d8><div><h1 id="how-to-contribute" tabindex="-1">How to Contribute <a class="header-anchor" href="#how-to-contribute" aria-label="Permalink to “How to Contribute”">​</a></h1><p>Contributions are what make Feel Your Protocol useful. Whether you are adding a brand-new exploration, polishing an existing one, or improving the shared components — every contribution helps the Ethereum community understand protocol changes better.</p><h2 id="ways-to-contribute" tabindex="-1">Ways to Contribute <a class="header-anchor" href="#ways-to-contribute" aria-label="Permalink to “Ways to Contribute”">​</a></h2><h3 id="add-a-new-exploration" tabindex="-1">Add a New Exploration <a class="header-anchor" href="#add-a-new-exploration" aria-label="Permalink to “Add a New Exploration”">​</a></h3><p>This is the most impactful contribution. Each exploration is a self-contained folder with metadata and an interactive widget. The <a href="/contributing/adding-an-exploration.html">Adding an Exploration</a> guide walks you through it step by step.</p><h3 id="improve-an-existing-exploration" tabindex="-1">Improve an Existing Exploration <a class="header-anchor" href="#improve-an-existing-exploration" aria-label="Permalink to “Improve an Existing Exploration”">​</a></h3><ul><li>Better examples and presets</li><li>UI/UX improvements</li><li>Bug fixes</li><li>More informative intro and usage texts</li></ul><h3 id="build-or-improve-e-components" tabindex="-1">Build or Improve E-Components <a class="header-anchor" href="#build-or-improve-e-components" aria-label="Permalink to “Build or Improve E-Components”">​</a></h3><p><a href="/contributing/e-components.html">E-Components</a> are reusable Ethereum-specific components (e.g. a precompile interface). If you spot a pattern shared across explorations, it might be a candidate for a new E-Component.</p><h3 id="improve-documentation" tabindex="-1">Improve Documentation <a class="header-anchor" href="#improve-documentation" aria-label="Permalink to “Improve Documentation”">​</a></h3><p>Fix typos, add guides, clarify explanations. Documentation lives in the <code>docs/</code> folder as standard markdown files. Preview locally with:</p><div class="language-bash"><button title="Copy Code" class="copy"></button><span class="lang">bash</span><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e;" tabindex="0" dir="ltr"><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">npm</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> run</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> docs:dev</span></span></code></pre></div><h3 id="report-issues" tabindex="-1">Report Issues <a class="header-anchor" href="#report-issues" aria-label="Permalink to “Report Issues”">​</a></h3><p>Found a bug or have a suggestion? <a href="https://github.com/feelyourprotocol/website/issues" target="_blank" rel="noreferrer">Open an issue</a> on GitHub.</p><h2 id="development-workflow" tabindex="-1">Development Workflow <a class="header-anchor" href="#development-workflow" aria-label="Permalink to “Development Workflow”">​</a></h2><h3 id="_1-setup" tabindex="-1">1. Setup <a class="header-anchor" href="#_1-setup" aria-label="Permalink to “1. Setup”">​</a></h3><div class="language-bash"><button title="Copy Code" class="copy"></button><span class="lang">bash</span><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e;" tabindex="0" dir="ltr"><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">git</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> clone</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> https://github.com/feelyourprotocol/website.git</span></span>
+<span class="line"><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">cd</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> website</span></span>
+<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">npm</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> install</span></span></code></pre></div><h3 id="_2-develop" tabindex="-1">2. Develop <a class="header-anchor" href="#_2-develop" aria-label="Permalink to “2. Develop”">​</a></h3><div class="language-bash"><button title="Copy Code" class="copy"></button><span class="lang">bash</span><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e;" tabindex="0" dir="ltr"><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">npm</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> run</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> dev</span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">          # start dev server</span></span></code></pre></div><h3 id="_3-verify" tabindex="-1">3. Verify <a class="header-anchor" href="#_3-verify" aria-label="Permalink to “3. Verify”">​</a></h3><p>Before submitting a PR, run all quality checks:</p><div class="language-bash"><button title="Copy Code" class="copy"></button><span class="lang">bash</span><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e;" tabindex="0" dir="ltr"><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">npm</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> run</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> lf</span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">           # format + lint (auto-fix)</span></span>
+<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">npm</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> run</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> type-check</span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">   # TypeScript type checking</span></span>
+<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">npx</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> vitest</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> run</span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">       # unit tests (single run)</span></span>
+<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">npm</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> run</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> test:e2e</span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">     # E2E tests</span></span></code></pre></div><h3 id="_4-submit" tabindex="-1">4. Submit <a class="header-anchor" href="#_4-submit" aria-label="Permalink to “4. Submit”">​</a></h3><ul><li>Fork the repository and create a feature branch</li><li>Make your changes</li><li>Ensure all checks pass</li><li>Submit a pull request with a clear description of what you changed and why</li></ul><h2 id="what-goes-where" tabindex="-1">What Goes Where <a class="header-anchor" href="#what-goes-where" aria-label="Permalink to “What Goes Where”">​</a></h2><table tabindex="0"><thead><tr><th>What you are working on</th><th>Where it lives</th></tr></thead><tbody><tr><td>A new exploration</td><td><code>src/explorations/&lt;id&gt;/</code></td></tr><tr><td>Exploration metadata</td><td><code>src/explorations/&lt;id&gt;/info.ts</code></td></tr><tr><td>Interactive widget</td><td><code>src/explorations/&lt;id&gt;/MyC.vue</code></td></tr><tr><td>Example presets</td><td><code>src/explorations/&lt;id&gt;/examples.ts</code></td></tr><tr><td>Exploration registry</td><td><code>src/explorations/REGISTRY.ts</code></td></tr><tr><td>E-Components</td><td><code>src/eComponents/&lt;name&gt;EC/</code></td></tr><tr><td>Shared UI components</td><td><code>src/components/ui/</code></td></tr><tr><td>Shared utilities</td><td><code>src/components/lib/</code></td></tr><tr><td>Unit tests</td><td><code>src/views/__tests__/</code> (or co-located <code>__tests__/</code>)</td></tr><tr><td>E2E tests</td><td><code>cypress/e2e/</code></td></tr><tr><td>Documentation</td><td><code>docs/</code></td></tr></tbody></table><h2 id="further-reading" tabindex="-1">Further Reading <a class="header-anchor" href="#further-reading" aria-label="Permalink to “Further Reading”">​</a></h2><ul><li><a href="/contributing/adding-an-exploration.html">Adding an Exploration</a> — step-by-step guide</li><li><a href="/contributing/e-components.html">Using E-Components</a> — reusable Ethereum-specific components</li><li><a href="/contributing/code-conventions.html">Code Conventions</a> — imports, naming, linting, testing</li><li><a href="/contributing/library-forks.html">Library Forks</a> — when you need a custom library build</li></ul></div></div></main><footer class="VPDocFooter" data-v-7011f0d8 data-v-e257564d><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-e257564d><span class="visually-hidden" id="doc-footer-aria-label" data-v-e257564d>Pager</span><div class="pager" data-v-e257564d><a class="VPLink link pager-link prev" href="/guide/architecture.html" data-v-e257564d><!--[--><span class="desc" data-v-e257564d>Previous page</span><span class="title" data-v-e257564d>Architecture</span><!--]--></a></div><div class="pager" data-v-e257564d><a class="VPLink link pager-link next" href="/contributing/adding-an-exploration.html" data-v-e257564d><!--[--><span class="desc" data-v-e257564d>Next page</span><span class="title" data-v-e257564d>Adding an Exploration</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1df9f90f data-v-c3855bb3><div class="container" data-v-c3855bb3><p class="message" data-v-c3855bb3>This project and its documentation are under active development.</p><!----></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"contributing_adding-an-exploration.md\":\"Ahsvo_Ol\",\"contributing_code-conventions.md\":\"BFjoMQv_\",\"contributing_e-components.md\":\"_pZHAy_w\",\"contributing_how-to-contribute.md\":\"XKvLYLkk\",\"contributing_library-forks.md\":\"DYk1JQhp\",\"guide_architecture.md\":\"BSBE4DKA\",\"guide_getting-started.md\":\"B-wiDt-S\",\"index.md\":\"DpQvSWpN\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"Feel Your Protocol\",\"description\":\"Documentation for the Feel Your Protocol project\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/guide/getting-started\"},{\"text\":\"Contributing\",\"link\":\"/contributing/how-to-contribute\"},{\"text\":\"Website\",\"link\":\"https://feelyourprotocol.org\"}],\"sidebar\":[{\"text\":\"Guide\",\"items\":[{\"text\":\"Getting Started\",\"link\":\"/guide/getting-started\"},{\"text\":\"Architecture\",\"link\":\"/guide/architecture\"}]},{\"text\":\"Contributing\",\"items\":[{\"text\":\"How to Contribute\",\"link\":\"/contributing/how-to-contribute\"},{\"text\":\"Adding an Exploration\",\"link\":\"/contributing/adding-an-exploration\"},{\"text\":\"Using E-Components\",\"link\":\"/contributing/e-components\"},{\"text\":\"Code Conventions\",\"link\":\"/contributing/code-conventions\"},{\"text\":\"Library Forks\",\"link\":\"/contributing/library-forks\"}]}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/feelyourprotocol/website\"}],\"search\":{\"provider\":\"local\"},\"footer\":{\"message\":\"This project and its documentation are under active development.\"}},\"locales\":{},\"scrollOffset\":134,\"cleanUrls\":false,\"additionalConfig\":{}}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/dist/docs/guide/architecture.html b/dist/docs/guide/architecture.html
index 6d34a92..6eea08e 100644
--- a/dist/docs/guide/architecture.html
+++ b/dist/docs/guide/architecture.html
@@ -9,47 +9,29 @@
     <link rel="preload stylesheet" href="/assets/style.Cfu23m_7.css" as="style">
     <link rel="preload stylesheet" href="/vp-icons.css" as="style">
     
-    <script type="module" src="/assets/app.CxFGIg_I.js"></script>
+    <script type="module" src="/assets/app.CvfZ8yf2.js"></script>
     <link rel="preload" href="/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/assets/chunks/theme.B2b_1z_T.js">
+    <link rel="modulepreload" href="/assets/chunks/theme.BQpYnme8.js">
     <link rel="modulepreload" href="/assets/chunks/framework.DyoGesZS.js">
-    <link rel="modulepreload" href="/assets/guide_architecture.md.qxw0U9Or.lean.js">
+    <link rel="modulepreload" href="/assets/guide_architecture.md.BSBE4DKA.lean.js">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-1df9f90f><!--[--><!--]--><!--[--><span tabindex="-1" data-v-331ec75c></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-331ec75c>Skip to content</a><!--]--><!----><header class="VPNav" data-v-1df9f90f data-v-9f75dce3><div class="VPNavBar has-sidebar top" data-v-9f75dce3 data-v-9ca1369d><div class="wrapper" data-v-9ca1369d><div class="container" data-v-9ca1369d><div class="title" data-v-9ca1369d><div class="VPNavBarTitle has-sidebar" data-v-9ca1369d data-v-1e38c6bc><a class="title" href="/" data-v-1e38c6bc><!--[--><!--]--><!----><span data-v-1e38c6bc>Feel Your Protocol</span><!--[--><!--]--></a></div></div><div class="content" data-v-9ca1369d><div class="content-body" data-v-9ca1369d><!--[--><!--]--><div class="VPNavBarSearch search" data-v-9ca1369d data-v-2fc7f2c6><!--[--><button type="button" class="VPNavBarSearchButton" aria-label="Search" aria-keyshortcuts="/ control+k meta+k" data-v-2fc7f2c6 data-v-baa3be99><span class="vpi-search" aria-hidden="true" data-v-baa3be99></span><span class="text" data-v-baa3be99>Search</span><span class="keys" aria-hidden="true" data-v-baa3be99><kbd class="key-cmd" data-v-baa3be99>⌘</kbd><kbd class="key-ctrl" data-v-baa3be99>Ctrl</kbd><kbd data-v-baa3be99>K</kbd></span></button><!----><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-9ca1369d data-v-39714824><span id="main-nav-aria-label" class="visually-hidden" data-v-39714824> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/guide/getting-started.html" tabindex="0" data-v-39714824 data-v-52a1d768><!--[--><span data-v-52a1d768>Guide</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/contributing/how-to-contribute.html" tabindex="0" data-v-39714824 data-v-52a1d768><!--[--><span data-v-52a1d768>Contributing</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://feelyourprotocol.org" target="_blank" rel="noreferrer" tabindex="0" data-v-39714824 data-v-52a1d768><!--[--><span data-v-52a1d768>Website</span><!--]--></a><!--]--><!--]--></nav><!----><div class="VPNavBarAppearance appearance" data-v-9ca1369d data-v-6c893767><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-6c893767 data-v-5337faa4 data-v-1d5665e3><span class="check" data-v-1d5665e3><span class="icon" data-v-1d5665e3><!--[--><span class="vpi-sun sun" data-v-5337faa4></span><span class="vpi-moon moon" data-v-5337faa4></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-9ca1369d data-v-0394ad82 data-v-d07f11e6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/feelyourprotocol/website" aria-label="github" target="_blank" rel="me noopener" data-v-d07f11e6 data-v-591a6b30><span class="vpi-social-github"></span></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-9ca1369d data-v-bf2fac68 data-v-42cb505d><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-42cb505d><span class="vpi-more-horizontal icon" data-v-42cb505d></span></button><div class="menu" data-v-42cb505d><div class="VPMenu" data-v-42cb505d data-v-25a6cce8><!----><!--[--><!--[--><!----><div class="group" data-v-bf2fac68><div class="item appearance" data-v-bf2fac68><p class="label" data-v-bf2fac68>Appearance</p><div class="appearance-action" data-v-bf2fac68><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-bf2fac68 data-v-5337faa4 data-v-1d5665e3><span class="check" data-v-1d5665e3><span class="icon" data-v-1d5665e3><!--[--><span class="vpi-sun sun" data-v-5337faa4></span><span class="vpi-moon moon" data-v-5337faa4></span><!--]--></span></span></button></div></div></div><div class="group" data-v-bf2fac68><div class="item social-links" data-v-bf2fac68><div class="VPSocialLinks social-links-list" data-v-bf2fac68 data-v-d07f11e6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/feelyourprotocol/website" aria-label="github" target="_blank" rel="me noopener" data-v-d07f11e6 data-v-591a6b30><span class="vpi-social-github"></span></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-9ca1369d data-v-e5dd9c1c><span class="container" data-v-e5dd9c1c><span class="top" data-v-e5dd9c1c></span><span class="middle" data-v-e5dd9c1c></span><span class="bottom" data-v-e5dd9c1c></span></span></button></div></div></div></div><div class="divider" data-v-9ca1369d><div class="divider-line" data-v-9ca1369d></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-1df9f90f data-v-db738f89><div class="container" data-v-db738f89><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-db738f89><span class="vpi-align-left menu-icon" data-v-db738f89></span><span class="menu-text" data-v-db738f89>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-db738f89 data-v-0bf0e06f><button data-v-0bf0e06f>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-1df9f90f data-v-af661f50><div class="curtain" data-v-af661f50></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-af661f50><span class="visually-hidden" id="sidebar-aria-label" data-v-af661f50> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-8d50c081><section class="VPSidebarItem level-0 has-active" data-v-8d50c081 data-v-d81de50c><div class="item" role="button" tabindex="0" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><h2 class="text" data-v-d81de50c>Guide</h2><!----></div><div class="items" data-v-d81de50c><!--[--><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/guide/getting-started.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Getting Started</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/guide/architecture.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Architecture</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/guide/library-forks.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Library Forks</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-8d50c081><section class="VPSidebarItem level-0" data-v-8d50c081 data-v-d81de50c><div class="item" role="button" tabindex="0" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><h2 class="text" data-v-d81de50c>Contributing</h2><!----></div><div class="items" data-v-d81de50c><!--[--><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/contributing/how-to-contribute.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>How to Contribute</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/contributing/adding-an-exploration.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Adding an Exploration</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-1df9f90f data-v-c87f25bf><div class="VPDoc has-sidebar has-aside" data-v-c87f25bf data-v-7011f0d8><!--[--><!--]--><div class="container" data-v-7011f0d8><div class="aside" data-v-7011f0d8><div class="aside-curtain" data-v-7011f0d8></div><div class="aside-container" data-v-7011f0d8><div class="aside-content" data-v-7011f0d8><div class="VPDocAside" data-v-7011f0d8 data-v-3f215769><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-3f215769 data-v-60d5052e><div class="content" data-v-60d5052e><div class="outline-marker" data-v-60d5052e></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-60d5052e>On this page</div><ul class="VPDocOutlineItem root" data-v-60d5052e data-v-1ce71065><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-3f215769></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-7011f0d8><div class="content-container" data-v-7011f0d8><!--[--><!--]--><main class="main" data-v-7011f0d8><div style="position:relative;" class="vp-doc _guide_architecture" data-v-7011f0d8><div><h1 id="architecture" tabindex="-1">Architecture <a class="header-anchor" href="#architecture" aria-label="Permalink to “Architecture”">​</a></h1><div class="warning custom-block"><p class="custom-block-title">Under Active Development</p><p>Both the Feel Your Protocol project and this documentation are in an early stage and under active development. Things may change frequently.</p></div><h2 id="overview" tabindex="-1">Overview <a class="header-anchor" href="#overview" aria-label="Permalink to “Overview”">​</a></h2><p>Feel Your Protocol is a Vue 3 application built with Vite. The core idea is simple: each Ethereum protocol change gets its own interactive widget that runs real library code in the browser.</p><h2 id="tech-stack" tabindex="-1">Tech Stack <a class="header-anchor" href="#tech-stack" aria-label="Permalink to “Tech Stack”">​</a></h2><ul><li><strong><a href="https://vuejs.org/" target="_blank" rel="noreferrer">Vue 3</a></strong> with Composition API and <code>&lt;script setup&gt;</code></li><li><strong><a href="https://vite.dev/" target="_blank" rel="noreferrer">Vite</a></strong> for development and production builds</li><li><strong><a href="https://tailwindcss.com/" target="_blank" rel="noreferrer">Tailwind CSS v4</a></strong> for styling</li><li><strong><a href="https://router.vuejs.org/" target="_blank" rel="noreferrer">Vue Router</a></strong> with route-level code splitting</li><li><strong><a href="https://vitepress.dev/" target="_blank" rel="noreferrer">VitePress</a></strong> for documentation</li><li><strong><a href="https://www.cypress.io/" target="_blank" rel="noreferrer">Cypress</a></strong> for E2E testing</li><li><strong><a href="https://heroicons.com/" target="_blank" rel="noreferrer">Heroicons</a></strong> for icons (<code>@heroicons/vue</code>)</li></ul><h2 id="content-structure" tabindex="-1">Content Structure <a class="header-anchor" href="#content-structure" aria-label="Permalink to “Content Structure”">​</a></h2><p>Content is organized around two concepts:</p><ul><li><strong>Explorations</strong> — the core unit. Each exploration represents an interactive widget for a protocol change (EIP, ERC, or other research topic). Explorations live in <code>src/explorations/</code>.</li><li><strong>Topics</strong> — group explorations by theme (e.g. &quot;Fusaka&quot; for an upcoming hardfork). Each exploration can belong to zero or more topics via the <code>topics</code> array. Topics are defined in <code>src/explorations/TOPICS.ts</code>.</li></ul><h3 id="the-src-explorations-folder" tabindex="-1">The <code>src/explorations/</code> Folder <a class="header-anchor" href="#the-src-explorations-folder" aria-label="Permalink to “The src/explorations/ Folder”">​</a></h3><p>This is the heart of the project. Each exploration is a self-contained folder:</p><div class="language-"><button title="Copy Code" class="copy"></button><span class="lang"></span><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e;" tabindex="0" dir="ltr"><code><span class="line"><span>src/explorations/</span></span>
-<span class="line"><span>├── REGISTRY.ts            # Assembles all explorations, exports EXPLORATIONS dict</span></span>
-<span class="line"><span>├── TOPICS.ts              # Topic definitions</span></span>
-<span class="line"><span>├── ExplorationC.vue       # Shared wrapper component (title, description, buttons)</span></span>
-<span class="line"><span>├── PoweredByC.vue         # Shared &quot;powered by&quot; footer</span></span>
-<span class="line"><span>├── eip-7594/</span></span>
-<span class="line"><span>│   ├── info.ts            # Metadata: id, title, path, infoURL, introText, usageText, …</span></span>
-<span class="line"><span>│   └── MyC.vue            # The interactive widget</span></span>
-<span class="line"><span>├── eip-7883/</span></span>
-<span class="line"><span>│   ├── info.ts</span></span>
-<span class="line"><span>│   └── MyC.vue</span></span>
-<span class="line"><span>└── eip-7951/</span></span>
-<span class="line"><span>    ├── info.ts</span></span>
-<span class="line"><span>    └── MyC.vue</span></span></code></pre></div><p>Each <code>info.ts</code> exports a <code>const INFO</code> object typed as <code>Exploration</code>. The <code>REGISTRY.ts</code> imports all <code>INFO</code> constants and assembles them into the <code>EXPLORATIONS</code> dictionary. The router reads from this to automatically create routes — no manual route registration needed.</p><h3 id="exploration-metadata-info-ts" tabindex="-1">Exploration Metadata (<code>info.ts</code>) <a class="header-anchor" href="#exploration-metadata-info-ts" aria-label="Permalink to “Exploration Metadata (info.ts)”">​</a></h3><p>Each exploration&#39;s <code>info.ts</code> contains all its metadata as a flat object:</p><div class="language-typescript"><button title="Copy Code" class="copy"></button><span class="lang">typescript</span><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e;" tabindex="0" dir="ltr"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> type</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> { Exploration } </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">from</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;../REGISTRY&#39;</span></span>
-<span class="line"></span>
-<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">export</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> INFO</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">:</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> Exploration</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> {</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  id: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;eip-XXXX&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">,</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  path: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;/eip-XXXX-short-description&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">,</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  title: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;Human-Readable Title&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">,</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  infoURL: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;https://eips.ethereum.org/EIPS/eip-XXXX&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">,</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  topics: [</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;fusaka&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">],</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  image: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;fusaka.webp&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">,</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  introText: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;HTML-formatted introduction.&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">,</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  usageText: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;HTML-formatted usage instructions.&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">,</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  poweredBy: [</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">    { name: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;Library Name&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">, href: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;https://github.com/...&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> },</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  ],</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">}</span></span></code></pre></div><h2 id="key-design-decisions" tabindex="-1">Key Design Decisions <a class="header-anchor" href="#key-design-decisions" aria-label="Permalink to “Key Design Decisions”">​</a></h2><h3 id="folder-per-exploration" tabindex="-1">Folder-per-Exploration <a class="header-anchor" href="#folder-per-exploration" aria-label="Permalink to “Folder-per-Exploration”">​</a></h3><p>Each exploration is fully self-contained in its own folder with <code>info.ts</code> (metadata) and <code>MyC.vue</code> (widget). This means:</p><ul><li>Contributors can focus on a single folder</li><li>Adding a new exploration is a matter of creating a folder and adding one import to <code>REGISTRY.ts</code></li><li>Each exploration&#39;s dependencies are isolated</li></ul><h3 id="dynamic-views" tabindex="-1">Dynamic Views <a class="header-anchor" href="#dynamic-views" aria-label="Permalink to “Dynamic Views”">​</a></h3><p>There are no static per-exploration or per-topic view files. Instead:</p><ul><li><strong><code>ExplorationView.vue</code></strong> dynamically loads the correct <code>MyC.vue</code> using <code>import.meta.glob()</code> and <code>defineAsyncComponent()</code> based on the route name</li><li><strong><code>TopicView.vue</code></strong> dynamically lists all explorations belonging to a topic</li></ul><p>This keeps the views lean and avoids boilerplate when adding new content.</p><h3 id="route-level-code-splitting" tabindex="-1">Route-Level Code Splitting <a class="header-anchor" href="#route-level-code-splitting" aria-label="Permalink to “Route-Level Code Splitting”">​</a></h3><p>The <code>ExplorationView.vue</code> uses <code>import.meta.glob()</code> for lazy loading:</p><div class="language-typescript"><button title="Copy Code" class="copy"></button><span class="lang">typescript</span><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e;" tabindex="0" dir="ltr"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> componentModules</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> import</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">.</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">meta</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">glob</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;../explorations/*/MyC.vue&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">)</span></span>
+    <div id="app"><div class="Layout" data-v-1df9f90f><!--[--><!--]--><!--[--><span tabindex="-1" data-v-331ec75c></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-331ec75c>Skip to content</a><!--]--><!----><header class="VPNav" data-v-1df9f90f data-v-9f75dce3><div class="VPNavBar has-sidebar top" data-v-9f75dce3 data-v-9ca1369d><div class="wrapper" data-v-9ca1369d><div class="container" data-v-9ca1369d><div class="title" data-v-9ca1369d><div class="VPNavBarTitle has-sidebar" data-v-9ca1369d data-v-1e38c6bc><a class="title" href="/" data-v-1e38c6bc><!--[--><!--]--><!----><span data-v-1e38c6bc>Feel Your Protocol</span><!--[--><!--]--></a></div></div><div class="content" data-v-9ca1369d><div class="content-body" data-v-9ca1369d><!--[--><!--]--><div class="VPNavBarSearch search" data-v-9ca1369d data-v-2fc7f2c6><!--[--><button type="button" class="VPNavBarSearchButton" aria-label="Search" aria-keyshortcuts="/ control+k meta+k" data-v-2fc7f2c6 data-v-baa3be99><span class="vpi-search" aria-hidden="true" data-v-baa3be99></span><span class="text" data-v-baa3be99>Search</span><span class="keys" aria-hidden="true" data-v-baa3be99><kbd class="key-cmd" data-v-baa3be99>⌘</kbd><kbd class="key-ctrl" data-v-baa3be99>Ctrl</kbd><kbd data-v-baa3be99>K</kbd></span></button><!----><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-9ca1369d data-v-39714824><span id="main-nav-aria-label" class="visually-hidden" data-v-39714824> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/guide/getting-started.html" tabindex="0" data-v-39714824 data-v-52a1d768><!--[--><span data-v-52a1d768>Guide</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/contributing/how-to-contribute.html" tabindex="0" data-v-39714824 data-v-52a1d768><!--[--><span data-v-52a1d768>Contributing</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://feelyourprotocol.org" target="_blank" rel="noreferrer" tabindex="0" data-v-39714824 data-v-52a1d768><!--[--><span data-v-52a1d768>Website</span><!--]--></a><!--]--><!--]--></nav><!----><div class="VPNavBarAppearance appearance" data-v-9ca1369d data-v-6c893767><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-6c893767 data-v-5337faa4 data-v-1d5665e3><span class="check" data-v-1d5665e3><span class="icon" data-v-1d5665e3><!--[--><span class="vpi-sun sun" data-v-5337faa4></span><span class="vpi-moon moon" data-v-5337faa4></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-9ca1369d data-v-0394ad82 data-v-d07f11e6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/feelyourprotocol/website" aria-label="github" target="_blank" rel="me noopener" data-v-d07f11e6 data-v-591a6b30><span class="vpi-social-github"></span></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-9ca1369d data-v-bf2fac68 data-v-42cb505d><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-42cb505d><span class="vpi-more-horizontal icon" data-v-42cb505d></span></button><div class="menu" data-v-42cb505d><div class="VPMenu" data-v-42cb505d data-v-25a6cce8><!----><!--[--><!--[--><!----><div class="group" data-v-bf2fac68><div class="item appearance" data-v-bf2fac68><p class="label" data-v-bf2fac68>Appearance</p><div class="appearance-action" data-v-bf2fac68><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-bf2fac68 data-v-5337faa4 data-v-1d5665e3><span class="check" data-v-1d5665e3><span class="icon" data-v-1d5665e3><!--[--><span class="vpi-sun sun" data-v-5337faa4></span><span class="vpi-moon moon" data-v-5337faa4></span><!--]--></span></span></button></div></div></div><div class="group" data-v-bf2fac68><div class="item social-links" data-v-bf2fac68><div class="VPSocialLinks social-links-list" data-v-bf2fac68 data-v-d07f11e6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/feelyourprotocol/website" aria-label="github" target="_blank" rel="me noopener" data-v-d07f11e6 data-v-591a6b30><span class="vpi-social-github"></span></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-9ca1369d data-v-e5dd9c1c><span class="container" data-v-e5dd9c1c><span class="top" data-v-e5dd9c1c></span><span class="middle" data-v-e5dd9c1c></span><span class="bottom" data-v-e5dd9c1c></span></span></button></div></div></div></div><div class="divider" data-v-9ca1369d><div class="divider-line" data-v-9ca1369d></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-1df9f90f data-v-db738f89><div class="container" data-v-db738f89><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-db738f89><span class="vpi-align-left menu-icon" data-v-db738f89></span><span class="menu-text" data-v-db738f89>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-db738f89 data-v-0bf0e06f><button data-v-0bf0e06f>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-1df9f90f data-v-af661f50><div class="curtain" data-v-af661f50></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-af661f50><span class="visually-hidden" id="sidebar-aria-label" data-v-af661f50> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-8d50c081><section class="VPSidebarItem level-0 has-active" data-v-8d50c081 data-v-d81de50c><div class="item" role="button" tabindex="0" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><h2 class="text" data-v-d81de50c>Guide</h2><!----></div><div class="items" data-v-d81de50c><!--[--><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/guide/getting-started.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Getting Started</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/guide/architecture.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Architecture</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-8d50c081><section class="VPSidebarItem level-0" data-v-8d50c081 data-v-d81de50c><div class="item" role="button" tabindex="0" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><h2 class="text" data-v-d81de50c>Contributing</h2><!----></div><div class="items" data-v-d81de50c><!--[--><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/contributing/how-to-contribute.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>How to Contribute</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/contributing/adding-an-exploration.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Adding an Exploration</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/contributing/e-components.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Using E-Components</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/contributing/code-conventions.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Code Conventions</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/contributing/library-forks.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Library Forks</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-1df9f90f data-v-c87f25bf><div class="VPDoc has-sidebar has-aside" data-v-c87f25bf data-v-7011f0d8><!--[--><!--]--><div class="container" data-v-7011f0d8><div class="aside" data-v-7011f0d8><div class="aside-curtain" data-v-7011f0d8></div><div class="aside-container" data-v-7011f0d8><div class="aside-content" data-v-7011f0d8><div class="VPDocAside" data-v-7011f0d8 data-v-3f215769><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-3f215769 data-v-60d5052e><div class="content" data-v-60d5052e><div class="outline-marker" data-v-60d5052e></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-60d5052e>On this page</div><ul class="VPDocOutlineItem root" data-v-60d5052e data-v-1ce71065><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-3f215769></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-7011f0d8><div class="content-container" data-v-7011f0d8><!--[--><!--]--><main class="main" data-v-7011f0d8><div style="position:relative;" class="vp-doc _guide_architecture" data-v-7011f0d8><div><h1 id="architecture" tabindex="-1">Architecture <a class="header-anchor" href="#architecture" aria-label="Permalink to “Architecture”">​</a></h1><h2 id="overview" tabindex="-1">Overview <a class="header-anchor" href="#overview" aria-label="Permalink to “Overview”">​</a></h2><p>Feel Your Protocol is a Vue 3 application built with Vite. The core idea is simple: each Ethereum protocol change gets its own interactive widget that runs real library code in the browser.</p><h2 id="tech-stack" tabindex="-1">Tech Stack <a class="header-anchor" href="#tech-stack" aria-label="Permalink to “Tech Stack”">​</a></h2><ul><li><strong><a href="https://vuejs.org/" target="_blank" rel="noreferrer">Vue 3</a></strong> with Composition API and <code>&lt;script setup&gt;</code></li><li><strong><a href="https://vite.dev/" target="_blank" rel="noreferrer">Vite</a></strong> for development and production builds</li><li><strong><a href="https://tailwindcss.com/" target="_blank" rel="noreferrer">Tailwind CSS v4</a></strong> for styling</li><li><strong><a href="https://router.vuejs.org/" target="_blank" rel="noreferrer">Vue Router</a></strong> with route-level code splitting</li><li><strong><a href="https://vitepress.dev/" target="_blank" rel="noreferrer">VitePress</a></strong> for documentation</li><li><strong><a href="https://vitest.dev/" target="_blank" rel="noreferrer">Vitest</a></strong> + <strong><a href="https://test-utils.vuejs.org/" target="_blank" rel="noreferrer">Vue Test Utils</a></strong> for unit testing</li><li><strong><a href="https://www.cypress.io/" target="_blank" rel="noreferrer">Cypress</a></strong> for E2E testing</li><li><strong><a href="https://heroicons.com/" target="_blank" rel="noreferrer">Heroicons</a></strong> for icons (<code>@heroicons/vue</code>)</li></ul><h2 id="content-model" tabindex="-1">Content Model <a class="header-anchor" href="#content-model" aria-label="Permalink to “Content Model”">​</a></h2><p>Content is organized around two concepts:</p><h3 id="explorations" tabindex="-1">Explorations <a class="header-anchor" href="#explorations" aria-label="Permalink to “Explorations”">​</a></h3><p>The core content unit. Each exploration represents an interactive widget for a protocol change — EIPs, ERCs, or research topics. Explorations live in <code>src/explorations/</code>, one folder per exploration:</p><div class="language-"><button title="Copy Code" class="copy"></button><span class="lang"></span><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e;" tabindex="0" dir="ltr"><code><span class="line"><span>src/explorations/eip-7883/</span></span>
+<span class="line"><span>├── info.ts         # Metadata: id, title, path, topic, introText, poweredBy, …</span></span>
+<span class="line"><span>├── MyC.vue         # The interactive widget</span></span>
+<span class="line"><span>└── examples.ts     # Example presets for the widget</span></span></code></pre></div><p>Each <code>info.ts</code> exports a <code>const INFO</code> object typed as <code>Exploration</code>. The <code>REGISTRY.ts</code> imports all <code>INFO</code> constants and assembles them into the <code>EXPLORATIONS</code> dictionary. The router reads from this dictionary to automatically create routes — no manual route registration needed.</p><h3 id="topics" tabindex="-1">Topics <a class="header-anchor" href="#topics" aria-label="Permalink to “Topics”">​</a></h3><p>Topics group explorations by theme (e.g. &quot;Fusaka&quot; for an upcoming hardfork). Each exploration belongs to exactly one topic via the <code>topic</code> field in its <code>info.ts</code>. Topics are defined in <code>src/explorations/TOPICS.ts</code>.</p><h2 id="e-components" tabindex="-1">E-Components <a class="header-anchor" href="#e-components" aria-label="Permalink to “E-Components”">​</a></h2><p><strong>E-Components</strong> are reusable Ethereum-specific components that encapsulate common patterns across explorations. They live in <code>src/eComponents/</code> and follow a naming convention: folder and component names are post-fixed with <code>EC</code>.</p><p>The first E-Component is <code>precompileInterfaceEC</code>, which provides a complete precompile exploration interface — input parsing, hardfork comparison, result display — as a single component backed by a composable:</p><div class="language-"><button title="Copy Code" class="copy"></button><span class="lang"></span><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e;" tabindex="0" dir="ltr"><code><span class="line"><span>src/eComponents/precompileInterfaceEC/</span></span>
+<span class="line"><span>├── PrecompileInterfaceEC.vue      # Full-featured precompile exploration template</span></span>
+<span class="line"><span>├── PrecompileInterfaceResultEC.vue # Result display (pre/post hardfork comparison)</span></span>
+<span class="line"><span>├── PrecompileValueInputEC.vue     # Value input with byte length validation</span></span>
+<span class="line"><span>├── usePrecompileState.ts          # Composable: all state and logic</span></span>
+<span class="line"><span>├── types.ts                       # PrecompileConfig and PrecompileValueDef interfaces</span></span>
+<span class="line"><span>└── run.ts                         # EVM precompile execution utility</span></span></code></pre></div><p>Using the Precompile Interface E-Component, a precompile exploration widget can be as short as 30 lines — just a config object and a single component tag. See <a href="/contributing/e-components.html">Using E-Components</a> for details.</p><h2 id="ui-components" tabindex="-1">UI Components <a class="header-anchor" href="#ui-components" aria-label="Permalink to “UI Components”">​</a></h2><p>Generic UI components live in <code>src/components/ui/</code> and are used across explorations:</p><table tabindex="0"><thead><tr><th>Component</th><th>Purpose</th></tr></thead><tbody><tr><td><code>ExamplesC</code></td><td>Example selector dropdown</td></tr><tr><td><code>HexDataInputC</code></td><td>Hex data input textarea with validation</td></tr><tr><td><code>PPBoxC</code></td><td>Result display box with title</td></tr><tr><td><code>PPBoxErrorText</code></td><td>Error message display</td></tr><tr><td><code>PPBoxInfoText</code></td><td>Informational message display</td></tr><tr><td><code>ActionButtonC</code></td><td>Action button with tooltip</td></tr><tr><td><code>ButtonC</code></td><td>Icon button with tooltip</td></tr><tr><td><code>HeadlineButtonC</code></td><td>Headline with action button</td></tr><tr><td><code>TooltipC</code></td><td>Generic tooltip wrapper</td></tr></tbody></table><p>Shared utilities in <code>src/components/lib/</code>:</p><table tabindex="0"><thead><tr><th>Module</th><th>Purpose</th></tr></thead><tbody><tr><td><code>byteFormUtils.ts</code></td><td>Hex/byte conversion and validation</td></tr><tr><td><code>general.ts</code></td><td>Shared types (e.g. <code>Examples</code>)</td></tr><tr><td><code>layout.ts</code></td><td>Tailwind CSS class constants for consistent layouts</td></tr></tbody></table><h2 id="key-design-decisions" tabindex="-1">Key Design Decisions <a class="header-anchor" href="#key-design-decisions" aria-label="Permalink to “Key Design Decisions”">​</a></h2><h3 id="folder-per-exploration" tabindex="-1">Folder-per-Exploration <a class="header-anchor" href="#folder-per-exploration" aria-label="Permalink to “Folder-per-Exploration”">​</a></h3><p>Each exploration is fully self-contained in its own folder. This means:</p><ul><li>Contributors can focus on a single folder</li><li>Adding a new exploration requires creating a folder and adding one import to <code>REGISTRY.ts</code></li><li>Each exploration&#39;s dependencies are isolated</li></ul><h3 id="dynamic-views" tabindex="-1">Dynamic Views <a class="header-anchor" href="#dynamic-views" aria-label="Permalink to “Dynamic Views”">​</a></h3><p>There are no static per-exploration or per-topic view files. Instead:</p><ul><li><strong><code>ExplorationView.vue</code></strong> dynamically loads the correct <code>MyC.vue</code> using <code>import.meta.glob()</code> and <code>defineAsyncComponent()</code> based on the route name</li><li><strong><code>TopicView.vue</code></strong> dynamically lists all explorations belonging to a topic</li><li><strong><code>HomeView.vue</code></strong> dynamically renders all topics defined in <code>TOPICS.ts</code></li></ul><h3 id="route-level-code-splitting" tabindex="-1">Route-Level Code Splitting <a class="header-anchor" href="#route-level-code-splitting" aria-label="Permalink to “Route-Level Code Splitting”">​</a></h3><p>Each exploration is a separate chunk that is loaded on demand. Users only download the libraries needed for the page they visit. This is achieved via <code>import.meta.glob()</code> for lazy loading:</p><div class="language-typescript"><button title="Copy Code" class="copy"></button><span class="lang">typescript</span><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e;" tabindex="0" dir="ltr"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> componentModules</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> import</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">.</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">meta</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">.</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">glob</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&#39;../explorations/*/MyC.vue&#39;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">)</span></span>
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> ExplorationComponent</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> defineAsyncComponent</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  componentModules[</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">`../explorations/${</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">explorationId</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}/MyC.vue`</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">]</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">)</span></span></code></pre></div><p>Each exploration is a separate chunk that&#39;s loaded on demand. Users only download the libraries needed for the page they visit.</p><h3 id="library-forks" tabindex="-1">Library Forks <a class="header-anchor" href="#library-forks" aria-label="Permalink to “Library Forks”">​</a></h3><p>Some exploration widgets require custom forks of Ethereum libraries (see <a href="./library-forks.html">Library Forks</a>). The architecture ensures that different forks of the same library can coexist without conflicts, each isolated to its specific exploration route.</p></div></div></main><footer class="VPDocFooter" data-v-7011f0d8 data-v-e257564d><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-e257564d><span class="visually-hidden" id="doc-footer-aria-label" data-v-e257564d>Pager</span><div class="pager" data-v-e257564d><a class="VPLink link pager-link prev" href="/guide/getting-started.html" data-v-e257564d><!--[--><span class="desc" data-v-e257564d>Previous page</span><span class="title" data-v-e257564d>Getting Started</span><!--]--></a></div><div class="pager" data-v-e257564d><a class="VPLink link pager-link next" href="/guide/library-forks.html" data-v-e257564d><!--[--><span class="desc" data-v-e257564d>Next page</span><span class="title" data-v-e257564d>Library Forks</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1df9f90f data-v-c3855bb3><div class="container" data-v-c3855bb3><p class="message" data-v-c3855bb3>This project and its documentation are under active development.</p><!----></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"contributing_adding-an-exploration.md\":\"Bx_AiHel\",\"contributing_how-to-contribute.md\":\"C-N0YY81\",\"guide_architecture.md\":\"qxw0U9Or\",\"guide_getting-started.md\":\"BHVwHBbn\",\"guide_library-forks.md\":\"C-_4bMc7\",\"index.md\":\"BJXo33p3\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"Feel Your Protocol\",\"description\":\"Documentation for the Feel Your Protocol project\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/guide/getting-started\"},{\"text\":\"Contributing\",\"link\":\"/contributing/how-to-contribute\"},{\"text\":\"Website\",\"link\":\"https://feelyourprotocol.org\"}],\"sidebar\":[{\"text\":\"Guide\",\"items\":[{\"text\":\"Getting Started\",\"link\":\"/guide/getting-started\"},{\"text\":\"Architecture\",\"link\":\"/guide/architecture\"},{\"text\":\"Library Forks\",\"link\":\"/guide/library-forks\"}]},{\"text\":\"Contributing\",\"items\":[{\"text\":\"How to Contribute\",\"link\":\"/contributing/how-to-contribute\"},{\"text\":\"Adding an Exploration\",\"link\":\"/contributing/adding-an-exploration\"}]}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/feelyourprotocol/website\"}],\"search\":{\"provider\":\"local\"},\"footer\":{\"message\":\"This project and its documentation are under active development.\"}},\"locales\":{},\"scrollOffset\":134,\"cleanUrls\":false,\"additionalConfig\":{}}");</script>
+<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">)</span></span></code></pre></div><h3 id="testing-strategy" tabindex="-1">Testing Strategy <a class="header-anchor" href="#testing-strategy" aria-label="Permalink to “Testing Strategy”">​</a></h3><p>The project uses a hybrid testing approach:</p><ul><li><strong>Unit tests</strong> (Vitest + Vue Test Utils) for component rendering, content verification, and UI logic — fast and focused</li><li><strong>E2E tests</strong> (Cypress) as lean smoke tests for critical navigation flows and page-level integration</li></ul><p>Unit tests live alongside their components in <code>__tests__/</code> folders. E2E tests are consolidated in <code>cypress/e2e/</code>.</p></div></div></main><footer class="VPDocFooter" data-v-7011f0d8 data-v-e257564d><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-e257564d><span class="visually-hidden" id="doc-footer-aria-label" data-v-e257564d>Pager</span><div class="pager" data-v-e257564d><a class="VPLink link pager-link prev" href="/guide/getting-started.html" data-v-e257564d><!--[--><span class="desc" data-v-e257564d>Previous page</span><span class="title" data-v-e257564d>Getting Started</span><!--]--></a></div><div class="pager" data-v-e257564d><a class="VPLink link pager-link next" href="/contributing/how-to-contribute.html" data-v-e257564d><!--[--><span class="desc" data-v-e257564d>Next page</span><span class="title" data-v-e257564d>How to Contribute</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1df9f90f data-v-c3855bb3><div class="container" data-v-c3855bb3><p class="message" data-v-c3855bb3>This project and its documentation are under active development.</p><!----></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"contributing_adding-an-exploration.md\":\"Ahsvo_Ol\",\"contributing_code-conventions.md\":\"BFjoMQv_\",\"contributing_e-components.md\":\"_pZHAy_w\",\"contributing_how-to-contribute.md\":\"XKvLYLkk\",\"contributing_library-forks.md\":\"DYk1JQhp\",\"guide_architecture.md\":\"BSBE4DKA\",\"guide_getting-started.md\":\"B-wiDt-S\",\"index.md\":\"DpQvSWpN\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"Feel Your Protocol\",\"description\":\"Documentation for the Feel Your Protocol project\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/guide/getting-started\"},{\"text\":\"Contributing\",\"link\":\"/contributing/how-to-contribute\"},{\"text\":\"Website\",\"link\":\"https://feelyourprotocol.org\"}],\"sidebar\":[{\"text\":\"Guide\",\"items\":[{\"text\":\"Getting Started\",\"link\":\"/guide/getting-started\"},{\"text\":\"Architecture\",\"link\":\"/guide/architecture\"}]},{\"text\":\"Contributing\",\"items\":[{\"text\":\"How to Contribute\",\"link\":\"/contributing/how-to-contribute\"},{\"text\":\"Adding an Exploration\",\"link\":\"/contributing/adding-an-exploration\"},{\"text\":\"Using E-Components\",\"link\":\"/contributing/e-components\"},{\"text\":\"Code Conventions\",\"link\":\"/contributing/code-conventions\"},{\"text\":\"Library Forks\",\"link\":\"/contributing/library-forks\"}]}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/feelyourprotocol/website\"}],\"search\":{\"provider\":\"local\"},\"footer\":{\"message\":\"This project and its documentation are under active development.\"}},\"locales\":{},\"scrollOffset\":134,\"cleanUrls\":false,\"additionalConfig\":{}}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/dist/docs/guide/getting-started.html b/dist/docs/guide/getting-started.html
index 05047c0..290ea4a 100644
--- a/dist/docs/guide/getting-started.html
+++ b/dist/docs/guide/getting-started.html
@@ -9,50 +9,57 @@
     <link rel="preload stylesheet" href="/assets/style.Cfu23m_7.css" as="style">
     <link rel="preload stylesheet" href="/vp-icons.css" as="style">
     
-    <script type="module" src="/assets/app.CxFGIg_I.js"></script>
+    <script type="module" src="/assets/app.CvfZ8yf2.js"></script>
     <link rel="preload" href="/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/assets/chunks/theme.B2b_1z_T.js">
+    <link rel="modulepreload" href="/assets/chunks/theme.BQpYnme8.js">
     <link rel="modulepreload" href="/assets/chunks/framework.DyoGesZS.js">
-    <link rel="modulepreload" href="/assets/guide_getting-started.md.BHVwHBbn.lean.js">
+    <link rel="modulepreload" href="/assets/guide_getting-started.md.B-wiDt-S.lean.js">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-1df9f90f><!--[--><!--]--><!--[--><span tabindex="-1" data-v-331ec75c></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-331ec75c>Skip to content</a><!--]--><!----><header class="VPNav" data-v-1df9f90f data-v-9f75dce3><div class="VPNavBar has-sidebar top" data-v-9f75dce3 data-v-9ca1369d><div class="wrapper" data-v-9ca1369d><div class="container" data-v-9ca1369d><div class="title" data-v-9ca1369d><div class="VPNavBarTitle has-sidebar" data-v-9ca1369d data-v-1e38c6bc><a class="title" href="/" data-v-1e38c6bc><!--[--><!--]--><!----><span data-v-1e38c6bc>Feel Your Protocol</span><!--[--><!--]--></a></div></div><div class="content" data-v-9ca1369d><div class="content-body" data-v-9ca1369d><!--[--><!--]--><div class="VPNavBarSearch search" data-v-9ca1369d data-v-2fc7f2c6><!--[--><button type="button" class="VPNavBarSearchButton" aria-label="Search" aria-keyshortcuts="/ control+k meta+k" data-v-2fc7f2c6 data-v-baa3be99><span class="vpi-search" aria-hidden="true" data-v-baa3be99></span><span class="text" data-v-baa3be99>Search</span><span class="keys" aria-hidden="true" data-v-baa3be99><kbd class="key-cmd" data-v-baa3be99>⌘</kbd><kbd class="key-ctrl" data-v-baa3be99>Ctrl</kbd><kbd data-v-baa3be99>K</kbd></span></button><!----><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-9ca1369d data-v-39714824><span id="main-nav-aria-label" class="visually-hidden" data-v-39714824> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/guide/getting-started.html" tabindex="0" data-v-39714824 data-v-52a1d768><!--[--><span data-v-52a1d768>Guide</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/contributing/how-to-contribute.html" tabindex="0" data-v-39714824 data-v-52a1d768><!--[--><span data-v-52a1d768>Contributing</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://feelyourprotocol.org" target="_blank" rel="noreferrer" tabindex="0" data-v-39714824 data-v-52a1d768><!--[--><span data-v-52a1d768>Website</span><!--]--></a><!--]--><!--]--></nav><!----><div class="VPNavBarAppearance appearance" data-v-9ca1369d data-v-6c893767><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-6c893767 data-v-5337faa4 data-v-1d5665e3><span class="check" data-v-1d5665e3><span class="icon" data-v-1d5665e3><!--[--><span class="vpi-sun sun" data-v-5337faa4></span><span class="vpi-moon moon" data-v-5337faa4></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-9ca1369d data-v-0394ad82 data-v-d07f11e6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/feelyourprotocol/website" aria-label="github" target="_blank" rel="me noopener" data-v-d07f11e6 data-v-591a6b30><span class="vpi-social-github"></span></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-9ca1369d data-v-bf2fac68 data-v-42cb505d><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-42cb505d><span class="vpi-more-horizontal icon" data-v-42cb505d></span></button><div class="menu" data-v-42cb505d><div class="VPMenu" data-v-42cb505d data-v-25a6cce8><!----><!--[--><!--[--><!----><div class="group" data-v-bf2fac68><div class="item appearance" data-v-bf2fac68><p class="label" data-v-bf2fac68>Appearance</p><div class="appearance-action" data-v-bf2fac68><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-bf2fac68 data-v-5337faa4 data-v-1d5665e3><span class="check" data-v-1d5665e3><span class="icon" data-v-1d5665e3><!--[--><span class="vpi-sun sun" data-v-5337faa4></span><span class="vpi-moon moon" data-v-5337faa4></span><!--]--></span></span></button></div></div></div><div class="group" data-v-bf2fac68><div class="item social-links" data-v-bf2fac68><div class="VPSocialLinks social-links-list" data-v-bf2fac68 data-v-d07f11e6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/feelyourprotocol/website" aria-label="github" target="_blank" rel="me noopener" data-v-d07f11e6 data-v-591a6b30><span class="vpi-social-github"></span></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-9ca1369d data-v-e5dd9c1c><span class="container" data-v-e5dd9c1c><span class="top" data-v-e5dd9c1c></span><span class="middle" data-v-e5dd9c1c></span><span class="bottom" data-v-e5dd9c1c></span></span></button></div></div></div></div><div class="divider" data-v-9ca1369d><div class="divider-line" data-v-9ca1369d></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-1df9f90f data-v-db738f89><div class="container" data-v-db738f89><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-db738f89><span class="vpi-align-left menu-icon" data-v-db738f89></span><span class="menu-text" data-v-db738f89>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-db738f89 data-v-0bf0e06f><button data-v-0bf0e06f>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-1df9f90f data-v-af661f50><div class="curtain" data-v-af661f50></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-af661f50><span class="visually-hidden" id="sidebar-aria-label" data-v-af661f50> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-8d50c081><section class="VPSidebarItem level-0 has-active" data-v-8d50c081 data-v-d81de50c><div class="item" role="button" tabindex="0" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><h2 class="text" data-v-d81de50c>Guide</h2><!----></div><div class="items" data-v-d81de50c><!--[--><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/guide/getting-started.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Getting Started</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/guide/architecture.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Architecture</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/guide/library-forks.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Library Forks</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-8d50c081><section class="VPSidebarItem level-0" data-v-8d50c081 data-v-d81de50c><div class="item" role="button" tabindex="0" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><h2 class="text" data-v-d81de50c>Contributing</h2><!----></div><div class="items" data-v-d81de50c><!--[--><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/contributing/how-to-contribute.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>How to Contribute</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/contributing/adding-an-exploration.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Adding an Exploration</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-1df9f90f data-v-c87f25bf><div class="VPDoc has-sidebar has-aside" data-v-c87f25bf data-v-7011f0d8><!--[--><!--]--><div class="container" data-v-7011f0d8><div class="aside" data-v-7011f0d8><div class="aside-curtain" data-v-7011f0d8></div><div class="aside-container" data-v-7011f0d8><div class="aside-content" data-v-7011f0d8><div class="VPDocAside" data-v-7011f0d8 data-v-3f215769><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-3f215769 data-v-60d5052e><div class="content" data-v-60d5052e><div class="outline-marker" data-v-60d5052e></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-60d5052e>On this page</div><ul class="VPDocOutlineItem root" data-v-60d5052e data-v-1ce71065><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-3f215769></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-7011f0d8><div class="content-container" data-v-7011f0d8><!--[--><!--]--><main class="main" data-v-7011f0d8><div style="position:relative;" class="vp-doc _guide_getting-started" data-v-7011f0d8><div><h1 id="getting-started" tabindex="-1">Getting Started <a class="header-anchor" href="#getting-started" aria-label="Permalink to “Getting Started”">​</a></h1><div class="warning custom-block"><p class="custom-block-title">Under Active Development</p><p>Both the Feel Your Protocol project and this documentation are in an early stage and under active development. Things may change frequently.</p></div><h2 id="what-is-feel-your-protocol" tabindex="-1">What is Feel Your Protocol? <a class="header-anchor" href="#what-is-feel-your-protocol" aria-label="Permalink to “What is Feel Your Protocol?”">​</a></h2><p>Feel Your Protocol is an interactive website that lets you explore Ethereum protocol changes hands on. Instead of just reading specifications, you can interact with real Ethereum library code running directly in the browser.</p><p>Each protocol change — called an <strong>Exploration</strong> — gets its own page with a dedicated interactive widget. For example, the <a href="https://feelyourprotocol.org/eip-7883-modexp-gas-cost-increase" target="_blank" rel="noreferrer">EIP-7883</a> page lets you experiment with ModExp gas cost changes interactively.</p><p>Explorations are grouped into <strong>Topics</strong> (e.g. &quot;Fusaka&quot; for the upcoming hardfork), making it easy to discover related protocol changes.</p><h2 id="prerequisites" tabindex="-1">Prerequisites <a class="header-anchor" href="#prerequisites" aria-label="Permalink to “Prerequisites”">​</a></h2><ul><li><a href="https://nodejs.org/" target="_blank" rel="noreferrer">Node.js</a> v20.19+ or v22.12+</li><li>npm (comes with Node.js)</li></ul><h2 id="setup" tabindex="-1">Setup <a class="header-anchor" href="#setup" aria-label="Permalink to “Setup”">​</a></h2><p>Clone the repository and install dependencies:</p><div class="language-bash"><button title="Copy Code" class="copy"></button><span class="lang">bash</span><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e;" tabindex="0" dir="ltr"><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">git</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> clone</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> https://github.com/feelyourprotocol/website.git</span></span>
+    <div id="app"><div class="Layout" data-v-1df9f90f><!--[--><!--]--><!--[--><span tabindex="-1" data-v-331ec75c></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-331ec75c>Skip to content</a><!--]--><!----><header class="VPNav" data-v-1df9f90f data-v-9f75dce3><div class="VPNavBar has-sidebar top" data-v-9f75dce3 data-v-9ca1369d><div class="wrapper" data-v-9ca1369d><div class="container" data-v-9ca1369d><div class="title" data-v-9ca1369d><div class="VPNavBarTitle has-sidebar" data-v-9ca1369d data-v-1e38c6bc><a class="title" href="/" data-v-1e38c6bc><!--[--><!--]--><!----><span data-v-1e38c6bc>Feel Your Protocol</span><!--[--><!--]--></a></div></div><div class="content" data-v-9ca1369d><div class="content-body" data-v-9ca1369d><!--[--><!--]--><div class="VPNavBarSearch search" data-v-9ca1369d data-v-2fc7f2c6><!--[--><button type="button" class="VPNavBarSearchButton" aria-label="Search" aria-keyshortcuts="/ control+k meta+k" data-v-2fc7f2c6 data-v-baa3be99><span class="vpi-search" aria-hidden="true" data-v-baa3be99></span><span class="text" data-v-baa3be99>Search</span><span class="keys" aria-hidden="true" data-v-baa3be99><kbd class="key-cmd" data-v-baa3be99>⌘</kbd><kbd class="key-ctrl" data-v-baa3be99>Ctrl</kbd><kbd data-v-baa3be99>K</kbd></span></button><!----><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-9ca1369d data-v-39714824><span id="main-nav-aria-label" class="visually-hidden" data-v-39714824> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/guide/getting-started.html" tabindex="0" data-v-39714824 data-v-52a1d768><!--[--><span data-v-52a1d768>Guide</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/contributing/how-to-contribute.html" tabindex="0" data-v-39714824 data-v-52a1d768><!--[--><span data-v-52a1d768>Contributing</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://feelyourprotocol.org" target="_blank" rel="noreferrer" tabindex="0" data-v-39714824 data-v-52a1d768><!--[--><span data-v-52a1d768>Website</span><!--]--></a><!--]--><!--]--></nav><!----><div class="VPNavBarAppearance appearance" data-v-9ca1369d data-v-6c893767><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-6c893767 data-v-5337faa4 data-v-1d5665e3><span class="check" data-v-1d5665e3><span class="icon" data-v-1d5665e3><!--[--><span class="vpi-sun sun" data-v-5337faa4></span><span class="vpi-moon moon" data-v-5337faa4></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-9ca1369d data-v-0394ad82 data-v-d07f11e6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/feelyourprotocol/website" aria-label="github" target="_blank" rel="me noopener" data-v-d07f11e6 data-v-591a6b30><span class="vpi-social-github"></span></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-9ca1369d data-v-bf2fac68 data-v-42cb505d><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-42cb505d><span class="vpi-more-horizontal icon" data-v-42cb505d></span></button><div class="menu" data-v-42cb505d><div class="VPMenu" data-v-42cb505d data-v-25a6cce8><!----><!--[--><!--[--><!----><div class="group" data-v-bf2fac68><div class="item appearance" data-v-bf2fac68><p class="label" data-v-bf2fac68>Appearance</p><div class="appearance-action" data-v-bf2fac68><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-bf2fac68 data-v-5337faa4 data-v-1d5665e3><span class="check" data-v-1d5665e3><span class="icon" data-v-1d5665e3><!--[--><span class="vpi-sun sun" data-v-5337faa4></span><span class="vpi-moon moon" data-v-5337faa4></span><!--]--></span></span></button></div></div></div><div class="group" data-v-bf2fac68><div class="item social-links" data-v-bf2fac68><div class="VPSocialLinks social-links-list" data-v-bf2fac68 data-v-d07f11e6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/feelyourprotocol/website" aria-label="github" target="_blank" rel="me noopener" data-v-d07f11e6 data-v-591a6b30><span class="vpi-social-github"></span></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-9ca1369d data-v-e5dd9c1c><span class="container" data-v-e5dd9c1c><span class="top" data-v-e5dd9c1c></span><span class="middle" data-v-e5dd9c1c></span><span class="bottom" data-v-e5dd9c1c></span></span></button></div></div></div></div><div class="divider" data-v-9ca1369d><div class="divider-line" data-v-9ca1369d></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-1df9f90f data-v-db738f89><div class="container" data-v-db738f89><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-db738f89><span class="vpi-align-left menu-icon" data-v-db738f89></span><span class="menu-text" data-v-db738f89>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-db738f89 data-v-0bf0e06f><button data-v-0bf0e06f>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-1df9f90f data-v-af661f50><div class="curtain" data-v-af661f50></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-af661f50><span class="visually-hidden" id="sidebar-aria-label" data-v-af661f50> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-8d50c081><section class="VPSidebarItem level-0 has-active" data-v-8d50c081 data-v-d81de50c><div class="item" role="button" tabindex="0" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><h2 class="text" data-v-d81de50c>Guide</h2><!----></div><div class="items" data-v-d81de50c><!--[--><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/guide/getting-started.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Getting Started</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/guide/architecture.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Architecture</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-8d50c081><section class="VPSidebarItem level-0" data-v-8d50c081 data-v-d81de50c><div class="item" role="button" tabindex="0" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><h2 class="text" data-v-d81de50c>Contributing</h2><!----></div><div class="items" data-v-d81de50c><!--[--><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/contributing/how-to-contribute.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>How to Contribute</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/contributing/adding-an-exploration.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Adding an Exploration</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/contributing/e-components.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Using E-Components</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/contributing/code-conventions.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Code Conventions</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/contributing/library-forks.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Library Forks</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-1df9f90f data-v-c87f25bf><div class="VPDoc has-sidebar has-aside" data-v-c87f25bf data-v-7011f0d8><!--[--><!--]--><div class="container" data-v-7011f0d8><div class="aside" data-v-7011f0d8><div class="aside-curtain" data-v-7011f0d8></div><div class="aside-container" data-v-7011f0d8><div class="aside-content" data-v-7011f0d8><div class="VPDocAside" data-v-7011f0d8 data-v-3f215769><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-3f215769 data-v-60d5052e><div class="content" data-v-60d5052e><div class="outline-marker" data-v-60d5052e></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-60d5052e>On this page</div><ul class="VPDocOutlineItem root" data-v-60d5052e data-v-1ce71065><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-3f215769></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-7011f0d8><div class="content-container" data-v-7011f0d8><!--[--><!--]--><main class="main" data-v-7011f0d8><div style="position:relative;" class="vp-doc _guide_getting-started" data-v-7011f0d8><div><h1 id="getting-started" tabindex="-1">Getting Started <a class="header-anchor" href="#getting-started" aria-label="Permalink to “Getting Started”">​</a></h1><h2 id="what-is-feel-your-protocol" tabindex="-1">What is Feel Your Protocol? <a class="header-anchor" href="#what-is-feel-your-protocol" aria-label="Permalink to “What is Feel Your Protocol?”">​</a></h2><p>Feel Your Protocol is an interactive website that lets you explore Ethereum protocol changes hands on. Instead of just reading specifications, you can interact with real Ethereum library code running directly in the browser.</p><p>Each protocol change — called an <strong>Exploration</strong> — gets its own page with a dedicated interactive widget. Explorations cover EIPs, ERCs, and other research topics. They are grouped into <strong>Topics</strong> (e.g. &quot;Fusaka&quot; for the upcoming hardfork), making it easy to discover related protocol changes.</p><h2 id="prerequisites" tabindex="-1">Prerequisites <a class="header-anchor" href="#prerequisites" aria-label="Permalink to “Prerequisites”">​</a></h2><ul><li><a href="https://nodejs.org/" target="_blank" rel="noreferrer">Node.js</a> v20.19+ or v22.12+</li><li>npm (comes with Node.js)</li></ul><h2 id="setup" tabindex="-1">Setup <a class="header-anchor" href="#setup" aria-label="Permalink to “Setup”">​</a></h2><p>Clone the repository and install dependencies:</p><div class="language-bash"><button title="Copy Code" class="copy"></button><span class="lang">bash</span><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e;" tabindex="0" dir="ltr"><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">git</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> clone</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> https://github.com/feelyourprotocol/website.git</span></span>
 <span class="line"><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">cd</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> website</span></span>
-<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">npm</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> install</span></span></code></pre></div><h2 id="development" tabindex="-1">Development <a class="header-anchor" href="#development" aria-label="Permalink to “Development”">​</a></h2><p>Start the website dev server:</p><div class="language-bash"><button title="Copy Code" class="copy"></button><span class="lang">bash</span><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e;" tabindex="0" dir="ltr"><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">npm</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> run</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> dev</span></span></code></pre></div><p>Start the docs dev server:</p><div class="language-bash"><button title="Copy Code" class="copy"></button><span class="lang">bash</span><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e;" tabindex="0" dir="ltr"><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">npm</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> run</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> docs:dev</span></span></code></pre></div><h2 id="building" tabindex="-1">Building <a class="header-anchor" href="#building" aria-label="Permalink to “Building”">​</a></h2><p>Build both the website and documentation:</p><div class="language-bash"><button title="Copy Code" class="copy"></button><span class="lang">bash</span><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e;" tabindex="0" dir="ltr"><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">npm</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> run</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> build</span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">          # website → dist/website</span></span>
+<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">npm</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> install</span></span></code></pre></div><h2 id="development" tabindex="-1">Development <a class="header-anchor" href="#development" aria-label="Permalink to “Development”">​</a></h2><p>Start the website dev server:</p><div class="language-bash"><button title="Copy Code" class="copy"></button><span class="lang">bash</span><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e;" tabindex="0" dir="ltr"><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">npm</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> run</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> dev</span></span></code></pre></div><p>Start the docs dev server:</p><div class="language-bash"><button title="Copy Code" class="copy"></button><span class="lang">bash</span><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e;" tabindex="0" dir="ltr"><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">npm</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> run</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> docs:dev</span></span></code></pre></div><h2 id="quality-checks" tabindex="-1">Quality Checks <a class="header-anchor" href="#quality-checks" aria-label="Permalink to “Quality Checks”">​</a></h2><div class="language-bash"><button title="Copy Code" class="copy"></button><span class="lang">bash</span><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e;" tabindex="0" dir="ltr"><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">npm</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> run</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> lf</span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">           # format + lint (auto-fix)</span></span>
+<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">npm</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> run</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> lf:ci</span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">        # lint + format check (CI mode, no auto-fix)</span></span>
+<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">npm</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> run</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> type-check</span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">   # TypeScript type checking (vue-tsc)</span></span></code></pre></div><h2 id="testing" tabindex="-1">Testing <a class="header-anchor" href="#testing" aria-label="Permalink to “Testing”">​</a></h2><div class="language-bash"><button title="Copy Code" class="copy"></button><span class="lang">bash</span><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e;" tabindex="0" dir="ltr"><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">npx</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> vitest</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> run</span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">       # unit tests (single run)</span></span>
+<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">npm</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> run</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> test:unit</span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">    # unit tests (watch mode)</span></span>
+<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">npm</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> run</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> test:e2e</span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">     # E2E tests (Cypress, requires build first)</span></span></code></pre></div><h2 id="building" tabindex="-1">Building <a class="header-anchor" href="#building" aria-label="Permalink to “Building”">​</a></h2><div class="language-bash"><button title="Copy Code" class="copy"></button><span class="lang">bash</span><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e;" tabindex="0" dir="ltr"><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">npm</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> run</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> build</span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">          # website → dist/website</span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">npm</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> run</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> docs:build</span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">     # docs → dist/docs</span></span></code></pre></div><h2 id="project-structure" tabindex="-1">Project Structure <a class="header-anchor" href="#project-structure" aria-label="Permalink to “Project Structure”">​</a></h2><div class="language-"><button title="Copy Code" class="copy"></button><span class="lang"></span><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e;" tabindex="0" dir="ltr"><code><span class="line"><span>website/</span></span>
 <span class="line"><span>├── src/</span></span>
-<span class="line"><span>│   ├── explorations/          # Explorations (the core content)</span></span>
-<span class="line"><span>│   │   ├── REGISTRY.ts        # Exploration registry, types, helper functions</span></span>
-<span class="line"><span>│   │   ├── TOPICS.ts          # Topic definitions and types</span></span>
-<span class="line"><span>│   │   ├── ExplorationC.vue   # Shared exploration wrapper component</span></span>
-<span class="line"><span>│   │   ├── PoweredByC.vue     # Shared &quot;powered by&quot; component</span></span>
-<span class="line"><span>│   │   ├── eip-7594/          # One folder per exploration</span></span>
-<span class="line"><span>│   │   │   ├── info.ts        #   Metadata (title, description, links, …)</span></span>
-<span class="line"><span>│   │   │   └── MyC.vue        #   Interactive widget component</span></span>
+<span class="line"><span>│   ├── explorations/              # Explorations (the core content)</span></span>
+<span class="line"><span>│   │   ├── REGISTRY.ts            # Exploration registry and types</span></span>
+<span class="line"><span>│   │   ├── TOPICS.ts              # Topic definitions and types</span></span>
+<span class="line"><span>│   │   ├── ExplorationC.vue       # Shared exploration wrapper component</span></span>
+<span class="line"><span>│   │   ├── PoweredByC.vue         # Shared &quot;powered by&quot; component</span></span>
+<span class="line"><span>│   │   ├── eip-7594/              # One folder per exploration</span></span>
+<span class="line"><span>│   │   │   ├── info.ts            #   Metadata (title, description, links, …)</span></span>
+<span class="line"><span>│   │   │   ├── MyC.vue            #   Interactive widget component</span></span>
+<span class="line"><span>│   │   │   ├── examples.ts        #   Example presets</span></span>
+<span class="line"><span>│   │   │   └── data/              #   Optional data files</span></span>
 <span class="line"><span>│   │   ├── eip-7883/</span></span>
-<span class="line"><span>│   │   │   ├── info.ts</span></span>
-<span class="line"><span>│   │   │   └── MyC.vue</span></span>
 <span class="line"><span>│   │   └── eip-7951/</span></span>
-<span class="line"><span>│   │       ├── info.ts</span></span>
-<span class="line"><span>│   │       └── MyC.vue</span></span>
-<span class="line"><span>│   ├── components/            # Shared UI and utility components</span></span>
-<span class="line"><span>│   │   ├── ui/                # Generic UI components</span></span>
-<span class="line"><span>│   │   ├── precompiles/       # Precompile-related shared components</span></span>
-<span class="line"><span>│   │   └── lib/               # Shared logic and utilities</span></span>
-<span class="line"><span>│   ├── views/                 # Route views</span></span>
+<span class="line"><span>│   ├── eComponents/               # Reusable Ethereum-specific components (E-Components)</span></span>
+<span class="line"><span>│   │   └── precompileInterfaceEC/ # Precompile interface E-Component</span></span>
+<span class="line"><span>│   │       ├── PrecompileInterfaceEC.vue</span></span>
+<span class="line"><span>│   │       ├── PrecompileInterfaceResultEC.vue</span></span>
+<span class="line"><span>│   │       ├── PrecompileValueInputEC.vue</span></span>
+<span class="line"><span>│   │       ├── usePrecompileState.ts</span></span>
+<span class="line"><span>│   │       ├── types.ts</span></span>
+<span class="line"><span>│   │       └── run.ts</span></span>
+<span class="line"><span>│   ├── components/                # Shared UI components and utilities</span></span>
+<span class="line"><span>│   │   ├── ui/                    # Generic UI components</span></span>
+<span class="line"><span>│   │   └── lib/                   # Shared logic and utilities</span></span>
+<span class="line"><span>│   ├── views/                     # Route views</span></span>
 <span class="line"><span>│   │   ├── HomeView.vue</span></span>
 <span class="line"><span>│   │   ├── TopicView.vue</span></span>
 <span class="line"><span>│   │   ├── ExplorationView.vue</span></span>
-<span class="line"><span>│   │   └── TopicIntroView.vue</span></span>
-<span class="line"><span>│   └── router/                # Vue Router config</span></span>
-<span class="line"><span>├── docs/                      # Documentation (VitePress)</span></span>
-<span class="line"><span>├── cypress/                   # E2E tests</span></span>
-<span class="line"><span>└── dist/                      # Build output</span></span>
-<span class="line"><span>    ├── website/</span></span>
-<span class="line"><span>    └── docs/</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-7011f0d8 data-v-e257564d><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-e257564d><span class="visually-hidden" id="doc-footer-aria-label" data-v-e257564d>Pager</span><div class="pager" data-v-e257564d><!----></div><div class="pager" data-v-e257564d><a class="VPLink link pager-link next" href="/guide/architecture.html" data-v-e257564d><!--[--><span class="desc" data-v-e257564d>Next page</span><span class="title" data-v-e257564d>Architecture</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1df9f90f data-v-c3855bb3><div class="container" data-v-c3855bb3><p class="message" data-v-c3855bb3>This project and its documentation are under active development.</p><!----></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"contributing_adding-an-exploration.md\":\"Bx_AiHel\",\"contributing_how-to-contribute.md\":\"C-N0YY81\",\"guide_architecture.md\":\"qxw0U9Or\",\"guide_getting-started.md\":\"BHVwHBbn\",\"guide_library-forks.md\":\"C-_4bMc7\",\"index.md\":\"BJXo33p3\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"Feel Your Protocol\",\"description\":\"Documentation for the Feel Your Protocol project\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/guide/getting-started\"},{\"text\":\"Contributing\",\"link\":\"/contributing/how-to-contribute\"},{\"text\":\"Website\",\"link\":\"https://feelyourprotocol.org\"}],\"sidebar\":[{\"text\":\"Guide\",\"items\":[{\"text\":\"Getting Started\",\"link\":\"/guide/getting-started\"},{\"text\":\"Architecture\",\"link\":\"/guide/architecture\"},{\"text\":\"Library Forks\",\"link\":\"/guide/library-forks\"}]},{\"text\":\"Contributing\",\"items\":[{\"text\":\"How to Contribute\",\"link\":\"/contributing/how-to-contribute\"},{\"text\":\"Adding an Exploration\",\"link\":\"/contributing/adding-an-exploration\"}]}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/feelyourprotocol/website\"}],\"search\":{\"provider\":\"local\"},\"footer\":{\"message\":\"This project and its documentation are under active development.\"}},\"locales\":{},\"scrollOffset\":134,\"cleanUrls\":false,\"additionalConfig\":{}}");</script>
+<span class="line"><span>│   │   └── __tests__/             # Unit tests</span></span>
+<span class="line"><span>│   └── router/                    # Vue Router config</span></span>
+<span class="line"><span>├── docs/                          # Documentation (VitePress)</span></span>
+<span class="line"><span>├── cypress/                       # E2E tests</span></span>
+<span class="line"><span>└── .github/workflows/             # CI workflows</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-7011f0d8 data-v-e257564d><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-e257564d><span class="visually-hidden" id="doc-footer-aria-label" data-v-e257564d>Pager</span><div class="pager" data-v-e257564d><!----></div><div class="pager" data-v-e257564d><a class="VPLink link pager-link next" href="/guide/architecture.html" data-v-e257564d><!--[--><span class="desc" data-v-e257564d>Next page</span><span class="title" data-v-e257564d>Architecture</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1df9f90f data-v-c3855bb3><div class="container" data-v-c3855bb3><p class="message" data-v-c3855bb3>This project and its documentation are under active development.</p><!----></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"contributing_adding-an-exploration.md\":\"Ahsvo_Ol\",\"contributing_code-conventions.md\":\"BFjoMQv_\",\"contributing_e-components.md\":\"_pZHAy_w\",\"contributing_how-to-contribute.md\":\"XKvLYLkk\",\"contributing_library-forks.md\":\"DYk1JQhp\",\"guide_architecture.md\":\"BSBE4DKA\",\"guide_getting-started.md\":\"B-wiDt-S\",\"index.md\":\"DpQvSWpN\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"Feel Your Protocol\",\"description\":\"Documentation for the Feel Your Protocol project\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/guide/getting-started\"},{\"text\":\"Contributing\",\"link\":\"/contributing/how-to-contribute\"},{\"text\":\"Website\",\"link\":\"https://feelyourprotocol.org\"}],\"sidebar\":[{\"text\":\"Guide\",\"items\":[{\"text\":\"Getting Started\",\"link\":\"/guide/getting-started\"},{\"text\":\"Architecture\",\"link\":\"/guide/architecture\"}]},{\"text\":\"Contributing\",\"items\":[{\"text\":\"How to Contribute\",\"link\":\"/contributing/how-to-contribute\"},{\"text\":\"Adding an Exploration\",\"link\":\"/contributing/adding-an-exploration\"},{\"text\":\"Using E-Components\",\"link\":\"/contributing/e-components\"},{\"text\":\"Code Conventions\",\"link\":\"/contributing/code-conventions\"},{\"text\":\"Library Forks\",\"link\":\"/contributing/library-forks\"}]}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/feelyourprotocol/website\"}],\"search\":{\"provider\":\"local\"},\"footer\":{\"message\":\"This project and its documentation are under active development.\"}},\"locales\":{},\"scrollOffset\":134,\"cleanUrls\":false,\"additionalConfig\":{}}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/dist/docs/guide/library-forks.html b/dist/docs/guide/library-forks.html
deleted file mode 100644
index 56f4968..0000000
--- a/dist/docs/guide/library-forks.html
+++ /dev/null
@@ -1,31 +0,0 @@
-<!DOCTYPE html>
-<html lang="en-US" dir="ltr">
-  <head>
-    <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width,initial-scale=1">
-    <title>Library Forks | Feel Your Protocol</title>
-    <meta name="description" content="Documentation for the Feel Your Protocol project">
-    <meta name="generator" content="VitePress v2.0.0-alpha.16">
-    <link rel="preload stylesheet" href="/assets/style.Cfu23m_7.css" as="style">
-    <link rel="preload stylesheet" href="/vp-icons.css" as="style">
-    
-    <script type="module" src="/assets/app.CxFGIg_I.js"></script>
-    <link rel="preload" href="/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/assets/chunks/theme.B2b_1z_T.js">
-    <link rel="modulepreload" href="/assets/chunks/framework.DyoGesZS.js">
-    <link rel="modulepreload" href="/assets/guide_library-forks.md.C-_4bMc7.lean.js">
-    <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
-    <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
-  </head>
-  <body>
-    <div id="app"><div class="Layout" data-v-1df9f90f><!--[--><!--]--><!--[--><span tabindex="-1" data-v-331ec75c></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-331ec75c>Skip to content</a><!--]--><!----><header class="VPNav" data-v-1df9f90f data-v-9f75dce3><div class="VPNavBar has-sidebar top" data-v-9f75dce3 data-v-9ca1369d><div class="wrapper" data-v-9ca1369d><div class="container" data-v-9ca1369d><div class="title" data-v-9ca1369d><div class="VPNavBarTitle has-sidebar" data-v-9ca1369d data-v-1e38c6bc><a class="title" href="/" data-v-1e38c6bc><!--[--><!--]--><!----><span data-v-1e38c6bc>Feel Your Protocol</span><!--[--><!--]--></a></div></div><div class="content" data-v-9ca1369d><div class="content-body" data-v-9ca1369d><!--[--><!--]--><div class="VPNavBarSearch search" data-v-9ca1369d data-v-2fc7f2c6><!--[--><button type="button" class="VPNavBarSearchButton" aria-label="Search" aria-keyshortcuts="/ control+k meta+k" data-v-2fc7f2c6 data-v-baa3be99><span class="vpi-search" aria-hidden="true" data-v-baa3be99></span><span class="text" data-v-baa3be99>Search</span><span class="keys" aria-hidden="true" data-v-baa3be99><kbd class="key-cmd" data-v-baa3be99>⌘</kbd><kbd class="key-ctrl" data-v-baa3be99>Ctrl</kbd><kbd data-v-baa3be99>K</kbd></span></button><!----><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-9ca1369d data-v-39714824><span id="main-nav-aria-label" class="visually-hidden" data-v-39714824> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/guide/getting-started.html" tabindex="0" data-v-39714824 data-v-52a1d768><!--[--><span data-v-52a1d768>Guide</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/contributing/how-to-contribute.html" tabindex="0" data-v-39714824 data-v-52a1d768><!--[--><span data-v-52a1d768>Contributing</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://feelyourprotocol.org" target="_blank" rel="noreferrer" tabindex="0" data-v-39714824 data-v-52a1d768><!--[--><span data-v-52a1d768>Website</span><!--]--></a><!--]--><!--]--></nav><!----><div class="VPNavBarAppearance appearance" data-v-9ca1369d data-v-6c893767><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-6c893767 data-v-5337faa4 data-v-1d5665e3><span class="check" data-v-1d5665e3><span class="icon" data-v-1d5665e3><!--[--><span class="vpi-sun sun" data-v-5337faa4></span><span class="vpi-moon moon" data-v-5337faa4></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-9ca1369d data-v-0394ad82 data-v-d07f11e6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/feelyourprotocol/website" aria-label="github" target="_blank" rel="me noopener" data-v-d07f11e6 data-v-591a6b30><span class="vpi-social-github"></span></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-9ca1369d data-v-bf2fac68 data-v-42cb505d><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-42cb505d><span class="vpi-more-horizontal icon" data-v-42cb505d></span></button><div class="menu" data-v-42cb505d><div class="VPMenu" data-v-42cb505d data-v-25a6cce8><!----><!--[--><!--[--><!----><div class="group" data-v-bf2fac68><div class="item appearance" data-v-bf2fac68><p class="label" data-v-bf2fac68>Appearance</p><div class="appearance-action" data-v-bf2fac68><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-bf2fac68 data-v-5337faa4 data-v-1d5665e3><span class="check" data-v-1d5665e3><span class="icon" data-v-1d5665e3><!--[--><span class="vpi-sun sun" data-v-5337faa4></span><span class="vpi-moon moon" data-v-5337faa4></span><!--]--></span></span></button></div></div></div><div class="group" data-v-bf2fac68><div class="item social-links" data-v-bf2fac68><div class="VPSocialLinks social-links-list" data-v-bf2fac68 data-v-d07f11e6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/feelyourprotocol/website" aria-label="github" target="_blank" rel="me noopener" data-v-d07f11e6 data-v-591a6b30><span class="vpi-social-github"></span></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-9ca1369d data-v-e5dd9c1c><span class="container" data-v-e5dd9c1c><span class="top" data-v-e5dd9c1c></span><span class="middle" data-v-e5dd9c1c></span><span class="bottom" data-v-e5dd9c1c></span></span></button></div></div></div></div><div class="divider" data-v-9ca1369d><div class="divider-line" data-v-9ca1369d></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-1df9f90f data-v-db738f89><div class="container" data-v-db738f89><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-db738f89><span class="vpi-align-left menu-icon" data-v-db738f89></span><span class="menu-text" data-v-db738f89>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-db738f89 data-v-0bf0e06f><button data-v-0bf0e06f>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-1df9f90f data-v-af661f50><div class="curtain" data-v-af661f50></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-af661f50><span class="visually-hidden" id="sidebar-aria-label" data-v-af661f50> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-8d50c081><section class="VPSidebarItem level-0 has-active" data-v-8d50c081 data-v-d81de50c><div class="item" role="button" tabindex="0" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><h2 class="text" data-v-d81de50c>Guide</h2><!----></div><div class="items" data-v-d81de50c><!--[--><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/guide/getting-started.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Getting Started</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/guide/architecture.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Architecture</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/guide/library-forks.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Library Forks</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-8d50c081><section class="VPSidebarItem level-0" data-v-8d50c081 data-v-d81de50c><div class="item" role="button" tabindex="0" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><h2 class="text" data-v-d81de50c>Contributing</h2><!----></div><div class="items" data-v-d81de50c><!--[--><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/contributing/how-to-contribute.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>How to Contribute</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/contributing/adding-an-exploration.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Adding an Exploration</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-1df9f90f data-v-c87f25bf><div class="VPDoc has-sidebar has-aside" data-v-c87f25bf data-v-7011f0d8><!--[--><!--]--><div class="container" data-v-7011f0d8><div class="aside" data-v-7011f0d8><div class="aside-curtain" data-v-7011f0d8></div><div class="aside-container" data-v-7011f0d8><div class="aside-content" data-v-7011f0d8><div class="VPDocAside" data-v-7011f0d8 data-v-3f215769><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-3f215769 data-v-60d5052e><div class="content" data-v-60d5052e><div class="outline-marker" data-v-60d5052e></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-60d5052e>On this page</div><ul class="VPDocOutlineItem root" data-v-60d5052e data-v-1ce71065><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-3f215769></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-7011f0d8><div class="content-container" data-v-7011f0d8><!--[--><!--]--><main class="main" data-v-7011f0d8><div style="position:relative;" class="vp-doc _guide_library-forks" data-v-7011f0d8><div><h1 id="library-forks" tabindex="-1">Library Forks <a class="header-anchor" href="#library-forks" aria-label="Permalink to “Library Forks”">​</a></h1><div class="warning custom-block"><p class="custom-block-title">Under Active Development</p><p>Both the Feel Your Protocol project and this documentation are in an early stage and under active development. Things may change frequently.</p></div><h2 id="why-forks" tabindex="-1">Why Forks? <a class="header-anchor" href="#why-forks" aria-label="Permalink to “Why Forks?”">​</a></h2><p>Feel Your Protocol runs real Ethereum library code in the browser. Some exploration widgets need a modified version of an existing library — for example, a version with a new precompile implementation, or experimental gas calculation changes that haven&#39;t been released yet.</p><p>Rather than waiting for upstream releases, we maintain targeted forks that are used by specific exploration pages.</p><h2 id="how-forks-work" tabindex="-1">How Forks Work <a class="header-anchor" href="#how-forks-work" aria-label="Permalink to “How Forks Work”">​</a></h2><h3 id="npm-package-aliases" tabindex="-1">npm Package Aliases <a class="header-anchor" href="#npm-package-aliases" aria-label="Permalink to “npm Package Aliases”">​</a></h3><p>Multiple versions of the same library coexist in <code>package.json</code> using npm aliases:</p><div class="language-json"><button title="Copy Code" class="copy"></button><span class="lang">json</span><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e;" tabindex="0" dir="ltr"><code><span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">{</span></span>
-<span class="line"><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">  &quot;dependencies&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: {</span></span>
-<span class="line"><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">    &quot;@ethereumjs/evm&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;^10.1.1-nightly.1&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">,</span></span>
-<span class="line"><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">    &quot;@ethereumjs/evm-experimental&quot;</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">: </span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">&quot;npm:@ethereumjs/evm@^11.0.0-fork.1&quot;</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  }</span></span>
-<span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">}</span></span></code></pre></div><p>Each alias is a fully independent install. In code, you import the specific version you need:</p><div class="language-typescript"><button title="Copy Code" class="copy"></button><span class="lang">typescript</span><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e;" tabindex="0" dir="ltr"><code><span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> { EVM } </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">from</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;@ethereumjs/evm&#39;</span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">                    // standard</span></span>
-<span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">import</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> { EVM </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">as</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;"> EVMExp } </span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">from</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> &#39;@ethereumjs/evm-experimental&#39;</span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">  // fork</span></span></code></pre></div><h3 id="monorepo-libraries" tabindex="-1">Monorepo Libraries <a class="header-anchor" href="#monorepo-libraries" aria-label="Permalink to “Monorepo Libraries”">​</a></h3><p>For libraries from monorepos (like EthereumJS), where the target package has several intra-monorepo dependencies, we use <strong>pre-bundled ESM builds</strong>. The fork is bundled on the monorepo side with all internal dependencies resolved, producing a single ESM file with no internal wiring issues.</p><h3 id="per-route-isolation" tabindex="-1">Per-Route Isolation <a class="header-anchor" href="#per-route-isolation" aria-label="Permalink to “Per-Route Isolation”">​</a></h3><p>Each fork is only imported in its specific exploration&#39;s <code>MyC.vue</code>. Thanks to Vite&#39;s code splitting, the fork&#39;s code is only loaded when the user visits that exploration&#39;s page. Other pages are unaffected.</p><h2 id="adding-a-new-fork" tabindex="-1">Adding a New Fork <a class="header-anchor" href="#adding-a-new-fork" aria-label="Permalink to “Adding a New Fork”">​</a></h2><ol><li>Fork the upstream library (or create a branch if you have access)</li><li>Make your changes</li><li>For single-package repos: add an npm alias pointing to your fork&#39;s git URL</li><li>For monorepo packages: create a bundled build, then reference it</li><li>Import the fork only in your exploration&#39;s <code>MyC.vue</code> file — never in shared code</li><li>Document the fork in this page</li></ol></div></div></main><footer class="VPDocFooter" data-v-7011f0d8 data-v-e257564d><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-e257564d><span class="visually-hidden" id="doc-footer-aria-label" data-v-e257564d>Pager</span><div class="pager" data-v-e257564d><a class="VPLink link pager-link prev" href="/guide/architecture.html" data-v-e257564d><!--[--><span class="desc" data-v-e257564d>Previous page</span><span class="title" data-v-e257564d>Architecture</span><!--]--></a></div><div class="pager" data-v-e257564d><a class="VPLink link pager-link next" href="/contributing/how-to-contribute.html" data-v-e257564d><!--[--><span class="desc" data-v-e257564d>Next page</span><span class="title" data-v-e257564d>How to Contribute</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1df9f90f data-v-c3855bb3><div class="container" data-v-c3855bb3><p class="message" data-v-c3855bb3>This project and its documentation are under active development.</p><!----></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"contributing_adding-an-exploration.md\":\"Bx_AiHel\",\"contributing_how-to-contribute.md\":\"C-N0YY81\",\"guide_architecture.md\":\"qxw0U9Or\",\"guide_getting-started.md\":\"BHVwHBbn\",\"guide_library-forks.md\":\"C-_4bMc7\",\"index.md\":\"BJXo33p3\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"Feel Your Protocol\",\"description\":\"Documentation for the Feel Your Protocol project\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/guide/getting-started\"},{\"text\":\"Contributing\",\"link\":\"/contributing/how-to-contribute\"},{\"text\":\"Website\",\"link\":\"https://feelyourprotocol.org\"}],\"sidebar\":[{\"text\":\"Guide\",\"items\":[{\"text\":\"Getting Started\",\"link\":\"/guide/getting-started\"},{\"text\":\"Architecture\",\"link\":\"/guide/architecture\"},{\"text\":\"Library Forks\",\"link\":\"/guide/library-forks\"}]},{\"text\":\"Contributing\",\"items\":[{\"text\":\"How to Contribute\",\"link\":\"/contributing/how-to-contribute\"},{\"text\":\"Adding an Exploration\",\"link\":\"/contributing/adding-an-exploration\"}]}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/feelyourprotocol/website\"}],\"search\":{\"provider\":\"local\"},\"footer\":{\"message\":\"This project and its documentation are under active development.\"}},\"locales\":{},\"scrollOffset\":134,\"cleanUrls\":false,\"additionalConfig\":{}}");</script>
-    
-  </body>
-</html>
\ No newline at end of file
diff --git a/dist/docs/hashmap.json b/dist/docs/hashmap.json
index ac3712c..f87392f 100644
--- a/dist/docs/hashmap.json
+++ b/dist/docs/hashmap.json
@@ -1 +1 @@
-{"contributing_adding-an-exploration.md":"Bx_AiHel","contributing_how-to-contribute.md":"C-N0YY81","guide_architecture.md":"qxw0U9Or","guide_getting-started.md":"BHVwHBbn","guide_library-forks.md":"C-_4bMc7","index.md":"BJXo33p3"}
+{"contributing_adding-an-exploration.md":"Ahsvo_Ol","contributing_code-conventions.md":"BFjoMQv_","contributing_e-components.md":"_pZHAy_w","contributing_how-to-contribute.md":"XKvLYLkk","contributing_library-forks.md":"DYk1JQhp","guide_architecture.md":"BSBE4DKA","guide_getting-started.md":"B-wiDt-S","index.md":"DpQvSWpN"}
diff --git a/dist/docs/index.html b/dist/docs/index.html
index 20494e3..ae8308b 100644
--- a/dist/docs/index.html
+++ b/dist/docs/index.html
@@ -9,17 +9,17 @@
     <link rel="preload stylesheet" href="/assets/style.Cfu23m_7.css" as="style">
     <link rel="preload stylesheet" href="/vp-icons.css" as="style">
     
-    <script type="module" src="/assets/app.CxFGIg_I.js"></script>
+    <script type="module" src="/assets/app.CvfZ8yf2.js"></script>
     <link rel="preload" href="/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/assets/chunks/theme.B2b_1z_T.js">
+    <link rel="modulepreload" href="/assets/chunks/theme.BQpYnme8.js">
     <link rel="modulepreload" href="/assets/chunks/framework.DyoGesZS.js">
-    <link rel="modulepreload" href="/assets/index.md.BJXo33p3.lean.js">
+    <link rel="modulepreload" href="/assets/index.md.DpQvSWpN.lean.js">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-1df9f90f><!--[--><!--]--><!--[--><span tabindex="-1" data-v-331ec75c></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-331ec75c>Skip to content</a><!--]--><!----><header class="VPNav" data-v-1df9f90f data-v-9f75dce3><div class="VPNavBar home top" data-v-9f75dce3 data-v-9ca1369d><div class="wrapper" data-v-9ca1369d><div class="container" data-v-9ca1369d><div class="title" data-v-9ca1369d><div class="VPNavBarTitle" data-v-9ca1369d data-v-1e38c6bc><a class="title" href="/" data-v-1e38c6bc><!--[--><!--]--><!----><span data-v-1e38c6bc>Feel Your Protocol</span><!--[--><!--]--></a></div></div><div class="content" data-v-9ca1369d><div class="content-body" data-v-9ca1369d><!--[--><!--]--><div class="VPNavBarSearch search" data-v-9ca1369d data-v-2fc7f2c6><!--[--><button type="button" class="VPNavBarSearchButton" aria-label="Search" aria-keyshortcuts="/ control+k meta+k" data-v-2fc7f2c6 data-v-baa3be99><span class="vpi-search" aria-hidden="true" data-v-baa3be99></span><span class="text" data-v-baa3be99>Search</span><span class="keys" aria-hidden="true" data-v-baa3be99><kbd class="key-cmd" data-v-baa3be99>⌘</kbd><kbd class="key-ctrl" data-v-baa3be99>Ctrl</kbd><kbd data-v-baa3be99>K</kbd></span></button><!----><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-9ca1369d data-v-39714824><span id="main-nav-aria-label" class="visually-hidden" data-v-39714824> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/guide/getting-started.html" tabindex="0" data-v-39714824 data-v-52a1d768><!--[--><span data-v-52a1d768>Guide</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/contributing/how-to-contribute.html" tabindex="0" data-v-39714824 data-v-52a1d768><!--[--><span data-v-52a1d768>Contributing</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://feelyourprotocol.org" target="_blank" rel="noreferrer" tabindex="0" data-v-39714824 data-v-52a1d768><!--[--><span data-v-52a1d768>Website</span><!--]--></a><!--]--><!--]--></nav><!----><div class="VPNavBarAppearance appearance" data-v-9ca1369d data-v-6c893767><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-6c893767 data-v-5337faa4 data-v-1d5665e3><span class="check" data-v-1d5665e3><span class="icon" data-v-1d5665e3><!--[--><span class="vpi-sun sun" data-v-5337faa4></span><span class="vpi-moon moon" data-v-5337faa4></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-9ca1369d data-v-0394ad82 data-v-d07f11e6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/feelyourprotocol/website" aria-label="github" target="_blank" rel="me noopener" data-v-d07f11e6 data-v-591a6b30><span class="vpi-social-github"></span></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-9ca1369d data-v-bf2fac68 data-v-42cb505d><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-42cb505d><span class="vpi-more-horizontal icon" data-v-42cb505d></span></button><div class="menu" data-v-42cb505d><div class="VPMenu" data-v-42cb505d data-v-25a6cce8><!----><!--[--><!--[--><!----><div class="group" data-v-bf2fac68><div class="item appearance" data-v-bf2fac68><p class="label" data-v-bf2fac68>Appearance</p><div class="appearance-action" data-v-bf2fac68><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-bf2fac68 data-v-5337faa4 data-v-1d5665e3><span class="check" data-v-1d5665e3><span class="icon" data-v-1d5665e3><!--[--><span class="vpi-sun sun" data-v-5337faa4></span><span class="vpi-moon moon" data-v-5337faa4></span><!--]--></span></span></button></div></div></div><div class="group" data-v-bf2fac68><div class="item social-links" data-v-bf2fac68><div class="VPSocialLinks social-links-list" data-v-bf2fac68 data-v-d07f11e6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/feelyourprotocol/website" aria-label="github" target="_blank" rel="me noopener" data-v-d07f11e6 data-v-591a6b30><span class="vpi-social-github"></span></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-9ca1369d data-v-e5dd9c1c><span class="container" data-v-e5dd9c1c><span class="top" data-v-e5dd9c1c></span><span class="middle" data-v-e5dd9c1c></span><span class="bottom" data-v-e5dd9c1c></span></span></button></div></div></div></div><div class="divider" data-v-9ca1369d><div class="divider-line" data-v-9ca1369d></div></div></div><!----></header><!----><!----><div class="VPContent is-home" id="VPContent" data-v-1df9f90f data-v-c87f25bf><div class="VPHome" data-v-c87f25bf data-v-8b561e3d><!--[--><!--]--><div class="VPHero VPHomeHero" data-v-8b561e3d data-v-e394c869><div class="container" data-v-e394c869><div class="main" data-v-e394c869><!--[--><!--]--><!--[--><h1 class="heading" data-v-e394c869><span class="name clip" data-v-e394c869>Feel Your Protocol</span><span class="text" data-v-e394c869>Interactive Ethereum Protocol Explorations</span></h1><p class="tagline" data-v-e394c869>Explore, visualize and understand Ethereum protocol changes — hands on.</p><!--]--><!--[--><!--]--><div class="actions" data-v-e394c869><!--[--><div class="action" data-v-e394c869><a class="VPButton medium brand" href="/guide/getting-started.html" data-v-e394c869 data-v-01bff58b><!--[-->Get Started<!--]--></a></div><div class="action" data-v-e394c869><a class="VPButton medium alt" href="/contributing/how-to-contribute.html" data-v-e394c869 data-v-01bff58b><!--[-->How to Contribute<!--]--></a></div><div class="action" data-v-e394c869><a class="VPButton medium alt" href="https://github.com/feelyourprotocol/website" target="_blank" rel="noreferrer" data-v-e394c869 data-v-01bff58b><!--[-->View on GitHub<!--]--></a></div><!--]--></div><!--[--><!--]--></div><!----></div></div><!--[--><!--]--><!--[--><!--]--><div class="VPFeatures VPHomeFeatures" data-v-8b561e3d data-v-a6181336><div class="container" data-v-a6181336><div class="items" data-v-a6181336><!--[--><div class="grid-3 item" data-v-a6181336><div class="VPLink no-icon VPFeature" data-v-a6181336 data-v-5219619b><!--[--><article class="box" data-v-5219619b><!----><h2 class="title" data-v-5219619b>Interactive Explorations</h2><p class="details" data-v-5219619b>Each exploration gets its own self-contained folder with an interactive component that lets you explore the protocol change hands on.</p><!----></article><!--]--></div></div><div class="grid-3 item" data-v-a6181336><div class="VPLink no-icon VPFeature" data-v-a6181336 data-v-5219619b><!--[--><article class="box" data-v-5219619b><!----><h2 class="title" data-v-5219619b>Powered by Real Libraries</h2><p class="details" data-v-5219619b>Widgets run actual Ethereum library code in the browser — no mocks, no simplifications.</p><!----></article><!--]--></div></div><div class="grid-3 item" data-v-a6181336><div class="VPLink no-icon VPFeature" data-v-a6181336 data-v-5219619b><!--[--><article class="box" data-v-5219619b><!----><h2 class="title" data-v-5219619b>Collaborative & Open Source</h2><p class="details" data-v-5219619b>Designed for community contributions. The modular folder-per-exploration structure makes it easy to add new explorations or improve existing ones.</p><!----></article><!--]--></div></div><!--]--></div></div></div><!--[--><!--]--><div class="vp-doc container" style="" data-v-8b561e3d data-v-8e2d4988><!--[--><div style="position:relative;" data-v-8b561e3d><div><div class="warning custom-block"><p class="custom-block-title">Under Active Development</p><p>Both the Feel Your Protocol project and this documentation are in an early stage and under active development. Things may change frequently. Contributions and feedback are very welcome!</p></div></div></div><!--]--></div></div></div><footer class="VPFooter" data-v-1df9f90f data-v-c3855bb3><div class="container" data-v-c3855bb3><p class="message" data-v-c3855bb3>This project and its documentation are under active development.</p><!----></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"contributing_adding-an-exploration.md\":\"Bx_AiHel\",\"contributing_how-to-contribute.md\":\"C-N0YY81\",\"guide_architecture.md\":\"qxw0U9Or\",\"guide_getting-started.md\":\"BHVwHBbn\",\"guide_library-forks.md\":\"C-_4bMc7\",\"index.md\":\"BJXo33p3\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"Feel Your Protocol\",\"description\":\"Documentation for the Feel Your Protocol project\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/guide/getting-started\"},{\"text\":\"Contributing\",\"link\":\"/contributing/how-to-contribute\"},{\"text\":\"Website\",\"link\":\"https://feelyourprotocol.org\"}],\"sidebar\":[{\"text\":\"Guide\",\"items\":[{\"text\":\"Getting Started\",\"link\":\"/guide/getting-started\"},{\"text\":\"Architecture\",\"link\":\"/guide/architecture\"},{\"text\":\"Library Forks\",\"link\":\"/guide/library-forks\"}]},{\"text\":\"Contributing\",\"items\":[{\"text\":\"How to Contribute\",\"link\":\"/contributing/how-to-contribute\"},{\"text\":\"Adding an Exploration\",\"link\":\"/contributing/adding-an-exploration\"}]}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/feelyourprotocol/website\"}],\"search\":{\"provider\":\"local\"},\"footer\":{\"message\":\"This project and its documentation are under active development.\"}},\"locales\":{},\"scrollOffset\":134,\"cleanUrls\":false,\"additionalConfig\":{}}");</script>
+    <div id="app"><div class="Layout" data-v-1df9f90f><!--[--><!--]--><!--[--><span tabindex="-1" data-v-331ec75c></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-331ec75c>Skip to content</a><!--]--><!----><header class="VPNav" data-v-1df9f90f data-v-9f75dce3><div class="VPNavBar home top" data-v-9f75dce3 data-v-9ca1369d><div class="wrapper" data-v-9ca1369d><div class="container" data-v-9ca1369d><div class="title" data-v-9ca1369d><div class="VPNavBarTitle" data-v-9ca1369d data-v-1e38c6bc><a class="title" href="/" data-v-1e38c6bc><!--[--><!--]--><!----><span data-v-1e38c6bc>Feel Your Protocol</span><!--[--><!--]--></a></div></div><div class="content" data-v-9ca1369d><div class="content-body" data-v-9ca1369d><!--[--><!--]--><div class="VPNavBarSearch search" data-v-9ca1369d data-v-2fc7f2c6><!--[--><button type="button" class="VPNavBarSearchButton" aria-label="Search" aria-keyshortcuts="/ control+k meta+k" data-v-2fc7f2c6 data-v-baa3be99><span class="vpi-search" aria-hidden="true" data-v-baa3be99></span><span class="text" data-v-baa3be99>Search</span><span class="keys" aria-hidden="true" data-v-baa3be99><kbd class="key-cmd" data-v-baa3be99>⌘</kbd><kbd class="key-ctrl" data-v-baa3be99>Ctrl</kbd><kbd data-v-baa3be99>K</kbd></span></button><!----><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-9ca1369d data-v-39714824><span id="main-nav-aria-label" class="visually-hidden" data-v-39714824> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/guide/getting-started.html" tabindex="0" data-v-39714824 data-v-52a1d768><!--[--><span data-v-52a1d768>Guide</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/contributing/how-to-contribute.html" tabindex="0" data-v-39714824 data-v-52a1d768><!--[--><span data-v-52a1d768>Contributing</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://feelyourprotocol.org" target="_blank" rel="noreferrer" tabindex="0" data-v-39714824 data-v-52a1d768><!--[--><span data-v-52a1d768>Website</span><!--]--></a><!--]--><!--]--></nav><!----><div class="VPNavBarAppearance appearance" data-v-9ca1369d data-v-6c893767><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-6c893767 data-v-5337faa4 data-v-1d5665e3><span class="check" data-v-1d5665e3><span class="icon" data-v-1d5665e3><!--[--><span class="vpi-sun sun" data-v-5337faa4></span><span class="vpi-moon moon" data-v-5337faa4></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-9ca1369d data-v-0394ad82 data-v-d07f11e6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/feelyourprotocol/website" aria-label="github" target="_blank" rel="me noopener" data-v-d07f11e6 data-v-591a6b30><span class="vpi-social-github"></span></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-9ca1369d data-v-bf2fac68 data-v-42cb505d><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-42cb505d><span class="vpi-more-horizontal icon" data-v-42cb505d></span></button><div class="menu" data-v-42cb505d><div class="VPMenu" data-v-42cb505d data-v-25a6cce8><!----><!--[--><!--[--><!----><div class="group" data-v-bf2fac68><div class="item appearance" data-v-bf2fac68><p class="label" data-v-bf2fac68>Appearance</p><div class="appearance-action" data-v-bf2fac68><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-bf2fac68 data-v-5337faa4 data-v-1d5665e3><span class="check" data-v-1d5665e3><span class="icon" data-v-1d5665e3><!--[--><span class="vpi-sun sun" data-v-5337faa4></span><span class="vpi-moon moon" data-v-5337faa4></span><!--]--></span></span></button></div></div></div><div class="group" data-v-bf2fac68><div class="item social-links" data-v-bf2fac68><div class="VPSocialLinks social-links-list" data-v-bf2fac68 data-v-d07f11e6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/feelyourprotocol/website" aria-label="github" target="_blank" rel="me noopener" data-v-d07f11e6 data-v-591a6b30><span class="vpi-social-github"></span></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-9ca1369d data-v-e5dd9c1c><span class="container" data-v-e5dd9c1c><span class="top" data-v-e5dd9c1c></span><span class="middle" data-v-e5dd9c1c></span><span class="bottom" data-v-e5dd9c1c></span></span></button></div></div></div></div><div class="divider" data-v-9ca1369d><div class="divider-line" data-v-9ca1369d></div></div></div><!----></header><!----><!----><div class="VPContent is-home" id="VPContent" data-v-1df9f90f data-v-c87f25bf><div class="VPHome" data-v-c87f25bf data-v-8b561e3d><!--[--><!--]--><div class="VPHero VPHomeHero" data-v-8b561e3d data-v-e394c869><div class="container" data-v-e394c869><div class="main" data-v-e394c869><!--[--><!--]--><!--[--><h1 class="heading" data-v-e394c869><span class="name clip" data-v-e394c869>Feel Your Protocol</span><span class="text" data-v-e394c869>Interactive Ethereum Protocol Explorations</span></h1><p class="tagline" data-v-e394c869>Explore, visualize and understand Ethereum protocol changes — hands on.</p><!--]--><!--[--><!--]--><div class="actions" data-v-e394c869><!--[--><div class="action" data-v-e394c869><a class="VPButton medium brand" href="/guide/getting-started.html" data-v-e394c869 data-v-01bff58b><!--[-->Get Started<!--]--></a></div><div class="action" data-v-e394c869><a class="VPButton medium alt" href="/contributing/how-to-contribute.html" data-v-e394c869 data-v-01bff58b><!--[-->Contribute<!--]--></a></div><div class="action" data-v-e394c869><a class="VPButton medium alt" href="https://github.com/feelyourprotocol/website" target="_blank" rel="noreferrer" data-v-e394c869 data-v-01bff58b><!--[-->View on GitHub<!--]--></a></div><!--]--></div><!--[--><!--]--></div><!----></div></div><!--[--><!--]--><!--[--><!--]--><div class="VPFeatures VPHomeFeatures" data-v-8b561e3d data-v-a6181336><div class="container" data-v-a6181336><div class="items" data-v-a6181336><!--[--><div class="grid-4 item" data-v-a6181336><div class="VPLink no-icon VPFeature" data-v-a6181336 data-v-5219619b><!--[--><article class="box" data-v-5219619b><!----><h2 class="title" data-v-5219619b>Interactive Explorations</h2><p class="details" data-v-5219619b>Each exploration is a self-contained folder with an interactive widget that lets you explore a protocol change hands on — EIPs, ERCs, or promising research.</p><!----></article><!--]--></div></div><div class="grid-4 item" data-v-a6181336><div class="VPLink no-icon VPFeature" data-v-a6181336 data-v-5219619b><!--[--><article class="box" data-v-5219619b><!----><h2 class="title" data-v-5219619b>Powered by Real Libraries</h2><p class="details" data-v-5219619b>Widgets run actual Ethereum library code in the browser — no mocks, no simplifications. See how protocol changes behave with real inputs.</p><!----></article><!--]--></div></div><div class="grid-4 item" data-v-a6181336><div class="VPLink no-icon VPFeature" data-v-a6181336 data-v-5219619b><!--[--><article class="box" data-v-5219619b><!----><h2 class="title" data-v-5219619b>Reusable E-Components</h2><p class="details" data-v-5219619b>Common Ethereum patterns like precompile interfaces are packaged as reusable E-Components with stable APIs, so you can build new explorations fast.</p><!----></article><!--]--></div></div><div class="grid-4 item" data-v-a6181336><div class="VPLink no-icon VPFeature" data-v-a6181336 data-v-5219619b><!--[--><article class="box" data-v-5219619b><!----><h2 class="title" data-v-5219619b>Collaborative & Open Source</h2><p class="details" data-v-5219619b>Designed for community contributions. A modular folder-per-exploration structure and shared components make it straightforward to add new explorations.</p><!----></article><!--]--></div></div><!--]--></div></div></div><!--[--><!--]--><div class="vp-doc container" style="" data-v-8b561e3d data-v-8e2d4988><!--[--><div style="position:relative;" data-v-8b561e3d><div><div class="tip custom-block"><p class="custom-block-title">Want to contribute?</p><p>The fastest way to get started is to <a href="/contributing/adding-an-exploration.html">add a new exploration</a>. Each one lives in a single folder with just two files — metadata and your interactive widget.</p></div></div></div><!--]--></div></div></div><footer class="VPFooter" data-v-1df9f90f data-v-c3855bb3><div class="container" data-v-c3855bb3><p class="message" data-v-c3855bb3>This project and its documentation are under active development.</p><!----></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"contributing_adding-an-exploration.md\":\"Ahsvo_Ol\",\"contributing_code-conventions.md\":\"BFjoMQv_\",\"contributing_e-components.md\":\"_pZHAy_w\",\"contributing_how-to-contribute.md\":\"XKvLYLkk\",\"contributing_library-forks.md\":\"DYk1JQhp\",\"guide_architecture.md\":\"BSBE4DKA\",\"guide_getting-started.md\":\"B-wiDt-S\",\"index.md\":\"DpQvSWpN\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"Feel Your Protocol\",\"description\":\"Documentation for the Feel Your Protocol project\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/guide/getting-started\"},{\"text\":\"Contributing\",\"link\":\"/contributing/how-to-contribute\"},{\"text\":\"Website\",\"link\":\"https://feelyourprotocol.org\"}],\"sidebar\":[{\"text\":\"Guide\",\"items\":[{\"text\":\"Getting Started\",\"link\":\"/guide/getting-started\"},{\"text\":\"Architecture\",\"link\":\"/guide/architecture\"}]},{\"text\":\"Contributing\",\"items\":[{\"text\":\"How to Contribute\",\"link\":\"/contributing/how-to-contribute\"},{\"text\":\"Adding an Exploration\",\"link\":\"/contributing/adding-an-exploration\"},{\"text\":\"Using E-Components\",\"link\":\"/contributing/e-components\"},{\"text\":\"Code Conventions\",\"link\":\"/contributing/code-conventions\"},{\"text\":\"Library Forks\",\"link\":\"/contributing/library-forks\"}]}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/feelyourprotocol/website\"}],\"search\":{\"provider\":\"local\"},\"footer\":{\"message\":\"This project and its documentation are under active development.\"}},\"locales\":{},\"scrollOffset\":134,\"cleanUrls\":false,\"additionalConfig\":{}}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/docs/.vitepress/config.ts b/docs/.vitepress/config.ts
index 4a07619..b0a8b41 100644
--- a/docs/.vitepress/config.ts
+++ b/docs/.vitepress/config.ts
@@ -16,7 +16,6 @@ export default defineConfig({
         items: [
           { text: 'Getting Started', link: '/guide/getting-started' },
           { text: 'Architecture', link: '/guide/architecture' },
-          { text: 'Library Forks', link: '/guide/library-forks' },
         ],
       },
       {
@@ -24,6 +23,9 @@ export default defineConfig({
         items: [
           { text: 'How to Contribute', link: '/contributing/how-to-contribute' },
           { text: 'Adding an Exploration', link: '/contributing/adding-an-exploration' },
+          { text: 'Using E-Components', link: '/contributing/e-components' },
+          { text: 'Code Conventions', link: '/contributing/code-conventions' },
+          { text: 'Library Forks', link: '/contributing/library-forks' },
         ],
       },
     ],
diff --git a/docs/contributing/adding-an-exploration.md b/docs/contributing/adding-an-exploration.md
index 285957f..65b610f 100644
--- a/docs/contributing/adding-an-exploration.md
+++ b/docs/contributing/adding-an-exploration.md
@@ -1,35 +1,42 @@
 # Adding an Exploration
 
-::: warning Under Active Development
-Both the Feel Your Protocol project and this documentation are in an early stage and under active development. Things may change frequently.
-:::
+Each exploration lives in its own folder under `src/explorations/` with a few files. This guide walks you through adding a new one.
 
-## Overview
+## Quick Overview
 
-Each exploration lives in its own folder under `src/explorations/` with two files: `info.ts` (metadata) and `MyC.vue` (interactive widget). This guide walks you through adding a new one.
+An exploration folder looks like this:
 
-## Step 1: Create the Exploration Folder
+```
+src/explorations/eip-XXXX/
+├── info.ts         # Metadata (required)
+├── MyC.vue         # Interactive widget (required)
+├── examples.ts     # Example presets (recommended)
+└── data/           # Optional data files
+```
 
-Create a new folder in `src/explorations/` named after your exploration's ID. The ID should be lowercase and hyphen-separated (e.g. `eip-XXXX`, `erc-XXXX`, or any descriptive identifier):
+## Step 1: Create the Folder
+
+Create a new folder in `src/explorations/` named after your exploration's ID. Use lowercase, hyphen-separated names:
 
 ```bash
 mkdir src/explorations/eip-XXXX
 ```
 
+The ID can be `eip-XXXX`, `erc-XXXX`, or any descriptive identifier for research topics.
+
 ## Step 2: Create `info.ts`
 
-Create `src/explorations/eip-XXXX/info.ts` with your exploration's metadata:
+This file defines all the metadata for your exploration:
 
 ```typescript
-import type { Exploration } from '../REGISTRY'
+import type { Exploration } from '@/explorations/REGISTRY'
 
 export const INFO: Exploration = {
   id: 'eip-XXXX',
   path: '/eip-XXXX-short-description',
   title: 'Human-Readable Title',
   infoURL: 'https://eips.ethereum.org/EIPS/eip-XXXX',
-  topics: ['fusaka'],
-  image: 'fusaka.webp',
+  topic: 'fusaka',
   introText:
     '<b>What does this change?</b> ' +
     'A brief introduction to the protocol change.',
@@ -41,7 +48,7 @@ export const INFO: Exploration = {
 }
 ```
 
-**Fields:**
+### Field Reference
 
 | Field | Required | Description |
 |-------|----------|-------------|
@@ -49,44 +56,128 @@ export const INFO: Exploration = {
 | `path` | Yes | URL path for the exploration page |
 | `title` | Yes | Display title |
 | `infoURL` | Yes | Link to the specification or reference material |
-| `topics` | No | Array of topic IDs this exploration belongs to |
-| `image` | No | Image filename from `src/assets/` (e.g. `fusaka.webp`) |
+| `topic` | Yes | Topic ID this exploration belongs to (e.g. `'fusaka'`) |
+| `image` | No | Imported image for topic overview display |
 | `introText` | No | HTML-formatted introduction paragraph |
 | `usageText` | No | HTML-formatted usage instructions |
-| `poweredBy` | No | Array of `{ name, href }` for library credits |
+| `poweredBy` | Yes | Array of `{ name, href }` for library credits |
+
+## Step 3: Create `examples.ts`
+
+Define example presets that users can select from a dropdown:
+
+```typescript
+import type { Examples } from '@/components/lib/general'
+
+export const examples: Examples = {
+  basic: {
+    title: 'Basic Example',
+    values: ['deadbeef'],
+  },
+  advanced: {
+    title: 'Advanced Example',
+    values: ['cafebabe', '0102030405'],
+  },
+}
+```
+
+Each example has a `title` (displayed in the dropdown) and a `values` array (the preset input values).
+
+## Step 4: Create `MyC.vue`
 
-## Step 3: Create `MyC.vue`
+This is your interactive widget. The approach depends on what you are building.
 
-Create `src/explorations/eip-XXXX/MyC.vue` with your interactive widget. Use `ExplorationC` as the wrapper component for consistent layout:
+### Option A: Custom Widget
+
+For explorations with unique behavior, build the widget from scratch using shared UI components:
 
 ```vue
 <script setup lang="ts">
-import ExplorationC from '../ExplorationC.vue'
-import PoweredByC from '../PoweredByC.vue'
-import { INFO } from './info'
+import { ref } from 'vue'
+
+import { PP_BOX_LAYOUT } from '@/components/lib/layout'
+import ExamplesC from '@/components/ui/ExamplesC.vue'
+import HexDataInputC from '@/components/ui/HexDataInputC.vue'
+import PPBoxC from '@/components/ui/PPBoxC.vue'
+import ExplorationC from '@/explorations/ExplorationC.vue'
+import PoweredByC from '@/explorations/PoweredByC.vue'
+import { TOPICS } from '@/explorations/TOPICS'
+
+import { examples } from './examples'
+import { INFO as exploration } from './info'
+
+const topic = TOPICS[exploration.topic]
+const data = ref('')
+const example = ref('')
+
+async function selectExample() {
+  if (example.value === '') return
+  data.value = examples[example.value]!.values[0]
+}
+
+async function onDataInputFormChange() {
+  example.value = ''
+}
 
-const exploration = INFO
-const poweredBy = exploration.poweredBy ?? []
+async function init() {
+  example.value = 'basic'
+  await selectExample()
+}
+
+await init()
 </script>
 
 <template>
-  <div>
-    <ExplorationC :explorationId="exploration.id" :exploration="exploration">
-      <template v-slot:content>
-        <!-- Your interactive widget here -->
-        <p>Widget content goes here.</p>
-      </template>
-    </ExplorationC>
-    <PoweredByC :poweredBy="poweredBy" />
-  </div>
+  <ExplorationC explorationId="eip-XXXX" :exploration="exploration" :topic="topic">
+    <template #content>
+      <div>
+        <ExamplesC v-model="example" :examples="examples" :change="selectExample" />
+        <HexDataInputC v-model="data" rows="6" :formChange="onDataInputFormChange" />
+        <!-- Your result display here -->
+        <PoweredByC :poweredBy="exploration.poweredBy" :topic="topic" />
+      </div>
+    </template>
+  </ExplorationC>
 </template>
 ```
 
-The `ExplorationC` wrapper automatically renders the title, info link, intro text and usage text from your `info.ts`. You only need to provide the interactive content via the `content` slot.
+The `ExplorationC` wrapper renders the title, info link, intro text, and usage text from your `info.ts`. You provide the interactive content via the `#content` slot.
 
-For shared UI components (hex inputs, result displays, etc.), import from `../../components/ui/` and `../../components/precompiles/`. Browse existing explorations for examples.
+### Option B: Precompile Interface E-Component
 
-## Step 4: Register in the Registry
+If your exploration is about a precompile, you can use the Precompile Interface E-Component and get a full-featured widget in ~30 lines:
+
+```vue
+<script setup lang="ts">
+import { Hardfork } from '@ethereumjs/common'
+
+import PrecompileInterfaceEC from '@/eComponents/precompileInterfaceEC/PrecompileInterfaceEC.vue'
+import type { PrecompileConfig } from '@/eComponents/precompileInterfaceEC/types'
+
+import { examples } from './examples'
+import { INFO as exploration } from './info'
+
+const config: PrecompileConfig = {
+  explorationId: 'eip-XXXX',
+  precompileAddress: '0a',
+  preHardfork: Hardfork.Prague,
+  postHardfork: Hardfork.Osaka,
+  defaultExample: 'basic',
+  values: [
+    { title: 'Input A', urlParam: 'a', expectedLen: 32n },
+    { title: 'Input B', urlParam: 'b', expectedLen: 32n },
+  ],
+}
+</script>
+
+<template>
+  <PrecompileInterfaceEC :config="config" :examples="examples" :exploration="exploration" />
+</template>
+```
+
+See [Using E-Components](/contributing/e-components) for the full API reference.
+
+## Step 5: Register in the Registry
 
 Add one import line to `src/explorations/REGISTRY.ts`:
 
@@ -99,34 +190,35 @@ export const EXPLORATIONS: Explorations = {
 }
 ```
 
-That's it for registration. The router reads from `EXPLORATIONS` and automatically creates the route — no manual route configuration needed.
+The router reads from `EXPLORATIONS` and automatically creates the route — no manual route configuration needed.
 
-## Step 5: Add Library Dependencies
+## Step 6: Install Dependencies
 
-If your widget needs an Ethereum library (or a custom fork), install it and import it only in your `MyC.vue` file:
+If your widget needs additional libraries, install them:
 
 ```bash
 npm install some-library
 ```
 
-If you need a library fork, see the [Library Forks](../guide/library-forks.md) guide. Key rule: **only import fork-specific libraries in your `MyC.vue`**, never in shared code. This keeps each exploration's dependencies isolated via Vite's code splitting.
-
-## Step 6: Add Tests
+Import libraries only in your `MyC.vue` — never in shared code. This keeps each exploration's dependencies isolated via Vite's code splitting.
 
-Add a Cypress E2E test in `cypress/e2e/` to verify basic widget functionality. Name it after your exploration ID (e.g. `eip-XXXX.cy.ts`).
+If you need a custom library fork (e.g. with experimental features), see [Library Forks](/contributing/library-forks).
 
-## Step 7: Build and Verify
+## Step 7: Verify
 
 ```bash
-npm run build        # verify production build works
-npm run test:e2e     # run E2E tests
+npm run dev          # check your exploration locally
+npm run lf           # format + lint
+npm run type-check   # TypeScript check
+npm run build        # verify production build
 ```
 
-## Quick Checklist
+## Checklist
 
 - [ ] Created `src/explorations/<id>/info.ts` with metadata
 - [ ] Created `src/explorations/<id>/MyC.vue` with interactive widget
+- [ ] Created `src/explorations/<id>/examples.ts` with example presets
 - [ ] Added import and entry in `src/explorations/REGISTRY.ts`
-- [ ] Added library dependencies (if needed)
-- [ ] Added E2E test
-- [ ] Build passes (`npm run build`)
+- [ ] Installed library dependencies (if needed)
+- [ ] Linting and type checking pass
+- [ ] Production build succeeds
diff --git a/docs/contributing/code-conventions.md b/docs/contributing/code-conventions.md
new file mode 100644
index 0000000..0d347dd
--- /dev/null
+++ b/docs/contributing/code-conventions.md
@@ -0,0 +1,153 @@
+# Code Conventions
+
+This page documents the coding conventions used throughout the project. Following these ensures consistency and makes PRs easier to review.
+
+## Imports
+
+### Path Style
+
+Use `@/` path aliases for cross-module imports and relative paths (`./`, `../`) for local/sibling imports within the same module:
+
+```typescript
+// External packages first
+import { Hardfork } from '@ethereumjs/common'
+
+// Internal @/ alias imports
+import { PP_BOX_LAYOUT } from '@/components/lib/layout'
+import PPBoxC from '@/components/ui/PPBoxC.vue'
+import ExplorationC from '@/explorations/ExplorationC.vue'
+
+// Local relative imports last
+import { examples } from './examples'
+import { INFO as exploration } from './info'
+```
+
+The `@/` alias maps to `src/`. It is configured in both `vite.config.ts` and `tsconfig.app.json`.
+
+### Import Sorting
+
+Imports are automatically sorted and grouped by ESLint using `eslint-plugin-simple-import-sort`. The enforced order is:
+
+1. **External packages** — anything not starting with `.` or `@/` (e.g. `vue`, `@ethereumjs/common`)
+2. **Internal `@/` alias imports** — cross-module imports via the `@/` alias
+3. **Local relative imports** — `./` and `../` paths
+
+Run `npm run lint` to auto-fix import order. This is enforced in CI.
+
+## Naming
+
+### E-Components
+
+E-Component folders and files use the `EC` postfix:
+
+- Folder: `src/eComponents/precompileInterfaceEC/`
+- Component: `PrecompileInterfaceEC.vue`
+- Composable: `usePrecompileState.ts`
+
+### Explorations
+
+- Folder: lowercase, hyphen-separated ID (`eip-7883`, `erc-XXXX`)
+- Widget: always `MyC.vue`
+- Metadata: always `info.ts`
+- Examples: always `examples.ts`
+
+### UI Components
+
+Standard Vue component naming in `src/components/ui/`:
+- Components end with `C` (e.g. `PPBoxC.vue`, `ExamplesC.vue`)
+- Non-component helpers have descriptive names (e.g. `PPBoxErrorText.vue`)
+
+## Vue Patterns
+
+### Composition API
+
+All components use `<script setup lang="ts">`. Key patterns:
+
+```vue
+<script setup lang="ts">
+import { ref } from 'vue'
+
+// Use ref() without redundant type annotations when the type is inferred
+const data = ref('')
+const count = ref(0)
+
+// Use function declarations for top-level functions
+async function handleSubmit() {
+  // ...
+}
+
+// Use shorthand slot syntax
+</script>
+
+<template>
+  <SomeComponent>
+    <template #content>  <!-- not v-slot:content -->
+      <!-- ... -->
+    </template>
+  </SomeComponent>
+</template>
+```
+
+### Strict Equality
+
+Always use `===` and `!==`, never `==` or `!=`.
+
+### No Console Logging
+
+Remove all `console.log` statements before submitting. Use error handling with `errorMsg` refs for user-facing messages.
+
+## Linting & Formatting
+
+The project uses ESLint 9 (flat config) and Prettier:
+
+```bash
+npm run lf           # format with Prettier, then lint with ESLint (auto-fix)
+npm run lf:ci        # check only, no auto-fix (used in CI)
+npm run lint         # ESLint auto-fix only
+npm run format       # Prettier only
+npm run type-check   # vue-tsc type checking
+```
+
+The ESLint config (`eslint.config.ts`) includes:
+- Vue essential rules
+- TypeScript recommended rules
+- Import sorting (`eslint-plugin-simple-import-sort`)
+- Vitest rules for test files
+- Cypress rules for E2E files
+
+## Testing
+
+### Unit Tests
+
+Unit tests use [Vitest](https://vitest.dev/) with [Vue Test Utils](https://test-utils.vuejs.org/) and a JSDOM environment. They live in `__tests__/` folders alongside their source:
+
+```
+src/views/__tests__/
+├── HomeView.spec.ts
+├── TopicView.spec.ts
+├── ImprintView.spec.ts
+└── AppLayout.spec.ts
+```
+
+Run unit tests:
+
+```bash
+npx vitest run       # single run
+npm run test:unit    # watch mode
+```
+
+### E2E Tests
+
+E2E tests use [Cypress](https://www.cypress.io/) and are kept as lean smoke tests for critical navigation and integration flows. They live in `cypress/e2e/`:
+
+```bash
+npm run test:e2e     # headless run (requires build)
+npm run test:e2e:dev # interactive mode with dev server
+```
+
+### What to Test Where
+
+| Test type | Tool | What to test |
+|-----------|------|-------------|
+| Unit | Vitest | Component rendering, content, props, computed values |
+| E2E | Cypress | Page loading, navigation flows, critical user journeys |
diff --git a/docs/contributing/e-components.md b/docs/contributing/e-components.md
new file mode 100644
index 0000000..4a938b6
--- /dev/null
+++ b/docs/contributing/e-components.md
@@ -0,0 +1,161 @@
+# Using E-Components
+
+**E-Components** are reusable, Ethereum-specific components that encapsulate common patterns across explorations. They live in `src/eComponents/` and are designed to let you build new explorations quickly without duplicating logic.
+
+## Naming Convention
+
+E-Component folders and component files are post-fixed with `EC` (for E-Component):
+
+```
+src/eComponents/
+└── precompileInterfaceEC/          # folder: <name>EC
+    ├── PrecompileInterfaceEC.vue   # component: <Name>EC.vue
+    ├── types.ts                    # shared types
+    ├── usePrecompileState.ts       # composable (state + logic)
+    └── run.ts                      # utilities
+```
+
+## Precompile Interface E-Component
+
+The Precompile Interface E-Component provides a complete interface for exploring EVM precompiles. It handles:
+
+- Example selection and URL sharing
+- Hex data input with parsing and validation
+- Individual value inputs with byte length tracking
+- Side-by-side pre/post hardfork comparison (running the precompile on two different EVM versions)
+- Result display with gas cost and output data
+
+### Basic Usage
+
+A precompile exploration needs just a config object and a single component tag:
+
+```vue
+<script setup lang="ts">
+import { Hardfork } from '@ethereumjs/common'
+
+import PrecompileInterfaceEC from '@/eComponents/precompileInterfaceEC/PrecompileInterfaceEC.vue'
+import type { PrecompileConfig } from '@/eComponents/precompileInterfaceEC/types'
+
+import { examples } from './examples'
+import { INFO as exploration } from './info'
+
+const config: PrecompileConfig = {
+  explorationId: 'eip-XXXX',
+  precompileAddress: '0a',
+  preHardfork: Hardfork.Prague,
+  postHardfork: Hardfork.Osaka,
+  defaultExample: 'basic',
+  values: [
+    { title: 'Input A', urlParam: 'a', expectedLen: 32n },
+    { title: 'Input B', urlParam: 'b', expectedLen: 32n },
+  ],
+}
+</script>
+
+<template>
+  <PrecompileInterfaceEC :config="config" :examples="examples" :exploration="exploration" />
+</template>
+```
+
+### `PrecompileConfig` Reference
+
+```typescript
+interface PrecompileConfig {
+  explorationId: string
+  precompileAddress: string
+  preHardfork: Hardfork
+  postHardfork: Hardfork
+  defaultExample: string
+  showBigInt?: boolean
+  values: PrecompileValueDef[]
+  assembleData?: (hexVals: string[], byteLengths: bigint[]) => string
+  parseData?: (data: string, byteLengths: bigint[]) => void
+}
+```
+
+| Field | Required | Description |
+|-------|----------|-------------|
+| `explorationId` | Yes | Matches the exploration's `id` in `info.ts` |
+| `precompileAddress` | Yes | Hex address of the precompile (e.g. `'05'` for ModExp) |
+| `preHardfork` | Yes | Hardfork for the "before" comparison |
+| `postHardfork` | Yes | Hardfork for the "after" comparison |
+| `defaultExample` | Yes | Key from `examples.ts` to load on initialization |
+| `showBigInt` | No | Show BigInt representations for values (default: per-value setting) |
+| `values` | Yes | Array of value definitions (see below) |
+| `assembleData` | No | Custom function to assemble raw hex data from individual values |
+| `parseData` | No | Custom function to parse raw hex data into individual values |
+
+### `PrecompileValueDef` Reference
+
+```typescript
+interface PrecompileValueDef {
+  title: string
+  urlParam?: string
+  expectedLen?: bigint
+  initialHex?: string
+  showBigInt?: boolean
+  showInput?: boolean
+}
+```
+
+| Field | Required | Description |
+|-------|----------|-------------|
+| `title` | Yes | Display label for this value |
+| `urlParam` | No | URL query parameter name for sharing (omit for computed values) |
+| `expectedLen` | No | Expected byte length for validation |
+| `initialHex` | No | Initial hex value (used for length-prefix fields) |
+| `showBigInt` | No | Show BigInt representation for this value |
+| `showInput` | No | Whether to show the input field (default: `true`, set `false` for computed fields) |
+
+### Custom Data Assembly
+
+By default, individual values are simply concatenated to form the raw hex data. For precompiles with non-trivial data formats (like ModExp, which has length prefixes), provide custom `assembleData` and `parseData` functions:
+
+```typescript
+const config: PrecompileConfig = {
+  // ...
+  values: [
+    { title: 'Blen', expectedLen: 32n, initialHex: '00'.repeat(32), showInput: false },
+    { title: 'Elen', expectedLen: 32n, initialHex: '00'.repeat(32), showInput: false },
+    { title: 'Mlen', expectedLen: 32n, initialHex: '00'.repeat(32), showInput: false },
+    { title: 'B', urlParam: 'b' },
+    { title: 'E', urlParam: 'e' },
+    { title: 'M', urlParam: 'm' },
+  ],
+  assembleData: (hexVals, byteLengths) =>
+    toHex(byteLengths[3], 32 * 2) +
+    toHex(byteLengths[4], 32 * 2) +
+    toHex(byteLengths[5], 32 * 2) +
+    padHex(hexVals[3]) +
+    padHex(hexVals[4]) +
+    padHex(hexVals[5]),
+  parseData: (data, byteLengths) => {
+    byteLengths[3] = hexToBigInt(`0x${data.substring(0, 64)}`)
+    byteLengths[4] = hexToBigInt(`0x${data.substring(64, 128)}`)
+    byteLengths[5] = hexToBigInt(`0x${data.substring(128, 192)}`)
+  },
+}
+```
+
+### Real-World Examples
+
+Two existing explorations use this E-Component:
+
+- **EIP-7951** (secp256r1 precompile): Simple case with 5 fixed-length values — [see source](https://github.com/feelyourprotocol/website/blob/main/src/explorations/eip-7951/MyC.vue)
+- **EIP-7883** (ModExp gas cost): Advanced case with computed length fields and custom data assembly — [see source](https://github.com/feelyourprotocol/website/blob/main/src/explorations/eip-7883/MyC.vue)
+
+## Creating a New E-Component
+
+If you spot a pattern that could be reused across explorations, consider creating a new E-Component:
+
+1. Create a folder in `src/eComponents/` following the naming convention: `<name>EC/`
+2. Define a `types.ts` with the configuration interface
+3. Extract shared logic into a composable (`use<Name>.ts`)
+4. Build the component(s) with clean props-based APIs
+5. Export everything the consumer needs
+
+A good E-Component should:
+- Accept a **config object** rather than many individual props
+- Provide sensible defaults where possible
+- Allow customization hooks (like `assembleData`/`parseData` above)
+- Keep the consumer's `MyC.vue` short and declarative
diff --git a/docs/contributing/how-to-contribute.md b/docs/contributing/how-to-contribute.md
index 1770e16..a94db71 100644
--- a/docs/contributing/how-to-contribute.md
+++ b/docs/contributing/how-to-contribute.md
@@ -1,43 +1,89 @@
 # How to Contribute
 
-::: warning Under Active Development
-Both the Feel Your Protocol project and this documentation are in an early stage and under active development. Things may change frequently.
-:::
+Contributions are what make Feel Your Protocol useful. Whether you are adding a brand-new exploration, polishing an existing one, or improving the shared components — every contribution helps the Ethereum community understand protocol changes better.
 
 ## Ways to Contribute
 
-- **Add a new exploration** — the most impactful contribution (see [Adding an Exploration](./adding-an-exploration.md))
-- **Improve an existing exploration** — better examples, UI improvements, bug fixes
-- **Improve documentation** — fix typos, add guides, clarify explanations
-- **Report issues** — found a bug or have a suggestion? Open an issue
+### Add a New Exploration
 
-## Development Workflow
+This is the most impactful contribution. Each exploration is a self-contained folder with metadata and an interactive widget. The [Adding an Exploration](/contributing/adding-an-exploration) guide walks you through it step by step.
+
+### Improve an Existing Exploration
+
+- Better examples and presets
+- UI/UX improvements
+- Bug fixes
+- More informative intro and usage texts
+
+### Build or Improve E-Components
+
+[E-Components](/contributing/e-components) are reusable Ethereum-specific components (e.g. a precompile interface). If you spot a pattern shared across explorations, it might be a candidate for a new E-Component.
+
+### Improve Documentation
 
-1. Fork the repository
-2. Create a feature branch
-3. Make your changes
-4. Run linting and tests:
+Fix typos, add guides, clarify explanations. Documentation lives in the `docs/` folder as standard markdown files. Preview locally with:
 
 ```bash
-npm run lf          # format + lint
-npm run test:unit   # unit tests
-npm run test:e2e    # E2E tests
+npm run docs:dev
 ```
 
-5. Submit a pull request
+### Report Issues
 
-## Code Style
+Found a bug or have a suggestion? [Open an issue](https://github.com/feelyourprotocol/website/issues) on GitHub.
 
-- **Formatting**: Prettier (auto-formatted with `npm run format`)
-- **Linting**: ESLint (auto-fixed with `npm run lint`)
-- **Run both**: `npm run lf`
+## Development Workflow
 
-## Documentation
+### 1. Setup
 
-This documentation is built with [VitePress](https://vitepress.dev/). Docs live in the `docs/` folder as standard markdown files.
+```bash
+git clone https://github.com/feelyourprotocol/website.git
+cd website
+npm install
+```
 
-To preview docs changes locally:
+### 2. Develop
 
 ```bash
-npm run docs:dev
+npm run dev          # start dev server
 ```
+
+### 3. Verify
+
+Before submitting a PR, run all quality checks:
+
+```bash
+npm run lf           # format + lint (auto-fix)
+npm run type-check   # TypeScript type checking
+npx vitest run       # unit tests (single run)
+npm run test:e2e     # E2E tests
+```
+
+### 4. Submit
+
+- Fork the repository and create a feature branch
+- Make your changes
+- Ensure all checks pass
+- Submit a pull request with a clear description of what you changed and why
+
+## What Goes Where
+
+| What you are working on | Where it lives |
+|------------------------|----------------|
+| A new exploration | `src/explorations/<id>/` |
+| Exploration metadata | `src/explorations/<id>/info.ts` |
+| Interactive widget | `src/explorations/<id>/MyC.vue` |
+| Example presets | `src/explorations/<id>/examples.ts` |
+| Exploration registry | `src/explorations/REGISTRY.ts` |
+| E-Components | `src/eComponents/<name>EC/` |
+| Shared UI components | `src/components/ui/` |
+| Shared utilities | `src/components/lib/` |
+| Unit tests | `src/views/__tests__/` (or co-located `__tests__/`) |
+| E2E tests | `cypress/e2e/` |
+| Documentation | `docs/` |
+
+## Further Reading
+
+- [Adding an Exploration](/contributing/adding-an-exploration) — step-by-step guide
+- [Using E-Components](/contributing/e-components) — reusable Ethereum-specific components
+- [Code Conventions](/contributing/code-conventions) — imports, naming, linting, testing
+- [Library Forks](/contributing/library-forks) — when you need a custom library build
diff --git a/docs/contributing/library-forks.md b/docs/contributing/library-forks.md
new file mode 100644
index 0000000..7f3f145
--- /dev/null
+++ b/docs/contributing/library-forks.md
@@ -0,0 +1,46 @@
+# Library Forks
+
+Feel Your Protocol runs real Ethereum library code in the browser. Some explorations need a modified version of a library — for example, a version with a new precompile implementation or experimental gas calculation changes that have not been released yet.
+
+Rather than waiting for upstream releases, the project maintains targeted forks used by specific exploration pages.
+
+## How Forks Work
+
+### npm Package Aliases
+
+Multiple versions of the same library coexist in `package.json` using npm aliases:
+
+```json
+{
+  "dependencies": {
+    "@ethereumjs/evm": "^10.1.1-nightly.1",
+    "@ethereumjs/evm-experimental": "npm:@ethereumjs/evm@^11.0.0-fork.1"
+  }
+}
+```
+
+Each alias is a fully independent install. In code, you import the specific version you need:
+
+```typescript
+import { EVM } from '@ethereumjs/evm'
+import { EVM as EVMExp } from '@ethereumjs/evm-experimental'
+```
+
+### Monorepo Libraries
+
+For libraries from monorepos (like EthereumJS), where the target package has several intra-monorepo dependencies, use **pre-bundled ESM builds**. The fork is bundled on the monorepo side with all internal dependencies resolved, producing a single ESM file with no internal wiring issues.
+
+### Per-Route Isolation
+
+Each fork is only imported in its specific exploration's `MyC.vue`. Thanks to Vite's code splitting, the fork's code is only loaded when the user visits that exploration's page. Other pages are unaffected.
+
+**Key rule:** Only import fork-specific libraries in your `MyC.vue` — never in shared code or E-Components.
+
+## Adding a New Fork
+
+1. Fork the upstream library (or create a branch if you have access)
+2. Make your changes
+3. For single-package repos: add an npm alias in `package.json` pointing to your fork
+4. For monorepo packages: create a bundled build, then reference it
+5. Import the fork only in your exploration's `MyC.vue`
+6. Document the fork in your PR description
diff --git a/docs/guide/architecture.md b/docs/guide/architecture.md
index f0eea0b..fe9e35b 100644
--- a/docs/guide/architecture.md
+++ b/docs/guide/architecture.md
@@ -1,9 +1,5 @@
 # Architecture
 
-::: warning Under Active Development
-Both the Feel Your Protocol project and this documentation are in an early stage and under active development. Things may change frequently.
-:::
-
 ## Overview
 
 Feel Your Protocol is a Vue 3 application built with Vite. The core idea is simple: each Ethereum protocol change gets its own interactive widget that runs real library code in the browser.
@@ -15,69 +11,81 @@ Feel Your Protocol is a Vue 3 application built with Vite. The core idea is simp
 - **[Tailwind CSS v4](https://tailwindcss.com/)** for styling
 - **[Vue Router](https://router.vuejs.org/)** with route-level code splitting
 - **[VitePress](https://vitepress.dev/)** for documentation
+- **[Vitest](https://vitest.dev/)** + **[Vue Test Utils](https://test-utils.vuejs.org/)** for unit testing
 - **[Cypress](https://www.cypress.io/)** for E2E testing
 - **[Heroicons](https://heroicons.com/)** for icons (`@heroicons/vue`)
 
-## Content Structure
+## Content Model
 
 Content is organized around two concepts:
 
-- **Explorations** — the core unit. Each exploration represents an interactive widget for a protocol change (EIP, ERC, or other research topic). Explorations live in `src/explorations/`.
-- **Topics** — group explorations by theme (e.g. "Fusaka" for an upcoming hardfork). Each exploration can belong to zero or more topics via the `topics` array. Topics are defined in `src/explorations/TOPICS.ts`.
-
-### The `src/explorations/` Folder
+### Explorations
 
-This is the heart of the project. Each exploration is a self-contained folder:
+The core content unit. Each exploration represents an interactive widget for a protocol change — EIPs, ERCs, or research topics. Explorations live in `src/explorations/`, one folder per exploration:
 
 ```
-src/explorations/
-├── REGISTRY.ts            # Assembles all explorations, exports EXPLORATIONS dict
-├── TOPICS.ts              # Topic definitions
-├── ExplorationC.vue       # Shared wrapper component (title, description, buttons)
-├── PoweredByC.vue         # Shared "powered by" footer
-├── eip-7594/
-│   ├── info.ts            # Metadata: id, title, path, infoURL, introText, usageText, …
-│   └── MyC.vue            # The interactive widget
-├── eip-7883/
-│   ├── info.ts
-│   └── MyC.vue
-└── eip-7951/
-    ├── info.ts
-    └── MyC.vue
+src/explorations/eip-7883/
+├── info.ts         # Metadata: id, title, path, topic, introText, poweredBy, …
+├── MyC.vue         # The interactive widget
+└── examples.ts     # Example presets for the widget
 ```
 
-Each `info.ts` exports a `const INFO` object typed as `Exploration`. The `REGISTRY.ts` imports all `INFO` constants and assembles them into the `EXPLORATIONS` dictionary. The router reads from this to automatically create routes — no manual route registration needed.
+Each `info.ts` exports a `const INFO` object typed as `Exploration`. The `REGISTRY.ts` imports all `INFO` constants and assembles them into the `EXPLORATIONS` dictionary. The router reads from this dictionary to automatically create routes — no manual route registration needed.
 
-### Exploration Metadata (`info.ts`)
+### Topics
 
-Each exploration's `info.ts` contains all its metadata as a flat object:
+Topics group explorations by theme (e.g. "Fusaka" for an upcoming hardfork). Each exploration belongs to exactly one topic via the `topic` field in its `info.ts`. Topics are defined in `src/explorations/TOPICS.ts`.
+
+## E-Components
+
+**E-Components** are reusable Ethereum-specific components that encapsulate common patterns across explorations. They live in `src/eComponents/` and follow a naming convention: folder and component names are post-fixed with `EC`.
+
+The first E-Component is `precompileInterfaceEC`, which provides a complete precompile exploration interface — input parsing, hardfork comparison, result display — as a single component backed by a composable:
 
-```typescript
-import type { Exploration } from '../REGISTRY'
-
-export const INFO: Exploration = {
-  id: 'eip-XXXX',
-  path: '/eip-XXXX-short-description',
-  title: 'Human-Readable Title',
-  infoURL: 'https://eips.ethereum.org/EIPS/eip-XXXX',
-  topics: ['fusaka'],
-  image: 'fusaka.webp',
-  introText: 'HTML-formatted introduction.',
-  usageText: 'HTML-formatted usage instructions.',
-  poweredBy: [
-    { name: 'Library Name', href: 'https://github.com/...' },
-  ],
-}
 ```
+src/eComponents/precompileInterfaceEC/
+├── PrecompileInterfaceEC.vue      # Full-featured precompile exploration template
+├── PrecompileInterfaceResultEC.vue # Result display (pre/post hardfork comparison)
+├── PrecompileValueInputEC.vue     # Value input with byte length validation
+├── usePrecompileState.ts          # Composable: all state and logic
+├── types.ts                       # PrecompileConfig and PrecompileValueDef interfaces
+└── run.ts                         # EVM precompile execution utility
+```
+
+Using the Precompile Interface E-Component, a precompile exploration widget can be as short as 30 lines — just a config object and a single component tag. See [Using E-Components](/contributing/e-components) for details.
+
+## UI Components
+
+Generic UI components live in `src/components/ui/` and are used across explorations:
+
+| Component | Purpose |
+|-----------|---------|
+| `ExamplesC` | Example selector dropdown |
+| `HexDataInputC` | Hex data input textarea with validation |
+| `PPBoxC` | Result display box with title |
+| `PPBoxErrorText` | Error message display |
+| `PPBoxInfoText` | Informational message display |
+| `ActionButtonC` | Action button with tooltip |
+| `ButtonC` | Icon button with tooltip |
+| `HeadlineButtonC` | Headline with action button |
+| `TooltipC` | Generic tooltip wrapper |
+
+Shared utilities in `src/components/lib/`:
+
+| Module | Purpose |
+|--------|---------|
+| `byteFormUtils.ts` | Hex/byte conversion and validation |
+| `general.ts` | Shared types (e.g. `Examples`) |
+| `layout.ts` | Tailwind CSS class constants for consistent layouts |
 
 ## Key Design Decisions
 
 ### Folder-per-Exploration
 
-Each exploration is fully self-contained in its own folder with `info.ts` (metadata) and `MyC.vue` (widget). This means:
+Each exploration is fully self-contained in its own folder. This means:
 
 - Contributors can focus on a single folder
-- Adding a new exploration is a matter of creating a folder and adding one import to `REGISTRY.ts`
+- Adding a new exploration requires creating a folder and adding one import to `REGISTRY.ts`
 - Each exploration's dependencies are isolated
 
 ### Dynamic Views
@@ -86,12 +94,11 @@ There are no static per-exploration or per-topic view files. Instead:
 
 - **`ExplorationView.vue`** dynamically loads the correct `MyC.vue` using `import.meta.glob()` and `defineAsyncComponent()` based on the route name
 - **`TopicView.vue`** dynamically lists all explorations belonging to a topic
-
-This keeps the views lean and avoids boilerplate when adding new content.
+- **`HomeView.vue`** dynamically renders all topics defined in `TOPICS.ts`
 
 ### Route-Level Code Splitting
 
-The `ExplorationView.vue` uses `import.meta.glob()` for lazy loading:
+Each exploration is a separate chunk that is loaded on demand. Users only download the libraries needed for the page they visit. This is achieved via `import.meta.glob()` for lazy loading:
 
 ```typescript
 const componentModules = import.meta.glob('../explorations/*/MyC.vue')
@@ -100,8 +107,11 @@ const ExplorationComponent = defineAsyncComponent(
 )
 ```
 
-Each exploration is a separate chunk that's loaded on demand. Users only download the libraries needed for the page they visit.
+### Testing Strategy
+
+The project uses a hybrid testing approach:
 
-### Library Forks
+- **Unit tests** (Vitest + Vue Test Utils) for component rendering, content verification, and UI logic — fast and focused
+- **E2E tests** (Cypress) as lean smoke tests for critical navigation flows and page-level integration
 
-Some exploration widgets require custom forks of Ethereum libraries (see [Library Forks](./library-forks.md)). The architecture ensures that different forks of the same library can coexist without conflicts, each isolated to its specific exploration route.
+Unit tests live alongside their components in `__tests__/` folders. E2E tests are consolidated in `cypress/e2e/`.
diff --git a/docs/guide/getting-started.md b/docs/guide/getting-started.md
index ed15fd7..ac28304 100644
--- a/docs/guide/getting-started.md
+++ b/docs/guide/getting-started.md
@@ -1,16 +1,10 @@
 # Getting Started
 
-::: warning Under Active Development
-Both the Feel Your Protocol project and this documentation are in an early stage and under active development. Things may change frequently.
-:::
-
 ## What is Feel Your Protocol?
 
 Feel Your Protocol is an interactive website that lets you explore Ethereum protocol changes hands on. Instead of just reading specifications, you can interact with real Ethereum library code running directly in the browser.
 
-Each protocol change — called an **Exploration** — gets its own page with a dedicated interactive widget. For example, the [EIP-7883](https://feelyourprotocol.org/eip-7883-modexp-gas-cost-increase) page lets you experiment with ModExp gas cost changes interactively.
-
-Explorations are grouped into **Topics** (e.g. "Fusaka" for the upcoming hardfork), making it easy to discover related protocol changes.
+Each protocol change — called an **Exploration** — gets its own page with a dedicated interactive widget. Explorations cover EIPs, ERCs, and other research topics. They are grouped into **Topics** (e.g. "Fusaka" for the upcoming hardfork), making it easy to discover related protocol changes.
 
 ## Prerequisites
 
@@ -41,9 +35,23 @@ Start the docs dev server:
 npm run docs:dev
 ```
 
-## Building
+## Quality Checks
+
+```bash
+npm run lf           # format + lint (auto-fix)
+npm run lf:ci        # lint + format check (CI mode, no auto-fix)
+npm run type-check   # TypeScript type checking (vue-tsc)
+```
 
-Build both the website and documentation:
+## Testing
+
+```bash
+npx vitest run       # unit tests (single run)
+npm run test:unit    # unit tests (watch mode)
+npm run test:e2e     # E2E tests (Cypress, requires build first)
+```
+
+## Building
 
 ```bash
 npm run build          # website → dist/website
@@ -55,33 +63,36 @@ npm run docs:build     # docs → dist/docs
 ```
 website/
 ├── src/
-│   ├── explorations/          # Explorations (the core content)
-│   │   ├── REGISTRY.ts        # Exploration registry, types, helper functions
-│   │   ├── TOPICS.ts          # Topic definitions and types
-│   │   ├── ExplorationC.vue   # Shared exploration wrapper component
-│   │   ├── PoweredByC.vue     # Shared "powered by" component
-│   │   ├── eip-7594/          # One folder per exploration
-│   │   │   ├── info.ts        #   Metadata (title, description, links, …)
-│   │   │   └── MyC.vue        #   Interactive widget component
+│   ├── explorations/              # Explorations (the core content)
+│   │   ├── REGISTRY.ts            # Exploration registry and types
+│   │   ├── TOPICS.ts              # Topic definitions and types
+│   │   ├── ExplorationC.vue       # Shared exploration wrapper component
+│   │   ├── PoweredByC.vue         # Shared "powered by" component
+│   │   ├── eip-7594/              # One folder per exploration
+│   │   │   ├── info.ts            #   Metadata (title, description, links, …)
+│   │   │   ├── MyC.vue            #   Interactive widget component
+│   │   │   ├── examples.ts        #   Example presets
+│   │   │   └── data/              #   Optional data files
 │   │   ├── eip-7883/
-│   │   │   ├── info.ts
-│   │   │   └── MyC.vue
 │   │   └── eip-7951/
-│   │       ├── info.ts
-│   │       └── MyC.vue
-│   ├── components/            # Shared UI and utility components
-│   │   ├── ui/                # Generic UI components
-│   │   ├── precompiles/       # Precompile-related shared components
-│   │   └── lib/               # Shared logic and utilities
-│   ├── views/                 # Route views
+│   ├── eComponents/               # Reusable Ethereum-specific components (E-Components)
+│   │   └── precompileInterfaceEC/ # Precompile interface E-Component
+│   │       ├── PrecompileInterfaceEC.vue
+│   │       ├── PrecompileInterfaceResultEC.vue
+│   │       ├── PrecompileValueInputEC.vue
+│   │       ├── usePrecompileState.ts
+│   │       ├── types.ts
+│   │       └── run.ts
+│   ├── components/                # Shared UI components and utilities
+│   │   ├── ui/                    # Generic UI components
+│   │   └── lib/                   # Shared logic and utilities
+│   ├── views/                     # Route views
 │   │   ├── HomeView.vue
 │   │   ├── TopicView.vue
 │   │   ├── ExplorationView.vue
-│   │   └── TopicIntroView.vue
-│   └── router/                # Vue Router config
-├── docs/                      # Documentation (VitePress)
-├── cypress/                   # E2E tests
-└── dist/                      # Build output
-    ├── website/
-    └── docs/
+│   │   └── __tests__/             # Unit tests
+│   └── router/                    # Vue Router config
+├── docs/                          # Documentation (VitePress)
+├── cypress/                       # E2E tests
+└── .github/workflows/             # CI workflows
 ```
diff --git a/docs/guide/library-forks.md b/docs/guide/library-forks.md
deleted file mode 100644
index 914be73..0000000
--- a/docs/guide/library-forks.md
+++ /dev/null
@@ -1,50 +0,0 @@
-# Library Forks
-
-::: warning Under Active Development
-Both the Feel Your Protocol project and this documentation are in an early stage and under active development. Things may change frequently.
-:::
-
-## Why Forks?
-
-Feel Your Protocol runs real Ethereum library code in the browser. Some exploration widgets need a modified version of an existing library — for example, a version with a new precompile implementation, or experimental gas calculation changes that haven't been released yet.
-
-Rather than waiting for upstream releases, we maintain targeted forks that are used by specific exploration pages.
-
-## How Forks Work
-
-### npm Package Aliases
-
-Multiple versions of the same library coexist in `package.json` using npm aliases:
-
-```json
-{
-  "dependencies": {
-    "@ethereumjs/evm": "^10.1.1-nightly.1",
-    "@ethereumjs/evm-experimental": "npm:@ethereumjs/evm@^11.0.0-fork.1"
-  }
-}
-```
-
-Each alias is a fully independent install. In code, you import the specific version you need:
-
-```typescript
-import { EVM } from '@ethereumjs/evm'                    // standard
-import { EVM as EVMExp } from '@ethereumjs/evm-experimental'  // fork
-```
-
-### Monorepo Libraries
-
-For libraries from monorepos (like EthereumJS), where the target package has several intra-monorepo dependencies, we use **pre-bundled ESM builds**. The fork is bundled on the monorepo side with all internal dependencies resolved, producing a single ESM file with no internal wiring issues.
-
-### Per-Route Isolation
-
-Each fork is only imported in its specific exploration's `MyC.vue`. Thanks to Vite's code splitting, the fork's code is only loaded when the user visits that exploration's page. Other pages are unaffected.
-
-## Adding a New Fork
-
-1. Fork the upstream library (or create a branch if you have access)
-2. Make your changes
-3. For single-package repos: add an npm alias pointing to your fork's git URL
-4. For monorepo packages: create a bundled build, then reference it
-5. Import the fork only in your exploration's `MyC.vue` file — never in shared code
-6. Document the fork in this page
diff --git a/docs/index.md b/docs/index.md
index 054aa5c..80b025d 100644
--- a/docs/index.md
+++ b/docs/index.md
@@ -10,7 +10,7 @@ hero:
       text: Get Started
       link: /guide/getting-started
     - theme: alt
-      text: How to Contribute
+      text: Contribute
       link: /contributing/how-to-contribute
     - theme: alt
       text: View on GitHub
@@ -18,13 +18,15 @@ hero:
 
 features:
   - title: Interactive Explorations
-    details: Each exploration gets its own self-contained folder with an interactive component that lets you explore the protocol change hands on.
+    details: Each exploration is a self-contained folder with an interactive widget that lets you explore a protocol change hands on — EIPs, ERCs, or promising research.
   - title: Powered by Real Libraries
-    details: Widgets run actual Ethereum library code in the browser — no mocks, no simplifications.
+    details: Widgets run actual Ethereum library code in the browser — no mocks, no simplifications. See how protocol changes behave with real inputs.
+  - title: Reusable E-Components
+    details: Common Ethereum patterns like precompile interfaces are packaged as reusable E-Components with stable APIs, so you can build new explorations fast.
   - title: Collaborative & Open Source
-    details: Designed for community contributions. The modular folder-per-exploration structure makes it easy to add new explorations or improve existing ones.
+    details: Designed for community contributions. A modular folder-per-exploration structure and shared components make it straightforward to add new explorations.
 ---
 
-::: warning Under Active Development
-Both the Feel Your Protocol project and this documentation are in an early stage and under active development. Things may change frequently. Contributions and feedback are very welcome!
+::: tip Want to contribute?
+The fastest way to get started is to [add a new exploration](/contributing/adding-an-exploration). Each one lives in a single folder with just two files — metadata and your interactive widget.
 :::

From 176b36d2b76a9bcb6189c4f319e90d7930c4bc2d Mon Sep 17 00:00:00 2001
From: Holger Drewes <Holger.Drewes@gmail.com>
Date: Tue, 3 Mar 2026 11:26:14 +0100
Subject: [PATCH 12/29] Better separation generic E-Components <-> available EC
 docs

---
 dist/docs/404.html                            |   4 +-
 .../contributing/adding-an-exploration.html   |  10 +-
 dist/docs/contributing/how-to-contribute.html |   8 +-
 dist/docs/guide/architecture.html             |   8 +-
 dist/docs/guide/getting-started.html          |   8 +-
 dist/docs/hashmap.json                        |   2 +-
 dist/docs/index.html                          |   6 +-
 docs/.vitepress/config.ts                     |   3 +-
 docs/contributing/available-e-components.md   | 139 +++++++++++++
 docs/contributing/e-components.md             | 184 +++++-------------
 10 files changed, 212 insertions(+), 160 deletions(-)
 create mode 100644 docs/contributing/available-e-components.md

diff --git a/dist/docs/404.html b/dist/docs/404.html
index 661d159..0e4d664 100644
--- a/dist/docs/404.html
+++ b/dist/docs/404.html
@@ -9,14 +9,14 @@
     <link rel="preload stylesheet" href="/assets/style.Cfu23m_7.css" as="style">
     <link rel="preload stylesheet" href="/vp-icons.css" as="style">
     
-    <script type="module" src="/assets/app.CvfZ8yf2.js"></script>
+    <script type="module" src="/assets/app.DDSgF2-8.js"></script>
     <link rel="preload" href="/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
   </head>
   <body>
     <div id="app"></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"contributing_adding-an-exploration.md\":\"Ahsvo_Ol\",\"contributing_code-conventions.md\":\"BFjoMQv_\",\"contributing_e-components.md\":\"_pZHAy_w\",\"contributing_how-to-contribute.md\":\"XKvLYLkk\",\"contributing_library-forks.md\":\"DYk1JQhp\",\"guide_architecture.md\":\"BSBE4DKA\",\"guide_getting-started.md\":\"B-wiDt-S\",\"index.md\":\"DpQvSWpN\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"Feel Your Protocol\",\"description\":\"Documentation for the Feel Your Protocol project\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/guide/getting-started\"},{\"text\":\"Contributing\",\"link\":\"/contributing/how-to-contribute\"},{\"text\":\"Website\",\"link\":\"https://feelyourprotocol.org\"}],\"sidebar\":[{\"text\":\"Guide\",\"items\":[{\"text\":\"Getting Started\",\"link\":\"/guide/getting-started\"},{\"text\":\"Architecture\",\"link\":\"/guide/architecture\"}]},{\"text\":\"Contributing\",\"items\":[{\"text\":\"How to Contribute\",\"link\":\"/contributing/how-to-contribute\"},{\"text\":\"Adding an Exploration\",\"link\":\"/contributing/adding-an-exploration\"},{\"text\":\"Using E-Components\",\"link\":\"/contributing/e-components\"},{\"text\":\"Code Conventions\",\"link\":\"/contributing/code-conventions\"},{\"text\":\"Library Forks\",\"link\":\"/contributing/library-forks\"}]}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/feelyourprotocol/website\"}],\"search\":{\"provider\":\"local\"},\"footer\":{\"message\":\"This project and its documentation are under active development.\"}},\"locales\":{},\"scrollOffset\":134,\"cleanUrls\":false,\"additionalConfig\":{}}");</script>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"contributing_adding-an-exploration.md\":\"Ahsvo_Ol\",\"contributing_available-e-components.md\":\"CJ3WaJq0\",\"contributing_code-conventions.md\":\"BFjoMQv_\",\"contributing_e-components.md\":\"EgChjAzs\",\"contributing_how-to-contribute.md\":\"XKvLYLkk\",\"contributing_library-forks.md\":\"DYk1JQhp\",\"guide_architecture.md\":\"BSBE4DKA\",\"guide_getting-started.md\":\"B-wiDt-S\",\"index.md\":\"DpQvSWpN\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"Feel Your Protocol\",\"description\":\"Documentation for the Feel Your Protocol project\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/guide/getting-started\"},{\"text\":\"Contributing\",\"link\":\"/contributing/how-to-contribute\"},{\"text\":\"Website\",\"link\":\"https://feelyourprotocol.org\"}],\"sidebar\":[{\"text\":\"Guide\",\"items\":[{\"text\":\"Getting Started\",\"link\":\"/guide/getting-started\"},{\"text\":\"Architecture\",\"link\":\"/guide/architecture\"}]},{\"text\":\"Contributing\",\"items\":[{\"text\":\"How to Contribute\",\"link\":\"/contributing/how-to-contribute\"},{\"text\":\"Adding an Exploration\",\"link\":\"/contributing/adding-an-exploration\"},{\"text\":\"E-Components\",\"link\":\"/contributing/e-components\"},{\"text\":\"Available E-Components\",\"link\":\"/contributing/available-e-components\"},{\"text\":\"Code Conventions\",\"link\":\"/contributing/code-conventions\"},{\"text\":\"Library Forks\",\"link\":\"/contributing/library-forks\"}]}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/feelyourprotocol/website\"}],\"search\":{\"provider\":\"local\"},\"footer\":{\"message\":\"This project and its documentation are under active development.\"}},\"locales\":{},\"scrollOffset\":134,\"cleanUrls\":false,\"additionalConfig\":{}}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/dist/docs/contributing/adding-an-exploration.html b/dist/docs/contributing/adding-an-exploration.html
index eafd111..59096f7 100644
--- a/dist/docs/contributing/adding-an-exploration.html
+++ b/dist/docs/contributing/adding-an-exploration.html
@@ -9,16 +9,16 @@
     <link rel="preload stylesheet" href="/assets/style.Cfu23m_7.css" as="style">
     <link rel="preload stylesheet" href="/vp-icons.css" as="style">
     
-    <script type="module" src="/assets/app.CvfZ8yf2.js"></script>
+    <script type="module" src="/assets/app.DDSgF2-8.js"></script>
     <link rel="preload" href="/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/assets/chunks/theme.BQpYnme8.js">
+    <link rel="modulepreload" href="/assets/chunks/theme.2vG7thFl.js">
     <link rel="modulepreload" href="/assets/chunks/framework.DyoGesZS.js">
     <link rel="modulepreload" href="/assets/contributing_adding-an-exploration.md.Ahsvo_Ol.lean.js">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-1df9f90f><!--[--><!--]--><!--[--><span tabindex="-1" data-v-331ec75c></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-331ec75c>Skip to content</a><!--]--><!----><header class="VPNav" data-v-1df9f90f data-v-9f75dce3><div class="VPNavBar has-sidebar top" data-v-9f75dce3 data-v-9ca1369d><div class="wrapper" data-v-9ca1369d><div class="container" data-v-9ca1369d><div class="title" data-v-9ca1369d><div class="VPNavBarTitle has-sidebar" data-v-9ca1369d data-v-1e38c6bc><a class="title" href="/" data-v-1e38c6bc><!--[--><!--]--><!----><span data-v-1e38c6bc>Feel Your Protocol</span><!--[--><!--]--></a></div></div><div class="content" data-v-9ca1369d><div class="content-body" data-v-9ca1369d><!--[--><!--]--><div class="VPNavBarSearch search" data-v-9ca1369d data-v-2fc7f2c6><!--[--><button type="button" class="VPNavBarSearchButton" aria-label="Search" aria-keyshortcuts="/ control+k meta+k" data-v-2fc7f2c6 data-v-baa3be99><span class="vpi-search" aria-hidden="true" data-v-baa3be99></span><span class="text" data-v-baa3be99>Search</span><span class="keys" aria-hidden="true" data-v-baa3be99><kbd class="key-cmd" data-v-baa3be99>⌘</kbd><kbd class="key-ctrl" data-v-baa3be99>Ctrl</kbd><kbd data-v-baa3be99>K</kbd></span></button><!----><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-9ca1369d data-v-39714824><span id="main-nav-aria-label" class="visually-hidden" data-v-39714824> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/guide/getting-started.html" tabindex="0" data-v-39714824 data-v-52a1d768><!--[--><span data-v-52a1d768>Guide</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/contributing/how-to-contribute.html" tabindex="0" data-v-39714824 data-v-52a1d768><!--[--><span data-v-52a1d768>Contributing</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://feelyourprotocol.org" target="_blank" rel="noreferrer" tabindex="0" data-v-39714824 data-v-52a1d768><!--[--><span data-v-52a1d768>Website</span><!--]--></a><!--]--><!--]--></nav><!----><div class="VPNavBarAppearance appearance" data-v-9ca1369d data-v-6c893767><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-6c893767 data-v-5337faa4 data-v-1d5665e3><span class="check" data-v-1d5665e3><span class="icon" data-v-1d5665e3><!--[--><span class="vpi-sun sun" data-v-5337faa4></span><span class="vpi-moon moon" data-v-5337faa4></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-9ca1369d data-v-0394ad82 data-v-d07f11e6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/feelyourprotocol/website" aria-label="github" target="_blank" rel="me noopener" data-v-d07f11e6 data-v-591a6b30><span class="vpi-social-github"></span></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-9ca1369d data-v-bf2fac68 data-v-42cb505d><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-42cb505d><span class="vpi-more-horizontal icon" data-v-42cb505d></span></button><div class="menu" data-v-42cb505d><div class="VPMenu" data-v-42cb505d data-v-25a6cce8><!----><!--[--><!--[--><!----><div class="group" data-v-bf2fac68><div class="item appearance" data-v-bf2fac68><p class="label" data-v-bf2fac68>Appearance</p><div class="appearance-action" data-v-bf2fac68><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-bf2fac68 data-v-5337faa4 data-v-1d5665e3><span class="check" data-v-1d5665e3><span class="icon" data-v-1d5665e3><!--[--><span class="vpi-sun sun" data-v-5337faa4></span><span class="vpi-moon moon" data-v-5337faa4></span><!--]--></span></span></button></div></div></div><div class="group" data-v-bf2fac68><div class="item social-links" data-v-bf2fac68><div class="VPSocialLinks social-links-list" data-v-bf2fac68 data-v-d07f11e6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/feelyourprotocol/website" aria-label="github" target="_blank" rel="me noopener" data-v-d07f11e6 data-v-591a6b30><span class="vpi-social-github"></span></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-9ca1369d data-v-e5dd9c1c><span class="container" data-v-e5dd9c1c><span class="top" data-v-e5dd9c1c></span><span class="middle" data-v-e5dd9c1c></span><span class="bottom" data-v-e5dd9c1c></span></span></button></div></div></div></div><div class="divider" data-v-9ca1369d><div class="divider-line" data-v-9ca1369d></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-1df9f90f data-v-db738f89><div class="container" data-v-db738f89><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-db738f89><span class="vpi-align-left menu-icon" data-v-db738f89></span><span class="menu-text" data-v-db738f89>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-db738f89 data-v-0bf0e06f><button data-v-0bf0e06f>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-1df9f90f data-v-af661f50><div class="curtain" data-v-af661f50></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-af661f50><span class="visually-hidden" id="sidebar-aria-label" data-v-af661f50> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-8d50c081><section class="VPSidebarItem level-0" data-v-8d50c081 data-v-d81de50c><div class="item" role="button" tabindex="0" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><h2 class="text" data-v-d81de50c>Guide</h2><!----></div><div class="items" data-v-d81de50c><!--[--><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/guide/getting-started.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Getting Started</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/guide/architecture.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Architecture</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-8d50c081><section class="VPSidebarItem level-0 has-active" data-v-8d50c081 data-v-d81de50c><div class="item" role="button" tabindex="0" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><h2 class="text" data-v-d81de50c>Contributing</h2><!----></div><div class="items" data-v-d81de50c><!--[--><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/contributing/how-to-contribute.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>How to Contribute</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/contributing/adding-an-exploration.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Adding an Exploration</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/contributing/e-components.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Using E-Components</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/contributing/code-conventions.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Code Conventions</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/contributing/library-forks.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Library Forks</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-1df9f90f data-v-c87f25bf><div class="VPDoc has-sidebar has-aside" data-v-c87f25bf data-v-7011f0d8><!--[--><!--]--><div class="container" data-v-7011f0d8><div class="aside" data-v-7011f0d8><div class="aside-curtain" data-v-7011f0d8></div><div class="aside-container" data-v-7011f0d8><div class="aside-content" data-v-7011f0d8><div class="VPDocAside" data-v-7011f0d8 data-v-3f215769><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-3f215769 data-v-60d5052e><div class="content" data-v-60d5052e><div class="outline-marker" data-v-60d5052e></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-60d5052e>On this page</div><ul class="VPDocOutlineItem root" data-v-60d5052e data-v-1ce71065><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-3f215769></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-7011f0d8><div class="content-container" data-v-7011f0d8><!--[--><!--]--><main class="main" data-v-7011f0d8><div style="position:relative;" class="vp-doc _contributing_adding-an-exploration" data-v-7011f0d8><div><h1 id="adding-an-exploration" tabindex="-1">Adding an Exploration <a class="header-anchor" href="#adding-an-exploration" aria-label="Permalink to “Adding an Exploration”">​</a></h1><p>Each exploration lives in its own folder under <code>src/explorations/</code> with a few files. This guide walks you through adding a new one.</p><h2 id="quick-overview" tabindex="-1">Quick Overview <a class="header-anchor" href="#quick-overview" aria-label="Permalink to “Quick Overview”">​</a></h2><p>An exploration folder looks like this:</p><div class="language-"><button title="Copy Code" class="copy"></button><span class="lang"></span><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e;" tabindex="0" dir="ltr"><code><span class="line"><span>src/explorations/eip-XXXX/</span></span>
+    <div id="app"><div class="Layout" data-v-1df9f90f><!--[--><!--]--><!--[--><span tabindex="-1" data-v-331ec75c></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-331ec75c>Skip to content</a><!--]--><!----><header class="VPNav" data-v-1df9f90f data-v-9f75dce3><div class="VPNavBar has-sidebar top" data-v-9f75dce3 data-v-9ca1369d><div class="wrapper" data-v-9ca1369d><div class="container" data-v-9ca1369d><div class="title" data-v-9ca1369d><div class="VPNavBarTitle has-sidebar" data-v-9ca1369d data-v-1e38c6bc><a class="title" href="/" data-v-1e38c6bc><!--[--><!--]--><!----><span data-v-1e38c6bc>Feel Your Protocol</span><!--[--><!--]--></a></div></div><div class="content" data-v-9ca1369d><div class="content-body" data-v-9ca1369d><!--[--><!--]--><div class="VPNavBarSearch search" data-v-9ca1369d data-v-2fc7f2c6><!--[--><button type="button" class="VPNavBarSearchButton" aria-label="Search" aria-keyshortcuts="/ control+k meta+k" data-v-2fc7f2c6 data-v-baa3be99><span class="vpi-search" aria-hidden="true" data-v-baa3be99></span><span class="text" data-v-baa3be99>Search</span><span class="keys" aria-hidden="true" data-v-baa3be99><kbd class="key-cmd" data-v-baa3be99>⌘</kbd><kbd class="key-ctrl" data-v-baa3be99>Ctrl</kbd><kbd data-v-baa3be99>K</kbd></span></button><!----><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-9ca1369d data-v-39714824><span id="main-nav-aria-label" class="visually-hidden" data-v-39714824> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/guide/getting-started.html" tabindex="0" data-v-39714824 data-v-52a1d768><!--[--><span data-v-52a1d768>Guide</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/contributing/how-to-contribute.html" tabindex="0" data-v-39714824 data-v-52a1d768><!--[--><span data-v-52a1d768>Contributing</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://feelyourprotocol.org" target="_blank" rel="noreferrer" tabindex="0" data-v-39714824 data-v-52a1d768><!--[--><span data-v-52a1d768>Website</span><!--]--></a><!--]--><!--]--></nav><!----><div class="VPNavBarAppearance appearance" data-v-9ca1369d data-v-6c893767><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-6c893767 data-v-5337faa4 data-v-1d5665e3><span class="check" data-v-1d5665e3><span class="icon" data-v-1d5665e3><!--[--><span class="vpi-sun sun" data-v-5337faa4></span><span class="vpi-moon moon" data-v-5337faa4></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-9ca1369d data-v-0394ad82 data-v-d07f11e6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/feelyourprotocol/website" aria-label="github" target="_blank" rel="me noopener" data-v-d07f11e6 data-v-591a6b30><span class="vpi-social-github"></span></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-9ca1369d data-v-bf2fac68 data-v-42cb505d><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-42cb505d><span class="vpi-more-horizontal icon" data-v-42cb505d></span></button><div class="menu" data-v-42cb505d><div class="VPMenu" data-v-42cb505d data-v-25a6cce8><!----><!--[--><!--[--><!----><div class="group" data-v-bf2fac68><div class="item appearance" data-v-bf2fac68><p class="label" data-v-bf2fac68>Appearance</p><div class="appearance-action" data-v-bf2fac68><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-bf2fac68 data-v-5337faa4 data-v-1d5665e3><span class="check" data-v-1d5665e3><span class="icon" data-v-1d5665e3><!--[--><span class="vpi-sun sun" data-v-5337faa4></span><span class="vpi-moon moon" data-v-5337faa4></span><!--]--></span></span></button></div></div></div><div class="group" data-v-bf2fac68><div class="item social-links" data-v-bf2fac68><div class="VPSocialLinks social-links-list" data-v-bf2fac68 data-v-d07f11e6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/feelyourprotocol/website" aria-label="github" target="_blank" rel="me noopener" data-v-d07f11e6 data-v-591a6b30><span class="vpi-social-github"></span></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-9ca1369d data-v-e5dd9c1c><span class="container" data-v-e5dd9c1c><span class="top" data-v-e5dd9c1c></span><span class="middle" data-v-e5dd9c1c></span><span class="bottom" data-v-e5dd9c1c></span></span></button></div></div></div></div><div class="divider" data-v-9ca1369d><div class="divider-line" data-v-9ca1369d></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-1df9f90f data-v-db738f89><div class="container" data-v-db738f89><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-db738f89><span class="vpi-align-left menu-icon" data-v-db738f89></span><span class="menu-text" data-v-db738f89>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-db738f89 data-v-0bf0e06f><button data-v-0bf0e06f>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-1df9f90f data-v-af661f50><div class="curtain" data-v-af661f50></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-af661f50><span class="visually-hidden" id="sidebar-aria-label" data-v-af661f50> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-8d50c081><section class="VPSidebarItem level-0" data-v-8d50c081 data-v-d81de50c><div class="item" role="button" tabindex="0" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><h2 class="text" data-v-d81de50c>Guide</h2><!----></div><div class="items" data-v-d81de50c><!--[--><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/guide/getting-started.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Getting Started</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/guide/architecture.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Architecture</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-8d50c081><section class="VPSidebarItem level-0 has-active" data-v-8d50c081 data-v-d81de50c><div class="item" role="button" tabindex="0" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><h2 class="text" data-v-d81de50c>Contributing</h2><!----></div><div class="items" data-v-d81de50c><!--[--><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/contributing/how-to-contribute.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>How to Contribute</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/contributing/adding-an-exploration.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Adding an Exploration</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/contributing/e-components.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>E-Components</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/contributing/available-e-components.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Available E-Components</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/contributing/code-conventions.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Code Conventions</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/contributing/library-forks.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Library Forks</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-1df9f90f data-v-c87f25bf><div class="VPDoc has-sidebar has-aside" data-v-c87f25bf data-v-7011f0d8><!--[--><!--]--><div class="container" data-v-7011f0d8><div class="aside" data-v-7011f0d8><div class="aside-curtain" data-v-7011f0d8></div><div class="aside-container" data-v-7011f0d8><div class="aside-content" data-v-7011f0d8><div class="VPDocAside" data-v-7011f0d8 data-v-3f215769><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-3f215769 data-v-60d5052e><div class="content" data-v-60d5052e><div class="outline-marker" data-v-60d5052e></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-60d5052e>On this page</div><ul class="VPDocOutlineItem root" data-v-60d5052e data-v-1ce71065><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-3f215769></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-7011f0d8><div class="content-container" data-v-7011f0d8><!--[--><!--]--><main class="main" data-v-7011f0d8><div style="position:relative;" class="vp-doc _contributing_adding-an-exploration" data-v-7011f0d8><div><h1 id="adding-an-exploration" tabindex="-1">Adding an Exploration <a class="header-anchor" href="#adding-an-exploration" aria-label="Permalink to “Adding an Exploration”">​</a></h1><p>Each exploration lives in its own folder under <code>src/explorations/</code> with a few files. This guide walks you through adding a new one.</p><h2 id="quick-overview" tabindex="-1">Quick Overview <a class="header-anchor" href="#quick-overview" aria-label="Permalink to “Quick Overview”">​</a></h2><p>An exploration folder looks like this:</p><div class="language-"><button title="Copy Code" class="copy"></button><span class="lang"></span><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e;" tabindex="0" dir="ltr"><code><span class="line"><span>src/explorations/eip-XXXX/</span></span>
 <span class="line"><span>├── info.ts         # Metadata (required)</span></span>
 <span class="line"><span>├── MyC.vue         # Interactive widget (required)</span></span>
 <span class="line"><span>├── examples.ts     # Example presets (recommended)</span></span>
@@ -127,8 +127,8 @@
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">}</span></span></code></pre></div><p>The router reads from <code>EXPLORATIONS</code> and automatically creates the route — no manual route configuration needed.</p><h2 id="step-6-install-dependencies" tabindex="-1">Step 6: Install Dependencies <a class="header-anchor" href="#step-6-install-dependencies" aria-label="Permalink to “Step 6: Install Dependencies”">​</a></h2><p>If your widget needs additional libraries, install them:</p><div class="language-bash"><button title="Copy Code" class="copy"></button><span class="lang">bash</span><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e;" tabindex="0" dir="ltr"><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">npm</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> install</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> some-library</span></span></code></pre></div><p>Import libraries only in your <code>MyC.vue</code> — never in shared code. This keeps each exploration&#39;s dependencies isolated via Vite&#39;s code splitting.</p><p>If you need a custom library fork (e.g. with experimental features), see <a href="/contributing/library-forks.html">Library Forks</a>.</p><h2 id="step-7-verify" tabindex="-1">Step 7: Verify <a class="header-anchor" href="#step-7-verify" aria-label="Permalink to “Step 7: Verify”">​</a></h2><div class="language-bash"><button title="Copy Code" class="copy"></button><span class="lang">bash</span><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e;" tabindex="0" dir="ltr"><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">npm</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> run</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> dev</span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">          # check your exploration locally</span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">npm</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> run</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> lf</span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">           # format + lint</span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">npm</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> run</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> type-check</span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">   # TypeScript check</span></span>
-<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">npm</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> run</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> build</span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">        # verify production build</span></span></code></pre></div><h2 id="checklist" tabindex="-1">Checklist <a class="header-anchor" href="#checklist" aria-label="Permalink to “Checklist”">​</a></h2><ul><li>[ ] Created <code>src/explorations/&lt;id&gt;/info.ts</code> with metadata</li><li>[ ] Created <code>src/explorations/&lt;id&gt;/MyC.vue</code> with interactive widget</li><li>[ ] Created <code>src/explorations/&lt;id&gt;/examples.ts</code> with example presets</li><li>[ ] Added import and entry in <code>src/explorations/REGISTRY.ts</code></li><li>[ ] Installed library dependencies (if needed)</li><li>[ ] Linting and type checking pass</li><li>[ ] Production build succeeds</li></ul></div></div></main><footer class="VPDocFooter" data-v-7011f0d8 data-v-e257564d><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-e257564d><span class="visually-hidden" id="doc-footer-aria-label" data-v-e257564d>Pager</span><div class="pager" data-v-e257564d><a class="VPLink link pager-link prev" href="/contributing/how-to-contribute.html" data-v-e257564d><!--[--><span class="desc" data-v-e257564d>Previous page</span><span class="title" data-v-e257564d>How to Contribute</span><!--]--></a></div><div class="pager" data-v-e257564d><a class="VPLink link pager-link next" href="/contributing/e-components.html" data-v-e257564d><!--[--><span class="desc" data-v-e257564d>Next page</span><span class="title" data-v-e257564d>Using E-Components</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1df9f90f data-v-c3855bb3><div class="container" data-v-c3855bb3><p class="message" data-v-c3855bb3>This project and its documentation are under active development.</p><!----></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"contributing_adding-an-exploration.md\":\"Ahsvo_Ol\",\"contributing_code-conventions.md\":\"BFjoMQv_\",\"contributing_e-components.md\":\"_pZHAy_w\",\"contributing_how-to-contribute.md\":\"XKvLYLkk\",\"contributing_library-forks.md\":\"DYk1JQhp\",\"guide_architecture.md\":\"BSBE4DKA\",\"guide_getting-started.md\":\"B-wiDt-S\",\"index.md\":\"DpQvSWpN\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"Feel Your Protocol\",\"description\":\"Documentation for the Feel Your Protocol project\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/guide/getting-started\"},{\"text\":\"Contributing\",\"link\":\"/contributing/how-to-contribute\"},{\"text\":\"Website\",\"link\":\"https://feelyourprotocol.org\"}],\"sidebar\":[{\"text\":\"Guide\",\"items\":[{\"text\":\"Getting Started\",\"link\":\"/guide/getting-started\"},{\"text\":\"Architecture\",\"link\":\"/guide/architecture\"}]},{\"text\":\"Contributing\",\"items\":[{\"text\":\"How to Contribute\",\"link\":\"/contributing/how-to-contribute\"},{\"text\":\"Adding an Exploration\",\"link\":\"/contributing/adding-an-exploration\"},{\"text\":\"Using E-Components\",\"link\":\"/contributing/e-components\"},{\"text\":\"Code Conventions\",\"link\":\"/contributing/code-conventions\"},{\"text\":\"Library Forks\",\"link\":\"/contributing/library-forks\"}]}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/feelyourprotocol/website\"}],\"search\":{\"provider\":\"local\"},\"footer\":{\"message\":\"This project and its documentation are under active development.\"}},\"locales\":{},\"scrollOffset\":134,\"cleanUrls\":false,\"additionalConfig\":{}}");</script>
+<span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">npm</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> run</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> build</span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">        # verify production build</span></span></code></pre></div><h2 id="checklist" tabindex="-1">Checklist <a class="header-anchor" href="#checklist" aria-label="Permalink to “Checklist”">​</a></h2><ul><li>[ ] Created <code>src/explorations/&lt;id&gt;/info.ts</code> with metadata</li><li>[ ] Created <code>src/explorations/&lt;id&gt;/MyC.vue</code> with interactive widget</li><li>[ ] Created <code>src/explorations/&lt;id&gt;/examples.ts</code> with example presets</li><li>[ ] Added import and entry in <code>src/explorations/REGISTRY.ts</code></li><li>[ ] Installed library dependencies (if needed)</li><li>[ ] Linting and type checking pass</li><li>[ ] Production build succeeds</li></ul></div></div></main><footer class="VPDocFooter" data-v-7011f0d8 data-v-e257564d><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-e257564d><span class="visually-hidden" id="doc-footer-aria-label" data-v-e257564d>Pager</span><div class="pager" data-v-e257564d><a class="VPLink link pager-link prev" href="/contributing/how-to-contribute.html" data-v-e257564d><!--[--><span class="desc" data-v-e257564d>Previous page</span><span class="title" data-v-e257564d>How to Contribute</span><!--]--></a></div><div class="pager" data-v-e257564d><a class="VPLink link pager-link next" href="/contributing/e-components.html" data-v-e257564d><!--[--><span class="desc" data-v-e257564d>Next page</span><span class="title" data-v-e257564d>E-Components</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1df9f90f data-v-c3855bb3><div class="container" data-v-c3855bb3><p class="message" data-v-c3855bb3>This project and its documentation are under active development.</p><!----></div></footer><!--[--><!--]--></div></div>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"contributing_adding-an-exploration.md\":\"Ahsvo_Ol\",\"contributing_available-e-components.md\":\"CJ3WaJq0\",\"contributing_code-conventions.md\":\"BFjoMQv_\",\"contributing_e-components.md\":\"EgChjAzs\",\"contributing_how-to-contribute.md\":\"XKvLYLkk\",\"contributing_library-forks.md\":\"DYk1JQhp\",\"guide_architecture.md\":\"BSBE4DKA\",\"guide_getting-started.md\":\"B-wiDt-S\",\"index.md\":\"DpQvSWpN\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"Feel Your Protocol\",\"description\":\"Documentation for the Feel Your Protocol project\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/guide/getting-started\"},{\"text\":\"Contributing\",\"link\":\"/contributing/how-to-contribute\"},{\"text\":\"Website\",\"link\":\"https://feelyourprotocol.org\"}],\"sidebar\":[{\"text\":\"Guide\",\"items\":[{\"text\":\"Getting Started\",\"link\":\"/guide/getting-started\"},{\"text\":\"Architecture\",\"link\":\"/guide/architecture\"}]},{\"text\":\"Contributing\",\"items\":[{\"text\":\"How to Contribute\",\"link\":\"/contributing/how-to-contribute\"},{\"text\":\"Adding an Exploration\",\"link\":\"/contributing/adding-an-exploration\"},{\"text\":\"E-Components\",\"link\":\"/contributing/e-components\"},{\"text\":\"Available E-Components\",\"link\":\"/contributing/available-e-components\"},{\"text\":\"Code Conventions\",\"link\":\"/contributing/code-conventions\"},{\"text\":\"Library Forks\",\"link\":\"/contributing/library-forks\"}]}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/feelyourprotocol/website\"}],\"search\":{\"provider\":\"local\"},\"footer\":{\"message\":\"This project and its documentation are under active development.\"}},\"locales\":{},\"scrollOffset\":134,\"cleanUrls\":false,\"additionalConfig\":{}}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/dist/docs/contributing/how-to-contribute.html b/dist/docs/contributing/how-to-contribute.html
index eedc1a7..719f8e2 100644
--- a/dist/docs/contributing/how-to-contribute.html
+++ b/dist/docs/contributing/how-to-contribute.html
@@ -9,22 +9,22 @@
     <link rel="preload stylesheet" href="/assets/style.Cfu23m_7.css" as="style">
     <link rel="preload stylesheet" href="/vp-icons.css" as="style">
     
-    <script type="module" src="/assets/app.CvfZ8yf2.js"></script>
+    <script type="module" src="/assets/app.DDSgF2-8.js"></script>
     <link rel="preload" href="/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/assets/chunks/theme.BQpYnme8.js">
+    <link rel="modulepreload" href="/assets/chunks/theme.2vG7thFl.js">
     <link rel="modulepreload" href="/assets/chunks/framework.DyoGesZS.js">
     <link rel="modulepreload" href="/assets/contributing_how-to-contribute.md.XKvLYLkk.lean.js">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-1df9f90f><!--[--><!--]--><!--[--><span tabindex="-1" data-v-331ec75c></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-331ec75c>Skip to content</a><!--]--><!----><header class="VPNav" data-v-1df9f90f data-v-9f75dce3><div class="VPNavBar has-sidebar top" data-v-9f75dce3 data-v-9ca1369d><div class="wrapper" data-v-9ca1369d><div class="container" data-v-9ca1369d><div class="title" data-v-9ca1369d><div class="VPNavBarTitle has-sidebar" data-v-9ca1369d data-v-1e38c6bc><a class="title" href="/" data-v-1e38c6bc><!--[--><!--]--><!----><span data-v-1e38c6bc>Feel Your Protocol</span><!--[--><!--]--></a></div></div><div class="content" data-v-9ca1369d><div class="content-body" data-v-9ca1369d><!--[--><!--]--><div class="VPNavBarSearch search" data-v-9ca1369d data-v-2fc7f2c6><!--[--><button type="button" class="VPNavBarSearchButton" aria-label="Search" aria-keyshortcuts="/ control+k meta+k" data-v-2fc7f2c6 data-v-baa3be99><span class="vpi-search" aria-hidden="true" data-v-baa3be99></span><span class="text" data-v-baa3be99>Search</span><span class="keys" aria-hidden="true" data-v-baa3be99><kbd class="key-cmd" data-v-baa3be99>⌘</kbd><kbd class="key-ctrl" data-v-baa3be99>Ctrl</kbd><kbd data-v-baa3be99>K</kbd></span></button><!----><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-9ca1369d data-v-39714824><span id="main-nav-aria-label" class="visually-hidden" data-v-39714824> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/guide/getting-started.html" tabindex="0" data-v-39714824 data-v-52a1d768><!--[--><span data-v-52a1d768>Guide</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/contributing/how-to-contribute.html" tabindex="0" data-v-39714824 data-v-52a1d768><!--[--><span data-v-52a1d768>Contributing</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://feelyourprotocol.org" target="_blank" rel="noreferrer" tabindex="0" data-v-39714824 data-v-52a1d768><!--[--><span data-v-52a1d768>Website</span><!--]--></a><!--]--><!--]--></nav><!----><div class="VPNavBarAppearance appearance" data-v-9ca1369d data-v-6c893767><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-6c893767 data-v-5337faa4 data-v-1d5665e3><span class="check" data-v-1d5665e3><span class="icon" data-v-1d5665e3><!--[--><span class="vpi-sun sun" data-v-5337faa4></span><span class="vpi-moon moon" data-v-5337faa4></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-9ca1369d data-v-0394ad82 data-v-d07f11e6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/feelyourprotocol/website" aria-label="github" target="_blank" rel="me noopener" data-v-d07f11e6 data-v-591a6b30><span class="vpi-social-github"></span></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-9ca1369d data-v-bf2fac68 data-v-42cb505d><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-42cb505d><span class="vpi-more-horizontal icon" data-v-42cb505d></span></button><div class="menu" data-v-42cb505d><div class="VPMenu" data-v-42cb505d data-v-25a6cce8><!----><!--[--><!--[--><!----><div class="group" data-v-bf2fac68><div class="item appearance" data-v-bf2fac68><p class="label" data-v-bf2fac68>Appearance</p><div class="appearance-action" data-v-bf2fac68><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-bf2fac68 data-v-5337faa4 data-v-1d5665e3><span class="check" data-v-1d5665e3><span class="icon" data-v-1d5665e3><!--[--><span class="vpi-sun sun" data-v-5337faa4></span><span class="vpi-moon moon" data-v-5337faa4></span><!--]--></span></span></button></div></div></div><div class="group" data-v-bf2fac68><div class="item social-links" data-v-bf2fac68><div class="VPSocialLinks social-links-list" data-v-bf2fac68 data-v-d07f11e6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/feelyourprotocol/website" aria-label="github" target="_blank" rel="me noopener" data-v-d07f11e6 data-v-591a6b30><span class="vpi-social-github"></span></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-9ca1369d data-v-e5dd9c1c><span class="container" data-v-e5dd9c1c><span class="top" data-v-e5dd9c1c></span><span class="middle" data-v-e5dd9c1c></span><span class="bottom" data-v-e5dd9c1c></span></span></button></div></div></div></div><div class="divider" data-v-9ca1369d><div class="divider-line" data-v-9ca1369d></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-1df9f90f data-v-db738f89><div class="container" data-v-db738f89><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-db738f89><span class="vpi-align-left menu-icon" data-v-db738f89></span><span class="menu-text" data-v-db738f89>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-db738f89 data-v-0bf0e06f><button data-v-0bf0e06f>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-1df9f90f data-v-af661f50><div class="curtain" data-v-af661f50></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-af661f50><span class="visually-hidden" id="sidebar-aria-label" data-v-af661f50> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-8d50c081><section class="VPSidebarItem level-0" data-v-8d50c081 data-v-d81de50c><div class="item" role="button" tabindex="0" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><h2 class="text" data-v-d81de50c>Guide</h2><!----></div><div class="items" data-v-d81de50c><!--[--><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/guide/getting-started.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Getting Started</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/guide/architecture.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Architecture</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-8d50c081><section class="VPSidebarItem level-0 has-active" data-v-8d50c081 data-v-d81de50c><div class="item" role="button" tabindex="0" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><h2 class="text" data-v-d81de50c>Contributing</h2><!----></div><div class="items" data-v-d81de50c><!--[--><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/contributing/how-to-contribute.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>How to Contribute</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/contributing/adding-an-exploration.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Adding an Exploration</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/contributing/e-components.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Using E-Components</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/contributing/code-conventions.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Code Conventions</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/contributing/library-forks.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Library Forks</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-1df9f90f data-v-c87f25bf><div class="VPDoc has-sidebar has-aside" data-v-c87f25bf data-v-7011f0d8><!--[--><!--]--><div class="container" data-v-7011f0d8><div class="aside" data-v-7011f0d8><div class="aside-curtain" data-v-7011f0d8></div><div class="aside-container" data-v-7011f0d8><div class="aside-content" data-v-7011f0d8><div class="VPDocAside" data-v-7011f0d8 data-v-3f215769><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-3f215769 data-v-60d5052e><div class="content" data-v-60d5052e><div class="outline-marker" data-v-60d5052e></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-60d5052e>On this page</div><ul class="VPDocOutlineItem root" data-v-60d5052e data-v-1ce71065><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-3f215769></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-7011f0d8><div class="content-container" data-v-7011f0d8><!--[--><!--]--><main class="main" data-v-7011f0d8><div style="position:relative;" class="vp-doc _contributing_how-to-contribute" data-v-7011f0d8><div><h1 id="how-to-contribute" tabindex="-1">How to Contribute <a class="header-anchor" href="#how-to-contribute" aria-label="Permalink to “How to Contribute”">​</a></h1><p>Contributions are what make Feel Your Protocol useful. Whether you are adding a brand-new exploration, polishing an existing one, or improving the shared components — every contribution helps the Ethereum community understand protocol changes better.</p><h2 id="ways-to-contribute" tabindex="-1">Ways to Contribute <a class="header-anchor" href="#ways-to-contribute" aria-label="Permalink to “Ways to Contribute”">​</a></h2><h3 id="add-a-new-exploration" tabindex="-1">Add a New Exploration <a class="header-anchor" href="#add-a-new-exploration" aria-label="Permalink to “Add a New Exploration”">​</a></h3><p>This is the most impactful contribution. Each exploration is a self-contained folder with metadata and an interactive widget. The <a href="/contributing/adding-an-exploration.html">Adding an Exploration</a> guide walks you through it step by step.</p><h3 id="improve-an-existing-exploration" tabindex="-1">Improve an Existing Exploration <a class="header-anchor" href="#improve-an-existing-exploration" aria-label="Permalink to “Improve an Existing Exploration”">​</a></h3><ul><li>Better examples and presets</li><li>UI/UX improvements</li><li>Bug fixes</li><li>More informative intro and usage texts</li></ul><h3 id="build-or-improve-e-components" tabindex="-1">Build or Improve E-Components <a class="header-anchor" href="#build-or-improve-e-components" aria-label="Permalink to “Build or Improve E-Components”">​</a></h3><p><a href="/contributing/e-components.html">E-Components</a> are reusable Ethereum-specific components (e.g. a precompile interface). If you spot a pattern shared across explorations, it might be a candidate for a new E-Component.</p><h3 id="improve-documentation" tabindex="-1">Improve Documentation <a class="header-anchor" href="#improve-documentation" aria-label="Permalink to “Improve Documentation”">​</a></h3><p>Fix typos, add guides, clarify explanations. Documentation lives in the <code>docs/</code> folder as standard markdown files. Preview locally with:</p><div class="language-bash"><button title="Copy Code" class="copy"></button><span class="lang">bash</span><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e;" tabindex="0" dir="ltr"><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">npm</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> run</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> docs:dev</span></span></code></pre></div><h3 id="report-issues" tabindex="-1">Report Issues <a class="header-anchor" href="#report-issues" aria-label="Permalink to “Report Issues”">​</a></h3><p>Found a bug or have a suggestion? <a href="https://github.com/feelyourprotocol/website/issues" target="_blank" rel="noreferrer">Open an issue</a> on GitHub.</p><h2 id="development-workflow" tabindex="-1">Development Workflow <a class="header-anchor" href="#development-workflow" aria-label="Permalink to “Development Workflow”">​</a></h2><h3 id="_1-setup" tabindex="-1">1. Setup <a class="header-anchor" href="#_1-setup" aria-label="Permalink to “1. Setup”">​</a></h3><div class="language-bash"><button title="Copy Code" class="copy"></button><span class="lang">bash</span><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e;" tabindex="0" dir="ltr"><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">git</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> clone</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> https://github.com/feelyourprotocol/website.git</span></span>
+    <div id="app"><div class="Layout" data-v-1df9f90f><!--[--><!--]--><!--[--><span tabindex="-1" data-v-331ec75c></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-331ec75c>Skip to content</a><!--]--><!----><header class="VPNav" data-v-1df9f90f data-v-9f75dce3><div class="VPNavBar has-sidebar top" data-v-9f75dce3 data-v-9ca1369d><div class="wrapper" data-v-9ca1369d><div class="container" data-v-9ca1369d><div class="title" data-v-9ca1369d><div class="VPNavBarTitle has-sidebar" data-v-9ca1369d data-v-1e38c6bc><a class="title" href="/" data-v-1e38c6bc><!--[--><!--]--><!----><span data-v-1e38c6bc>Feel Your Protocol</span><!--[--><!--]--></a></div></div><div class="content" data-v-9ca1369d><div class="content-body" data-v-9ca1369d><!--[--><!--]--><div class="VPNavBarSearch search" data-v-9ca1369d data-v-2fc7f2c6><!--[--><button type="button" class="VPNavBarSearchButton" aria-label="Search" aria-keyshortcuts="/ control+k meta+k" data-v-2fc7f2c6 data-v-baa3be99><span class="vpi-search" aria-hidden="true" data-v-baa3be99></span><span class="text" data-v-baa3be99>Search</span><span class="keys" aria-hidden="true" data-v-baa3be99><kbd class="key-cmd" data-v-baa3be99>⌘</kbd><kbd class="key-ctrl" data-v-baa3be99>Ctrl</kbd><kbd data-v-baa3be99>K</kbd></span></button><!----><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-9ca1369d data-v-39714824><span id="main-nav-aria-label" class="visually-hidden" data-v-39714824> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/guide/getting-started.html" tabindex="0" data-v-39714824 data-v-52a1d768><!--[--><span data-v-52a1d768>Guide</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/contributing/how-to-contribute.html" tabindex="0" data-v-39714824 data-v-52a1d768><!--[--><span data-v-52a1d768>Contributing</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://feelyourprotocol.org" target="_blank" rel="noreferrer" tabindex="0" data-v-39714824 data-v-52a1d768><!--[--><span data-v-52a1d768>Website</span><!--]--></a><!--]--><!--]--></nav><!----><div class="VPNavBarAppearance appearance" data-v-9ca1369d data-v-6c893767><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-6c893767 data-v-5337faa4 data-v-1d5665e3><span class="check" data-v-1d5665e3><span class="icon" data-v-1d5665e3><!--[--><span class="vpi-sun sun" data-v-5337faa4></span><span class="vpi-moon moon" data-v-5337faa4></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-9ca1369d data-v-0394ad82 data-v-d07f11e6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/feelyourprotocol/website" aria-label="github" target="_blank" rel="me noopener" data-v-d07f11e6 data-v-591a6b30><span class="vpi-social-github"></span></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-9ca1369d data-v-bf2fac68 data-v-42cb505d><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-42cb505d><span class="vpi-more-horizontal icon" data-v-42cb505d></span></button><div class="menu" data-v-42cb505d><div class="VPMenu" data-v-42cb505d data-v-25a6cce8><!----><!--[--><!--[--><!----><div class="group" data-v-bf2fac68><div class="item appearance" data-v-bf2fac68><p class="label" data-v-bf2fac68>Appearance</p><div class="appearance-action" data-v-bf2fac68><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-bf2fac68 data-v-5337faa4 data-v-1d5665e3><span class="check" data-v-1d5665e3><span class="icon" data-v-1d5665e3><!--[--><span class="vpi-sun sun" data-v-5337faa4></span><span class="vpi-moon moon" data-v-5337faa4></span><!--]--></span></span></button></div></div></div><div class="group" data-v-bf2fac68><div class="item social-links" data-v-bf2fac68><div class="VPSocialLinks social-links-list" data-v-bf2fac68 data-v-d07f11e6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/feelyourprotocol/website" aria-label="github" target="_blank" rel="me noopener" data-v-d07f11e6 data-v-591a6b30><span class="vpi-social-github"></span></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-9ca1369d data-v-e5dd9c1c><span class="container" data-v-e5dd9c1c><span class="top" data-v-e5dd9c1c></span><span class="middle" data-v-e5dd9c1c></span><span class="bottom" data-v-e5dd9c1c></span></span></button></div></div></div></div><div class="divider" data-v-9ca1369d><div class="divider-line" data-v-9ca1369d></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-1df9f90f data-v-db738f89><div class="container" data-v-db738f89><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-db738f89><span class="vpi-align-left menu-icon" data-v-db738f89></span><span class="menu-text" data-v-db738f89>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-db738f89 data-v-0bf0e06f><button data-v-0bf0e06f>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-1df9f90f data-v-af661f50><div class="curtain" data-v-af661f50></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-af661f50><span class="visually-hidden" id="sidebar-aria-label" data-v-af661f50> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-8d50c081><section class="VPSidebarItem level-0" data-v-8d50c081 data-v-d81de50c><div class="item" role="button" tabindex="0" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><h2 class="text" data-v-d81de50c>Guide</h2><!----></div><div class="items" data-v-d81de50c><!--[--><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/guide/getting-started.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Getting Started</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/guide/architecture.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Architecture</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-8d50c081><section class="VPSidebarItem level-0 has-active" data-v-8d50c081 data-v-d81de50c><div class="item" role="button" tabindex="0" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><h2 class="text" data-v-d81de50c>Contributing</h2><!----></div><div class="items" data-v-d81de50c><!--[--><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/contributing/how-to-contribute.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>How to Contribute</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/contributing/adding-an-exploration.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Adding an Exploration</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/contributing/e-components.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>E-Components</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/contributing/available-e-components.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Available E-Components</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/contributing/code-conventions.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Code Conventions</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/contributing/library-forks.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Library Forks</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-1df9f90f data-v-c87f25bf><div class="VPDoc has-sidebar has-aside" data-v-c87f25bf data-v-7011f0d8><!--[--><!--]--><div class="container" data-v-7011f0d8><div class="aside" data-v-7011f0d8><div class="aside-curtain" data-v-7011f0d8></div><div class="aside-container" data-v-7011f0d8><div class="aside-content" data-v-7011f0d8><div class="VPDocAside" data-v-7011f0d8 data-v-3f215769><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-3f215769 data-v-60d5052e><div class="content" data-v-60d5052e><div class="outline-marker" data-v-60d5052e></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-60d5052e>On this page</div><ul class="VPDocOutlineItem root" data-v-60d5052e data-v-1ce71065><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-3f215769></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-7011f0d8><div class="content-container" data-v-7011f0d8><!--[--><!--]--><main class="main" data-v-7011f0d8><div style="position:relative;" class="vp-doc _contributing_how-to-contribute" data-v-7011f0d8><div><h1 id="how-to-contribute" tabindex="-1">How to Contribute <a class="header-anchor" href="#how-to-contribute" aria-label="Permalink to “How to Contribute”">​</a></h1><p>Contributions are what make Feel Your Protocol useful. Whether you are adding a brand-new exploration, polishing an existing one, or improving the shared components — every contribution helps the Ethereum community understand protocol changes better.</p><h2 id="ways-to-contribute" tabindex="-1">Ways to Contribute <a class="header-anchor" href="#ways-to-contribute" aria-label="Permalink to “Ways to Contribute”">​</a></h2><h3 id="add-a-new-exploration" tabindex="-1">Add a New Exploration <a class="header-anchor" href="#add-a-new-exploration" aria-label="Permalink to “Add a New Exploration”">​</a></h3><p>This is the most impactful contribution. Each exploration is a self-contained folder with metadata and an interactive widget. The <a href="/contributing/adding-an-exploration.html">Adding an Exploration</a> guide walks you through it step by step.</p><h3 id="improve-an-existing-exploration" tabindex="-1">Improve an Existing Exploration <a class="header-anchor" href="#improve-an-existing-exploration" aria-label="Permalink to “Improve an Existing Exploration”">​</a></h3><ul><li>Better examples and presets</li><li>UI/UX improvements</li><li>Bug fixes</li><li>More informative intro and usage texts</li></ul><h3 id="build-or-improve-e-components" tabindex="-1">Build or Improve E-Components <a class="header-anchor" href="#build-or-improve-e-components" aria-label="Permalink to “Build or Improve E-Components”">​</a></h3><p><a href="/contributing/e-components.html">E-Components</a> are reusable Ethereum-specific components (e.g. a precompile interface). If you spot a pattern shared across explorations, it might be a candidate for a new E-Component.</p><h3 id="improve-documentation" tabindex="-1">Improve Documentation <a class="header-anchor" href="#improve-documentation" aria-label="Permalink to “Improve Documentation”">​</a></h3><p>Fix typos, add guides, clarify explanations. Documentation lives in the <code>docs/</code> folder as standard markdown files. Preview locally with:</p><div class="language-bash"><button title="Copy Code" class="copy"></button><span class="lang">bash</span><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e;" tabindex="0" dir="ltr"><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">npm</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> run</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> docs:dev</span></span></code></pre></div><h3 id="report-issues" tabindex="-1">Report Issues <a class="header-anchor" href="#report-issues" aria-label="Permalink to “Report Issues”">​</a></h3><p>Found a bug or have a suggestion? <a href="https://github.com/feelyourprotocol/website/issues" target="_blank" rel="noreferrer">Open an issue</a> on GitHub.</p><h2 id="development-workflow" tabindex="-1">Development Workflow <a class="header-anchor" href="#development-workflow" aria-label="Permalink to “Development Workflow”">​</a></h2><h3 id="_1-setup" tabindex="-1">1. Setup <a class="header-anchor" href="#_1-setup" aria-label="Permalink to “1. Setup”">​</a></h3><div class="language-bash"><button title="Copy Code" class="copy"></button><span class="lang">bash</span><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e;" tabindex="0" dir="ltr"><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">git</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> clone</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> https://github.com/feelyourprotocol/website.git</span></span>
 <span class="line"><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">cd</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> website</span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">npm</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> install</span></span></code></pre></div><h3 id="_2-develop" tabindex="-1">2. Develop <a class="header-anchor" href="#_2-develop" aria-label="Permalink to “2. Develop”">​</a></h3><div class="language-bash"><button title="Copy Code" class="copy"></button><span class="lang">bash</span><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e;" tabindex="0" dir="ltr"><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">npm</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> run</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> dev</span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">          # start dev server</span></span></code></pre></div><h3 id="_3-verify" tabindex="-1">3. Verify <a class="header-anchor" href="#_3-verify" aria-label="Permalink to “3. Verify”">​</a></h3><p>Before submitting a PR, run all quality checks:</p><div class="language-bash"><button title="Copy Code" class="copy"></button><span class="lang">bash</span><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e;" tabindex="0" dir="ltr"><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">npm</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> run</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> lf</span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">           # format + lint (auto-fix)</span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">npm</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> run</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> type-check</span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">   # TypeScript type checking</span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">npx</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> vitest</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> run</span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">       # unit tests (single run)</span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">npm</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> run</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> test:e2e</span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">     # E2E tests</span></span></code></pre></div><h3 id="_4-submit" tabindex="-1">4. Submit <a class="header-anchor" href="#_4-submit" aria-label="Permalink to “4. Submit”">​</a></h3><ul><li>Fork the repository and create a feature branch</li><li>Make your changes</li><li>Ensure all checks pass</li><li>Submit a pull request with a clear description of what you changed and why</li></ul><h2 id="what-goes-where" tabindex="-1">What Goes Where <a class="header-anchor" href="#what-goes-where" aria-label="Permalink to “What Goes Where”">​</a></h2><table tabindex="0"><thead><tr><th>What you are working on</th><th>Where it lives</th></tr></thead><tbody><tr><td>A new exploration</td><td><code>src/explorations/&lt;id&gt;/</code></td></tr><tr><td>Exploration metadata</td><td><code>src/explorations/&lt;id&gt;/info.ts</code></td></tr><tr><td>Interactive widget</td><td><code>src/explorations/&lt;id&gt;/MyC.vue</code></td></tr><tr><td>Example presets</td><td><code>src/explorations/&lt;id&gt;/examples.ts</code></td></tr><tr><td>Exploration registry</td><td><code>src/explorations/REGISTRY.ts</code></td></tr><tr><td>E-Components</td><td><code>src/eComponents/&lt;name&gt;EC/</code></td></tr><tr><td>Shared UI components</td><td><code>src/components/ui/</code></td></tr><tr><td>Shared utilities</td><td><code>src/components/lib/</code></td></tr><tr><td>Unit tests</td><td><code>src/views/__tests__/</code> (or co-located <code>__tests__/</code>)</td></tr><tr><td>E2E tests</td><td><code>cypress/e2e/</code></td></tr><tr><td>Documentation</td><td><code>docs/</code></td></tr></tbody></table><h2 id="further-reading" tabindex="-1">Further Reading <a class="header-anchor" href="#further-reading" aria-label="Permalink to “Further Reading”">​</a></h2><ul><li><a href="/contributing/adding-an-exploration.html">Adding an Exploration</a> — step-by-step guide</li><li><a href="/contributing/e-components.html">Using E-Components</a> — reusable Ethereum-specific components</li><li><a href="/contributing/code-conventions.html">Code Conventions</a> — imports, naming, linting, testing</li><li><a href="/contributing/library-forks.html">Library Forks</a> — when you need a custom library build</li></ul></div></div></main><footer class="VPDocFooter" data-v-7011f0d8 data-v-e257564d><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-e257564d><span class="visually-hidden" id="doc-footer-aria-label" data-v-e257564d>Pager</span><div class="pager" data-v-e257564d><a class="VPLink link pager-link prev" href="/guide/architecture.html" data-v-e257564d><!--[--><span class="desc" data-v-e257564d>Previous page</span><span class="title" data-v-e257564d>Architecture</span><!--]--></a></div><div class="pager" data-v-e257564d><a class="VPLink link pager-link next" href="/contributing/adding-an-exploration.html" data-v-e257564d><!--[--><span class="desc" data-v-e257564d>Next page</span><span class="title" data-v-e257564d>Adding an Exploration</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1df9f90f data-v-c3855bb3><div class="container" data-v-c3855bb3><p class="message" data-v-c3855bb3>This project and its documentation are under active development.</p><!----></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"contributing_adding-an-exploration.md\":\"Ahsvo_Ol\",\"contributing_code-conventions.md\":\"BFjoMQv_\",\"contributing_e-components.md\":\"_pZHAy_w\",\"contributing_how-to-contribute.md\":\"XKvLYLkk\",\"contributing_library-forks.md\":\"DYk1JQhp\",\"guide_architecture.md\":\"BSBE4DKA\",\"guide_getting-started.md\":\"B-wiDt-S\",\"index.md\":\"DpQvSWpN\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"Feel Your Protocol\",\"description\":\"Documentation for the Feel Your Protocol project\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/guide/getting-started\"},{\"text\":\"Contributing\",\"link\":\"/contributing/how-to-contribute\"},{\"text\":\"Website\",\"link\":\"https://feelyourprotocol.org\"}],\"sidebar\":[{\"text\":\"Guide\",\"items\":[{\"text\":\"Getting Started\",\"link\":\"/guide/getting-started\"},{\"text\":\"Architecture\",\"link\":\"/guide/architecture\"}]},{\"text\":\"Contributing\",\"items\":[{\"text\":\"How to Contribute\",\"link\":\"/contributing/how-to-contribute\"},{\"text\":\"Adding an Exploration\",\"link\":\"/contributing/adding-an-exploration\"},{\"text\":\"Using E-Components\",\"link\":\"/contributing/e-components\"},{\"text\":\"Code Conventions\",\"link\":\"/contributing/code-conventions\"},{\"text\":\"Library Forks\",\"link\":\"/contributing/library-forks\"}]}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/feelyourprotocol/website\"}],\"search\":{\"provider\":\"local\"},\"footer\":{\"message\":\"This project and its documentation are under active development.\"}},\"locales\":{},\"scrollOffset\":134,\"cleanUrls\":false,\"additionalConfig\":{}}");</script>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"contributing_adding-an-exploration.md\":\"Ahsvo_Ol\",\"contributing_available-e-components.md\":\"CJ3WaJq0\",\"contributing_code-conventions.md\":\"BFjoMQv_\",\"contributing_e-components.md\":\"EgChjAzs\",\"contributing_how-to-contribute.md\":\"XKvLYLkk\",\"contributing_library-forks.md\":\"DYk1JQhp\",\"guide_architecture.md\":\"BSBE4DKA\",\"guide_getting-started.md\":\"B-wiDt-S\",\"index.md\":\"DpQvSWpN\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"Feel Your Protocol\",\"description\":\"Documentation for the Feel Your Protocol project\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/guide/getting-started\"},{\"text\":\"Contributing\",\"link\":\"/contributing/how-to-contribute\"},{\"text\":\"Website\",\"link\":\"https://feelyourprotocol.org\"}],\"sidebar\":[{\"text\":\"Guide\",\"items\":[{\"text\":\"Getting Started\",\"link\":\"/guide/getting-started\"},{\"text\":\"Architecture\",\"link\":\"/guide/architecture\"}]},{\"text\":\"Contributing\",\"items\":[{\"text\":\"How to Contribute\",\"link\":\"/contributing/how-to-contribute\"},{\"text\":\"Adding an Exploration\",\"link\":\"/contributing/adding-an-exploration\"},{\"text\":\"E-Components\",\"link\":\"/contributing/e-components\"},{\"text\":\"Available E-Components\",\"link\":\"/contributing/available-e-components\"},{\"text\":\"Code Conventions\",\"link\":\"/contributing/code-conventions\"},{\"text\":\"Library Forks\",\"link\":\"/contributing/library-forks\"}]}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/feelyourprotocol/website\"}],\"search\":{\"provider\":\"local\"},\"footer\":{\"message\":\"This project and its documentation are under active development.\"}},\"locales\":{},\"scrollOffset\":134,\"cleanUrls\":false,\"additionalConfig\":{}}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/dist/docs/guide/architecture.html b/dist/docs/guide/architecture.html
index 6eea08e..b88c04e 100644
--- a/dist/docs/guide/architecture.html
+++ b/dist/docs/guide/architecture.html
@@ -9,16 +9,16 @@
     <link rel="preload stylesheet" href="/assets/style.Cfu23m_7.css" as="style">
     <link rel="preload stylesheet" href="/vp-icons.css" as="style">
     
-    <script type="module" src="/assets/app.CvfZ8yf2.js"></script>
+    <script type="module" src="/assets/app.DDSgF2-8.js"></script>
     <link rel="preload" href="/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/assets/chunks/theme.BQpYnme8.js">
+    <link rel="modulepreload" href="/assets/chunks/theme.2vG7thFl.js">
     <link rel="modulepreload" href="/assets/chunks/framework.DyoGesZS.js">
     <link rel="modulepreload" href="/assets/guide_architecture.md.BSBE4DKA.lean.js">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-1df9f90f><!--[--><!--]--><!--[--><span tabindex="-1" data-v-331ec75c></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-331ec75c>Skip to content</a><!--]--><!----><header class="VPNav" data-v-1df9f90f data-v-9f75dce3><div class="VPNavBar has-sidebar top" data-v-9f75dce3 data-v-9ca1369d><div class="wrapper" data-v-9ca1369d><div class="container" data-v-9ca1369d><div class="title" data-v-9ca1369d><div class="VPNavBarTitle has-sidebar" data-v-9ca1369d data-v-1e38c6bc><a class="title" href="/" data-v-1e38c6bc><!--[--><!--]--><!----><span data-v-1e38c6bc>Feel Your Protocol</span><!--[--><!--]--></a></div></div><div class="content" data-v-9ca1369d><div class="content-body" data-v-9ca1369d><!--[--><!--]--><div class="VPNavBarSearch search" data-v-9ca1369d data-v-2fc7f2c6><!--[--><button type="button" class="VPNavBarSearchButton" aria-label="Search" aria-keyshortcuts="/ control+k meta+k" data-v-2fc7f2c6 data-v-baa3be99><span class="vpi-search" aria-hidden="true" data-v-baa3be99></span><span class="text" data-v-baa3be99>Search</span><span class="keys" aria-hidden="true" data-v-baa3be99><kbd class="key-cmd" data-v-baa3be99>⌘</kbd><kbd class="key-ctrl" data-v-baa3be99>Ctrl</kbd><kbd data-v-baa3be99>K</kbd></span></button><!----><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-9ca1369d data-v-39714824><span id="main-nav-aria-label" class="visually-hidden" data-v-39714824> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/guide/getting-started.html" tabindex="0" data-v-39714824 data-v-52a1d768><!--[--><span data-v-52a1d768>Guide</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/contributing/how-to-contribute.html" tabindex="0" data-v-39714824 data-v-52a1d768><!--[--><span data-v-52a1d768>Contributing</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://feelyourprotocol.org" target="_blank" rel="noreferrer" tabindex="0" data-v-39714824 data-v-52a1d768><!--[--><span data-v-52a1d768>Website</span><!--]--></a><!--]--><!--]--></nav><!----><div class="VPNavBarAppearance appearance" data-v-9ca1369d data-v-6c893767><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-6c893767 data-v-5337faa4 data-v-1d5665e3><span class="check" data-v-1d5665e3><span class="icon" data-v-1d5665e3><!--[--><span class="vpi-sun sun" data-v-5337faa4></span><span class="vpi-moon moon" data-v-5337faa4></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-9ca1369d data-v-0394ad82 data-v-d07f11e6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/feelyourprotocol/website" aria-label="github" target="_blank" rel="me noopener" data-v-d07f11e6 data-v-591a6b30><span class="vpi-social-github"></span></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-9ca1369d data-v-bf2fac68 data-v-42cb505d><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-42cb505d><span class="vpi-more-horizontal icon" data-v-42cb505d></span></button><div class="menu" data-v-42cb505d><div class="VPMenu" data-v-42cb505d data-v-25a6cce8><!----><!--[--><!--[--><!----><div class="group" data-v-bf2fac68><div class="item appearance" data-v-bf2fac68><p class="label" data-v-bf2fac68>Appearance</p><div class="appearance-action" data-v-bf2fac68><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-bf2fac68 data-v-5337faa4 data-v-1d5665e3><span class="check" data-v-1d5665e3><span class="icon" data-v-1d5665e3><!--[--><span class="vpi-sun sun" data-v-5337faa4></span><span class="vpi-moon moon" data-v-5337faa4></span><!--]--></span></span></button></div></div></div><div class="group" data-v-bf2fac68><div class="item social-links" data-v-bf2fac68><div class="VPSocialLinks social-links-list" data-v-bf2fac68 data-v-d07f11e6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/feelyourprotocol/website" aria-label="github" target="_blank" rel="me noopener" data-v-d07f11e6 data-v-591a6b30><span class="vpi-social-github"></span></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-9ca1369d data-v-e5dd9c1c><span class="container" data-v-e5dd9c1c><span class="top" data-v-e5dd9c1c></span><span class="middle" data-v-e5dd9c1c></span><span class="bottom" data-v-e5dd9c1c></span></span></button></div></div></div></div><div class="divider" data-v-9ca1369d><div class="divider-line" data-v-9ca1369d></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-1df9f90f data-v-db738f89><div class="container" data-v-db738f89><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-db738f89><span class="vpi-align-left menu-icon" data-v-db738f89></span><span class="menu-text" data-v-db738f89>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-db738f89 data-v-0bf0e06f><button data-v-0bf0e06f>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-1df9f90f data-v-af661f50><div class="curtain" data-v-af661f50></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-af661f50><span class="visually-hidden" id="sidebar-aria-label" data-v-af661f50> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-8d50c081><section class="VPSidebarItem level-0 has-active" data-v-8d50c081 data-v-d81de50c><div class="item" role="button" tabindex="0" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><h2 class="text" data-v-d81de50c>Guide</h2><!----></div><div class="items" data-v-d81de50c><!--[--><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/guide/getting-started.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Getting Started</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/guide/architecture.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Architecture</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-8d50c081><section class="VPSidebarItem level-0" data-v-8d50c081 data-v-d81de50c><div class="item" role="button" tabindex="0" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><h2 class="text" data-v-d81de50c>Contributing</h2><!----></div><div class="items" data-v-d81de50c><!--[--><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/contributing/how-to-contribute.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>How to Contribute</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/contributing/adding-an-exploration.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Adding an Exploration</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/contributing/e-components.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Using E-Components</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/contributing/code-conventions.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Code Conventions</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/contributing/library-forks.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Library Forks</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-1df9f90f data-v-c87f25bf><div class="VPDoc has-sidebar has-aside" data-v-c87f25bf data-v-7011f0d8><!--[--><!--]--><div class="container" data-v-7011f0d8><div class="aside" data-v-7011f0d8><div class="aside-curtain" data-v-7011f0d8></div><div class="aside-container" data-v-7011f0d8><div class="aside-content" data-v-7011f0d8><div class="VPDocAside" data-v-7011f0d8 data-v-3f215769><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-3f215769 data-v-60d5052e><div class="content" data-v-60d5052e><div class="outline-marker" data-v-60d5052e></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-60d5052e>On this page</div><ul class="VPDocOutlineItem root" data-v-60d5052e data-v-1ce71065><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-3f215769></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-7011f0d8><div class="content-container" data-v-7011f0d8><!--[--><!--]--><main class="main" data-v-7011f0d8><div style="position:relative;" class="vp-doc _guide_architecture" data-v-7011f0d8><div><h1 id="architecture" tabindex="-1">Architecture <a class="header-anchor" href="#architecture" aria-label="Permalink to “Architecture”">​</a></h1><h2 id="overview" tabindex="-1">Overview <a class="header-anchor" href="#overview" aria-label="Permalink to “Overview”">​</a></h2><p>Feel Your Protocol is a Vue 3 application built with Vite. The core idea is simple: each Ethereum protocol change gets its own interactive widget that runs real library code in the browser.</p><h2 id="tech-stack" tabindex="-1">Tech Stack <a class="header-anchor" href="#tech-stack" aria-label="Permalink to “Tech Stack”">​</a></h2><ul><li><strong><a href="https://vuejs.org/" target="_blank" rel="noreferrer">Vue 3</a></strong> with Composition API and <code>&lt;script setup&gt;</code></li><li><strong><a href="https://vite.dev/" target="_blank" rel="noreferrer">Vite</a></strong> for development and production builds</li><li><strong><a href="https://tailwindcss.com/" target="_blank" rel="noreferrer">Tailwind CSS v4</a></strong> for styling</li><li><strong><a href="https://router.vuejs.org/" target="_blank" rel="noreferrer">Vue Router</a></strong> with route-level code splitting</li><li><strong><a href="https://vitepress.dev/" target="_blank" rel="noreferrer">VitePress</a></strong> for documentation</li><li><strong><a href="https://vitest.dev/" target="_blank" rel="noreferrer">Vitest</a></strong> + <strong><a href="https://test-utils.vuejs.org/" target="_blank" rel="noreferrer">Vue Test Utils</a></strong> for unit testing</li><li><strong><a href="https://www.cypress.io/" target="_blank" rel="noreferrer">Cypress</a></strong> for E2E testing</li><li><strong><a href="https://heroicons.com/" target="_blank" rel="noreferrer">Heroicons</a></strong> for icons (<code>@heroicons/vue</code>)</li></ul><h2 id="content-model" tabindex="-1">Content Model <a class="header-anchor" href="#content-model" aria-label="Permalink to “Content Model”">​</a></h2><p>Content is organized around two concepts:</p><h3 id="explorations" tabindex="-1">Explorations <a class="header-anchor" href="#explorations" aria-label="Permalink to “Explorations”">​</a></h3><p>The core content unit. Each exploration represents an interactive widget for a protocol change — EIPs, ERCs, or research topics. Explorations live in <code>src/explorations/</code>, one folder per exploration:</p><div class="language-"><button title="Copy Code" class="copy"></button><span class="lang"></span><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e;" tabindex="0" dir="ltr"><code><span class="line"><span>src/explorations/eip-7883/</span></span>
+    <div id="app"><div class="Layout" data-v-1df9f90f><!--[--><!--]--><!--[--><span tabindex="-1" data-v-331ec75c></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-331ec75c>Skip to content</a><!--]--><!----><header class="VPNav" data-v-1df9f90f data-v-9f75dce3><div class="VPNavBar has-sidebar top" data-v-9f75dce3 data-v-9ca1369d><div class="wrapper" data-v-9ca1369d><div class="container" data-v-9ca1369d><div class="title" data-v-9ca1369d><div class="VPNavBarTitle has-sidebar" data-v-9ca1369d data-v-1e38c6bc><a class="title" href="/" data-v-1e38c6bc><!--[--><!--]--><!----><span data-v-1e38c6bc>Feel Your Protocol</span><!--[--><!--]--></a></div></div><div class="content" data-v-9ca1369d><div class="content-body" data-v-9ca1369d><!--[--><!--]--><div class="VPNavBarSearch search" data-v-9ca1369d data-v-2fc7f2c6><!--[--><button type="button" class="VPNavBarSearchButton" aria-label="Search" aria-keyshortcuts="/ control+k meta+k" data-v-2fc7f2c6 data-v-baa3be99><span class="vpi-search" aria-hidden="true" data-v-baa3be99></span><span class="text" data-v-baa3be99>Search</span><span class="keys" aria-hidden="true" data-v-baa3be99><kbd class="key-cmd" data-v-baa3be99>⌘</kbd><kbd class="key-ctrl" data-v-baa3be99>Ctrl</kbd><kbd data-v-baa3be99>K</kbd></span></button><!----><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-9ca1369d data-v-39714824><span id="main-nav-aria-label" class="visually-hidden" data-v-39714824> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/guide/getting-started.html" tabindex="0" data-v-39714824 data-v-52a1d768><!--[--><span data-v-52a1d768>Guide</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/contributing/how-to-contribute.html" tabindex="0" data-v-39714824 data-v-52a1d768><!--[--><span data-v-52a1d768>Contributing</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://feelyourprotocol.org" target="_blank" rel="noreferrer" tabindex="0" data-v-39714824 data-v-52a1d768><!--[--><span data-v-52a1d768>Website</span><!--]--></a><!--]--><!--]--></nav><!----><div class="VPNavBarAppearance appearance" data-v-9ca1369d data-v-6c893767><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-6c893767 data-v-5337faa4 data-v-1d5665e3><span class="check" data-v-1d5665e3><span class="icon" data-v-1d5665e3><!--[--><span class="vpi-sun sun" data-v-5337faa4></span><span class="vpi-moon moon" data-v-5337faa4></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-9ca1369d data-v-0394ad82 data-v-d07f11e6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/feelyourprotocol/website" aria-label="github" target="_blank" rel="me noopener" data-v-d07f11e6 data-v-591a6b30><span class="vpi-social-github"></span></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-9ca1369d data-v-bf2fac68 data-v-42cb505d><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-42cb505d><span class="vpi-more-horizontal icon" data-v-42cb505d></span></button><div class="menu" data-v-42cb505d><div class="VPMenu" data-v-42cb505d data-v-25a6cce8><!----><!--[--><!--[--><!----><div class="group" data-v-bf2fac68><div class="item appearance" data-v-bf2fac68><p class="label" data-v-bf2fac68>Appearance</p><div class="appearance-action" data-v-bf2fac68><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-bf2fac68 data-v-5337faa4 data-v-1d5665e3><span class="check" data-v-1d5665e3><span class="icon" data-v-1d5665e3><!--[--><span class="vpi-sun sun" data-v-5337faa4></span><span class="vpi-moon moon" data-v-5337faa4></span><!--]--></span></span></button></div></div></div><div class="group" data-v-bf2fac68><div class="item social-links" data-v-bf2fac68><div class="VPSocialLinks social-links-list" data-v-bf2fac68 data-v-d07f11e6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/feelyourprotocol/website" aria-label="github" target="_blank" rel="me noopener" data-v-d07f11e6 data-v-591a6b30><span class="vpi-social-github"></span></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-9ca1369d data-v-e5dd9c1c><span class="container" data-v-e5dd9c1c><span class="top" data-v-e5dd9c1c></span><span class="middle" data-v-e5dd9c1c></span><span class="bottom" data-v-e5dd9c1c></span></span></button></div></div></div></div><div class="divider" data-v-9ca1369d><div class="divider-line" data-v-9ca1369d></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-1df9f90f data-v-db738f89><div class="container" data-v-db738f89><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-db738f89><span class="vpi-align-left menu-icon" data-v-db738f89></span><span class="menu-text" data-v-db738f89>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-db738f89 data-v-0bf0e06f><button data-v-0bf0e06f>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-1df9f90f data-v-af661f50><div class="curtain" data-v-af661f50></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-af661f50><span class="visually-hidden" id="sidebar-aria-label" data-v-af661f50> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-8d50c081><section class="VPSidebarItem level-0 has-active" data-v-8d50c081 data-v-d81de50c><div class="item" role="button" tabindex="0" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><h2 class="text" data-v-d81de50c>Guide</h2><!----></div><div class="items" data-v-d81de50c><!--[--><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/guide/getting-started.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Getting Started</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/guide/architecture.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Architecture</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-8d50c081><section class="VPSidebarItem level-0" data-v-8d50c081 data-v-d81de50c><div class="item" role="button" tabindex="0" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><h2 class="text" data-v-d81de50c>Contributing</h2><!----></div><div class="items" data-v-d81de50c><!--[--><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/contributing/how-to-contribute.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>How to Contribute</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/contributing/adding-an-exploration.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Adding an Exploration</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/contributing/e-components.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>E-Components</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/contributing/available-e-components.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Available E-Components</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/contributing/code-conventions.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Code Conventions</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/contributing/library-forks.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Library Forks</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-1df9f90f data-v-c87f25bf><div class="VPDoc has-sidebar has-aside" data-v-c87f25bf data-v-7011f0d8><!--[--><!--]--><div class="container" data-v-7011f0d8><div class="aside" data-v-7011f0d8><div class="aside-curtain" data-v-7011f0d8></div><div class="aside-container" data-v-7011f0d8><div class="aside-content" data-v-7011f0d8><div class="VPDocAside" data-v-7011f0d8 data-v-3f215769><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-3f215769 data-v-60d5052e><div class="content" data-v-60d5052e><div class="outline-marker" data-v-60d5052e></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-60d5052e>On this page</div><ul class="VPDocOutlineItem root" data-v-60d5052e data-v-1ce71065><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-3f215769></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-7011f0d8><div class="content-container" data-v-7011f0d8><!--[--><!--]--><main class="main" data-v-7011f0d8><div style="position:relative;" class="vp-doc _guide_architecture" data-v-7011f0d8><div><h1 id="architecture" tabindex="-1">Architecture <a class="header-anchor" href="#architecture" aria-label="Permalink to “Architecture”">​</a></h1><h2 id="overview" tabindex="-1">Overview <a class="header-anchor" href="#overview" aria-label="Permalink to “Overview”">​</a></h2><p>Feel Your Protocol is a Vue 3 application built with Vite. The core idea is simple: each Ethereum protocol change gets its own interactive widget that runs real library code in the browser.</p><h2 id="tech-stack" tabindex="-1">Tech Stack <a class="header-anchor" href="#tech-stack" aria-label="Permalink to “Tech Stack”">​</a></h2><ul><li><strong><a href="https://vuejs.org/" target="_blank" rel="noreferrer">Vue 3</a></strong> with Composition API and <code>&lt;script setup&gt;</code></li><li><strong><a href="https://vite.dev/" target="_blank" rel="noreferrer">Vite</a></strong> for development and production builds</li><li><strong><a href="https://tailwindcss.com/" target="_blank" rel="noreferrer">Tailwind CSS v4</a></strong> for styling</li><li><strong><a href="https://router.vuejs.org/" target="_blank" rel="noreferrer">Vue Router</a></strong> with route-level code splitting</li><li><strong><a href="https://vitepress.dev/" target="_blank" rel="noreferrer">VitePress</a></strong> for documentation</li><li><strong><a href="https://vitest.dev/" target="_blank" rel="noreferrer">Vitest</a></strong> + <strong><a href="https://test-utils.vuejs.org/" target="_blank" rel="noreferrer">Vue Test Utils</a></strong> for unit testing</li><li><strong><a href="https://www.cypress.io/" target="_blank" rel="noreferrer">Cypress</a></strong> for E2E testing</li><li><strong><a href="https://heroicons.com/" target="_blank" rel="noreferrer">Heroicons</a></strong> for icons (<code>@heroicons/vue</code>)</li></ul><h2 id="content-model" tabindex="-1">Content Model <a class="header-anchor" href="#content-model" aria-label="Permalink to “Content Model”">​</a></h2><p>Content is organized around two concepts:</p><h3 id="explorations" tabindex="-1">Explorations <a class="header-anchor" href="#explorations" aria-label="Permalink to “Explorations”">​</a></h3><p>The core content unit. Each exploration represents an interactive widget for a protocol change — EIPs, ERCs, or research topics. Explorations live in <code>src/explorations/</code>, one folder per exploration:</p><div class="language-"><button title="Copy Code" class="copy"></button><span class="lang"></span><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e;" tabindex="0" dir="ltr"><code><span class="line"><span>src/explorations/eip-7883/</span></span>
 <span class="line"><span>├── info.ts         # Metadata: id, title, path, topic, introText, poweredBy, …</span></span>
 <span class="line"><span>├── MyC.vue         # The interactive widget</span></span>
 <span class="line"><span>└── examples.ts     # Example presets for the widget</span></span></code></pre></div><p>Each <code>info.ts</code> exports a <code>const INFO</code> object typed as <code>Exploration</code>. The <code>REGISTRY.ts</code> imports all <code>INFO</code> constants and assembles them into the <code>EXPLORATIONS</code> dictionary. The router reads from this dictionary to automatically create routes — no manual route registration needed.</p><h3 id="topics" tabindex="-1">Topics <a class="header-anchor" href="#topics" aria-label="Permalink to “Topics”">​</a></h3><p>Topics group explorations by theme (e.g. &quot;Fusaka&quot; for an upcoming hardfork). Each exploration belongs to exactly one topic via the <code>topic</code> field in its <code>info.ts</code>. Topics are defined in <code>src/explorations/TOPICS.ts</code>.</p><h2 id="e-components" tabindex="-1">E-Components <a class="header-anchor" href="#e-components" aria-label="Permalink to “E-Components”">​</a></h2><p><strong>E-Components</strong> are reusable Ethereum-specific components that encapsulate common patterns across explorations. They live in <code>src/eComponents/</code> and follow a naming convention: folder and component names are post-fixed with <code>EC</code>.</p><p>The first E-Component is <code>precompileInterfaceEC</code>, which provides a complete precompile exploration interface — input parsing, hardfork comparison, result display — as a single component backed by a composable:</p><div class="language-"><button title="Copy Code" class="copy"></button><span class="lang"></span><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e;" tabindex="0" dir="ltr"><code><span class="line"><span>src/eComponents/precompileInterfaceEC/</span></span>
@@ -31,7 +31,7 @@
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> ExplorationComponent</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> defineAsyncComponent</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  componentModules[</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">`../explorations/${</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">explorationId</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}/MyC.vue`</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">]</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">)</span></span></code></pre></div><h3 id="testing-strategy" tabindex="-1">Testing Strategy <a class="header-anchor" href="#testing-strategy" aria-label="Permalink to “Testing Strategy”">​</a></h3><p>The project uses a hybrid testing approach:</p><ul><li><strong>Unit tests</strong> (Vitest + Vue Test Utils) for component rendering, content verification, and UI logic — fast and focused</li><li><strong>E2E tests</strong> (Cypress) as lean smoke tests for critical navigation flows and page-level integration</li></ul><p>Unit tests live alongside their components in <code>__tests__/</code> folders. E2E tests are consolidated in <code>cypress/e2e/</code>.</p></div></div></main><footer class="VPDocFooter" data-v-7011f0d8 data-v-e257564d><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-e257564d><span class="visually-hidden" id="doc-footer-aria-label" data-v-e257564d>Pager</span><div class="pager" data-v-e257564d><a class="VPLink link pager-link prev" href="/guide/getting-started.html" data-v-e257564d><!--[--><span class="desc" data-v-e257564d>Previous page</span><span class="title" data-v-e257564d>Getting Started</span><!--]--></a></div><div class="pager" data-v-e257564d><a class="VPLink link pager-link next" href="/contributing/how-to-contribute.html" data-v-e257564d><!--[--><span class="desc" data-v-e257564d>Next page</span><span class="title" data-v-e257564d>How to Contribute</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1df9f90f data-v-c3855bb3><div class="container" data-v-c3855bb3><p class="message" data-v-c3855bb3>This project and its documentation are under active development.</p><!----></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"contributing_adding-an-exploration.md\":\"Ahsvo_Ol\",\"contributing_code-conventions.md\":\"BFjoMQv_\",\"contributing_e-components.md\":\"_pZHAy_w\",\"contributing_how-to-contribute.md\":\"XKvLYLkk\",\"contributing_library-forks.md\":\"DYk1JQhp\",\"guide_architecture.md\":\"BSBE4DKA\",\"guide_getting-started.md\":\"B-wiDt-S\",\"index.md\":\"DpQvSWpN\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"Feel Your Protocol\",\"description\":\"Documentation for the Feel Your Protocol project\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/guide/getting-started\"},{\"text\":\"Contributing\",\"link\":\"/contributing/how-to-contribute\"},{\"text\":\"Website\",\"link\":\"https://feelyourprotocol.org\"}],\"sidebar\":[{\"text\":\"Guide\",\"items\":[{\"text\":\"Getting Started\",\"link\":\"/guide/getting-started\"},{\"text\":\"Architecture\",\"link\":\"/guide/architecture\"}]},{\"text\":\"Contributing\",\"items\":[{\"text\":\"How to Contribute\",\"link\":\"/contributing/how-to-contribute\"},{\"text\":\"Adding an Exploration\",\"link\":\"/contributing/adding-an-exploration\"},{\"text\":\"Using E-Components\",\"link\":\"/contributing/e-components\"},{\"text\":\"Code Conventions\",\"link\":\"/contributing/code-conventions\"},{\"text\":\"Library Forks\",\"link\":\"/contributing/library-forks\"}]}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/feelyourprotocol/website\"}],\"search\":{\"provider\":\"local\"},\"footer\":{\"message\":\"This project and its documentation are under active development.\"}},\"locales\":{},\"scrollOffset\":134,\"cleanUrls\":false,\"additionalConfig\":{}}");</script>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"contributing_adding-an-exploration.md\":\"Ahsvo_Ol\",\"contributing_available-e-components.md\":\"CJ3WaJq0\",\"contributing_code-conventions.md\":\"BFjoMQv_\",\"contributing_e-components.md\":\"EgChjAzs\",\"contributing_how-to-contribute.md\":\"XKvLYLkk\",\"contributing_library-forks.md\":\"DYk1JQhp\",\"guide_architecture.md\":\"BSBE4DKA\",\"guide_getting-started.md\":\"B-wiDt-S\",\"index.md\":\"DpQvSWpN\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"Feel Your Protocol\",\"description\":\"Documentation for the Feel Your Protocol project\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/guide/getting-started\"},{\"text\":\"Contributing\",\"link\":\"/contributing/how-to-contribute\"},{\"text\":\"Website\",\"link\":\"https://feelyourprotocol.org\"}],\"sidebar\":[{\"text\":\"Guide\",\"items\":[{\"text\":\"Getting Started\",\"link\":\"/guide/getting-started\"},{\"text\":\"Architecture\",\"link\":\"/guide/architecture\"}]},{\"text\":\"Contributing\",\"items\":[{\"text\":\"How to Contribute\",\"link\":\"/contributing/how-to-contribute\"},{\"text\":\"Adding an Exploration\",\"link\":\"/contributing/adding-an-exploration\"},{\"text\":\"E-Components\",\"link\":\"/contributing/e-components\"},{\"text\":\"Available E-Components\",\"link\":\"/contributing/available-e-components\"},{\"text\":\"Code Conventions\",\"link\":\"/contributing/code-conventions\"},{\"text\":\"Library Forks\",\"link\":\"/contributing/library-forks\"}]}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/feelyourprotocol/website\"}],\"search\":{\"provider\":\"local\"},\"footer\":{\"message\":\"This project and its documentation are under active development.\"}},\"locales\":{},\"scrollOffset\":134,\"cleanUrls\":false,\"additionalConfig\":{}}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/dist/docs/guide/getting-started.html b/dist/docs/guide/getting-started.html
index 290ea4a..07a761d 100644
--- a/dist/docs/guide/getting-started.html
+++ b/dist/docs/guide/getting-started.html
@@ -9,16 +9,16 @@
     <link rel="preload stylesheet" href="/assets/style.Cfu23m_7.css" as="style">
     <link rel="preload stylesheet" href="/vp-icons.css" as="style">
     
-    <script type="module" src="/assets/app.CvfZ8yf2.js"></script>
+    <script type="module" src="/assets/app.DDSgF2-8.js"></script>
     <link rel="preload" href="/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/assets/chunks/theme.BQpYnme8.js">
+    <link rel="modulepreload" href="/assets/chunks/theme.2vG7thFl.js">
     <link rel="modulepreload" href="/assets/chunks/framework.DyoGesZS.js">
     <link rel="modulepreload" href="/assets/guide_getting-started.md.B-wiDt-S.lean.js">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-1df9f90f><!--[--><!--]--><!--[--><span tabindex="-1" data-v-331ec75c></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-331ec75c>Skip to content</a><!--]--><!----><header class="VPNav" data-v-1df9f90f data-v-9f75dce3><div class="VPNavBar has-sidebar top" data-v-9f75dce3 data-v-9ca1369d><div class="wrapper" data-v-9ca1369d><div class="container" data-v-9ca1369d><div class="title" data-v-9ca1369d><div class="VPNavBarTitle has-sidebar" data-v-9ca1369d data-v-1e38c6bc><a class="title" href="/" data-v-1e38c6bc><!--[--><!--]--><!----><span data-v-1e38c6bc>Feel Your Protocol</span><!--[--><!--]--></a></div></div><div class="content" data-v-9ca1369d><div class="content-body" data-v-9ca1369d><!--[--><!--]--><div class="VPNavBarSearch search" data-v-9ca1369d data-v-2fc7f2c6><!--[--><button type="button" class="VPNavBarSearchButton" aria-label="Search" aria-keyshortcuts="/ control+k meta+k" data-v-2fc7f2c6 data-v-baa3be99><span class="vpi-search" aria-hidden="true" data-v-baa3be99></span><span class="text" data-v-baa3be99>Search</span><span class="keys" aria-hidden="true" data-v-baa3be99><kbd class="key-cmd" data-v-baa3be99>⌘</kbd><kbd class="key-ctrl" data-v-baa3be99>Ctrl</kbd><kbd data-v-baa3be99>K</kbd></span></button><!----><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-9ca1369d data-v-39714824><span id="main-nav-aria-label" class="visually-hidden" data-v-39714824> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/guide/getting-started.html" tabindex="0" data-v-39714824 data-v-52a1d768><!--[--><span data-v-52a1d768>Guide</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/contributing/how-to-contribute.html" tabindex="0" data-v-39714824 data-v-52a1d768><!--[--><span data-v-52a1d768>Contributing</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://feelyourprotocol.org" target="_blank" rel="noreferrer" tabindex="0" data-v-39714824 data-v-52a1d768><!--[--><span data-v-52a1d768>Website</span><!--]--></a><!--]--><!--]--></nav><!----><div class="VPNavBarAppearance appearance" data-v-9ca1369d data-v-6c893767><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-6c893767 data-v-5337faa4 data-v-1d5665e3><span class="check" data-v-1d5665e3><span class="icon" data-v-1d5665e3><!--[--><span class="vpi-sun sun" data-v-5337faa4></span><span class="vpi-moon moon" data-v-5337faa4></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-9ca1369d data-v-0394ad82 data-v-d07f11e6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/feelyourprotocol/website" aria-label="github" target="_blank" rel="me noopener" data-v-d07f11e6 data-v-591a6b30><span class="vpi-social-github"></span></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-9ca1369d data-v-bf2fac68 data-v-42cb505d><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-42cb505d><span class="vpi-more-horizontal icon" data-v-42cb505d></span></button><div class="menu" data-v-42cb505d><div class="VPMenu" data-v-42cb505d data-v-25a6cce8><!----><!--[--><!--[--><!----><div class="group" data-v-bf2fac68><div class="item appearance" data-v-bf2fac68><p class="label" data-v-bf2fac68>Appearance</p><div class="appearance-action" data-v-bf2fac68><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-bf2fac68 data-v-5337faa4 data-v-1d5665e3><span class="check" data-v-1d5665e3><span class="icon" data-v-1d5665e3><!--[--><span class="vpi-sun sun" data-v-5337faa4></span><span class="vpi-moon moon" data-v-5337faa4></span><!--]--></span></span></button></div></div></div><div class="group" data-v-bf2fac68><div class="item social-links" data-v-bf2fac68><div class="VPSocialLinks social-links-list" data-v-bf2fac68 data-v-d07f11e6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/feelyourprotocol/website" aria-label="github" target="_blank" rel="me noopener" data-v-d07f11e6 data-v-591a6b30><span class="vpi-social-github"></span></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-9ca1369d data-v-e5dd9c1c><span class="container" data-v-e5dd9c1c><span class="top" data-v-e5dd9c1c></span><span class="middle" data-v-e5dd9c1c></span><span class="bottom" data-v-e5dd9c1c></span></span></button></div></div></div></div><div class="divider" data-v-9ca1369d><div class="divider-line" data-v-9ca1369d></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-1df9f90f data-v-db738f89><div class="container" data-v-db738f89><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-db738f89><span class="vpi-align-left menu-icon" data-v-db738f89></span><span class="menu-text" data-v-db738f89>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-db738f89 data-v-0bf0e06f><button data-v-0bf0e06f>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-1df9f90f data-v-af661f50><div class="curtain" data-v-af661f50></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-af661f50><span class="visually-hidden" id="sidebar-aria-label" data-v-af661f50> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-8d50c081><section class="VPSidebarItem level-0 has-active" data-v-8d50c081 data-v-d81de50c><div class="item" role="button" tabindex="0" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><h2 class="text" data-v-d81de50c>Guide</h2><!----></div><div class="items" data-v-d81de50c><!--[--><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/guide/getting-started.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Getting Started</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/guide/architecture.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Architecture</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-8d50c081><section class="VPSidebarItem level-0" data-v-8d50c081 data-v-d81de50c><div class="item" role="button" tabindex="0" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><h2 class="text" data-v-d81de50c>Contributing</h2><!----></div><div class="items" data-v-d81de50c><!--[--><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/contributing/how-to-contribute.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>How to Contribute</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/contributing/adding-an-exploration.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Adding an Exploration</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/contributing/e-components.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Using E-Components</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/contributing/code-conventions.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Code Conventions</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/contributing/library-forks.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Library Forks</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-1df9f90f data-v-c87f25bf><div class="VPDoc has-sidebar has-aside" data-v-c87f25bf data-v-7011f0d8><!--[--><!--]--><div class="container" data-v-7011f0d8><div class="aside" data-v-7011f0d8><div class="aside-curtain" data-v-7011f0d8></div><div class="aside-container" data-v-7011f0d8><div class="aside-content" data-v-7011f0d8><div class="VPDocAside" data-v-7011f0d8 data-v-3f215769><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-3f215769 data-v-60d5052e><div class="content" data-v-60d5052e><div class="outline-marker" data-v-60d5052e></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-60d5052e>On this page</div><ul class="VPDocOutlineItem root" data-v-60d5052e data-v-1ce71065><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-3f215769></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-7011f0d8><div class="content-container" data-v-7011f0d8><!--[--><!--]--><main class="main" data-v-7011f0d8><div style="position:relative;" class="vp-doc _guide_getting-started" data-v-7011f0d8><div><h1 id="getting-started" tabindex="-1">Getting Started <a class="header-anchor" href="#getting-started" aria-label="Permalink to “Getting Started”">​</a></h1><h2 id="what-is-feel-your-protocol" tabindex="-1">What is Feel Your Protocol? <a class="header-anchor" href="#what-is-feel-your-protocol" aria-label="Permalink to “What is Feel Your Protocol?”">​</a></h2><p>Feel Your Protocol is an interactive website that lets you explore Ethereum protocol changes hands on. Instead of just reading specifications, you can interact with real Ethereum library code running directly in the browser.</p><p>Each protocol change — called an <strong>Exploration</strong> — gets its own page with a dedicated interactive widget. Explorations cover EIPs, ERCs, and other research topics. They are grouped into <strong>Topics</strong> (e.g. &quot;Fusaka&quot; for the upcoming hardfork), making it easy to discover related protocol changes.</p><h2 id="prerequisites" tabindex="-1">Prerequisites <a class="header-anchor" href="#prerequisites" aria-label="Permalink to “Prerequisites”">​</a></h2><ul><li><a href="https://nodejs.org/" target="_blank" rel="noreferrer">Node.js</a> v20.19+ or v22.12+</li><li>npm (comes with Node.js)</li></ul><h2 id="setup" tabindex="-1">Setup <a class="header-anchor" href="#setup" aria-label="Permalink to “Setup”">​</a></h2><p>Clone the repository and install dependencies:</p><div class="language-bash"><button title="Copy Code" class="copy"></button><span class="lang">bash</span><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e;" tabindex="0" dir="ltr"><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">git</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> clone</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> https://github.com/feelyourprotocol/website.git</span></span>
+    <div id="app"><div class="Layout" data-v-1df9f90f><!--[--><!--]--><!--[--><span tabindex="-1" data-v-331ec75c></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-331ec75c>Skip to content</a><!--]--><!----><header class="VPNav" data-v-1df9f90f data-v-9f75dce3><div class="VPNavBar has-sidebar top" data-v-9f75dce3 data-v-9ca1369d><div class="wrapper" data-v-9ca1369d><div class="container" data-v-9ca1369d><div class="title" data-v-9ca1369d><div class="VPNavBarTitle has-sidebar" data-v-9ca1369d data-v-1e38c6bc><a class="title" href="/" data-v-1e38c6bc><!--[--><!--]--><!----><span data-v-1e38c6bc>Feel Your Protocol</span><!--[--><!--]--></a></div></div><div class="content" data-v-9ca1369d><div class="content-body" data-v-9ca1369d><!--[--><!--]--><div class="VPNavBarSearch search" data-v-9ca1369d data-v-2fc7f2c6><!--[--><button type="button" class="VPNavBarSearchButton" aria-label="Search" aria-keyshortcuts="/ control+k meta+k" data-v-2fc7f2c6 data-v-baa3be99><span class="vpi-search" aria-hidden="true" data-v-baa3be99></span><span class="text" data-v-baa3be99>Search</span><span class="keys" aria-hidden="true" data-v-baa3be99><kbd class="key-cmd" data-v-baa3be99>⌘</kbd><kbd class="key-ctrl" data-v-baa3be99>Ctrl</kbd><kbd data-v-baa3be99>K</kbd></span></button><!----><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-9ca1369d data-v-39714824><span id="main-nav-aria-label" class="visually-hidden" data-v-39714824> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/guide/getting-started.html" tabindex="0" data-v-39714824 data-v-52a1d768><!--[--><span data-v-52a1d768>Guide</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/contributing/how-to-contribute.html" tabindex="0" data-v-39714824 data-v-52a1d768><!--[--><span data-v-52a1d768>Contributing</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://feelyourprotocol.org" target="_blank" rel="noreferrer" tabindex="0" data-v-39714824 data-v-52a1d768><!--[--><span data-v-52a1d768>Website</span><!--]--></a><!--]--><!--]--></nav><!----><div class="VPNavBarAppearance appearance" data-v-9ca1369d data-v-6c893767><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-6c893767 data-v-5337faa4 data-v-1d5665e3><span class="check" data-v-1d5665e3><span class="icon" data-v-1d5665e3><!--[--><span class="vpi-sun sun" data-v-5337faa4></span><span class="vpi-moon moon" data-v-5337faa4></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-9ca1369d data-v-0394ad82 data-v-d07f11e6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/feelyourprotocol/website" aria-label="github" target="_blank" rel="me noopener" data-v-d07f11e6 data-v-591a6b30><span class="vpi-social-github"></span></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-9ca1369d data-v-bf2fac68 data-v-42cb505d><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-42cb505d><span class="vpi-more-horizontal icon" data-v-42cb505d></span></button><div class="menu" data-v-42cb505d><div class="VPMenu" data-v-42cb505d data-v-25a6cce8><!----><!--[--><!--[--><!----><div class="group" data-v-bf2fac68><div class="item appearance" data-v-bf2fac68><p class="label" data-v-bf2fac68>Appearance</p><div class="appearance-action" data-v-bf2fac68><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-bf2fac68 data-v-5337faa4 data-v-1d5665e3><span class="check" data-v-1d5665e3><span class="icon" data-v-1d5665e3><!--[--><span class="vpi-sun sun" data-v-5337faa4></span><span class="vpi-moon moon" data-v-5337faa4></span><!--]--></span></span></button></div></div></div><div class="group" data-v-bf2fac68><div class="item social-links" data-v-bf2fac68><div class="VPSocialLinks social-links-list" data-v-bf2fac68 data-v-d07f11e6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/feelyourprotocol/website" aria-label="github" target="_blank" rel="me noopener" data-v-d07f11e6 data-v-591a6b30><span class="vpi-social-github"></span></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-9ca1369d data-v-e5dd9c1c><span class="container" data-v-e5dd9c1c><span class="top" data-v-e5dd9c1c></span><span class="middle" data-v-e5dd9c1c></span><span class="bottom" data-v-e5dd9c1c></span></span></button></div></div></div></div><div class="divider" data-v-9ca1369d><div class="divider-line" data-v-9ca1369d></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-1df9f90f data-v-db738f89><div class="container" data-v-db738f89><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-db738f89><span class="vpi-align-left menu-icon" data-v-db738f89></span><span class="menu-text" data-v-db738f89>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-db738f89 data-v-0bf0e06f><button data-v-0bf0e06f>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-1df9f90f data-v-af661f50><div class="curtain" data-v-af661f50></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-af661f50><span class="visually-hidden" id="sidebar-aria-label" data-v-af661f50> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-8d50c081><section class="VPSidebarItem level-0 has-active" data-v-8d50c081 data-v-d81de50c><div class="item" role="button" tabindex="0" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><h2 class="text" data-v-d81de50c>Guide</h2><!----></div><div class="items" data-v-d81de50c><!--[--><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/guide/getting-started.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Getting Started</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/guide/architecture.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Architecture</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-8d50c081><section class="VPSidebarItem level-0" data-v-8d50c081 data-v-d81de50c><div class="item" role="button" tabindex="0" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><h2 class="text" data-v-d81de50c>Contributing</h2><!----></div><div class="items" data-v-d81de50c><!--[--><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/contributing/how-to-contribute.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>How to Contribute</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/contributing/adding-an-exploration.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Adding an Exploration</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/contributing/e-components.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>E-Components</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/contributing/available-e-components.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Available E-Components</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/contributing/code-conventions.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Code Conventions</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/contributing/library-forks.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Library Forks</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-1df9f90f data-v-c87f25bf><div class="VPDoc has-sidebar has-aside" data-v-c87f25bf data-v-7011f0d8><!--[--><!--]--><div class="container" data-v-7011f0d8><div class="aside" data-v-7011f0d8><div class="aside-curtain" data-v-7011f0d8></div><div class="aside-container" data-v-7011f0d8><div class="aside-content" data-v-7011f0d8><div class="VPDocAside" data-v-7011f0d8 data-v-3f215769><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-3f215769 data-v-60d5052e><div class="content" data-v-60d5052e><div class="outline-marker" data-v-60d5052e></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-60d5052e>On this page</div><ul class="VPDocOutlineItem root" data-v-60d5052e data-v-1ce71065><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-3f215769></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-7011f0d8><div class="content-container" data-v-7011f0d8><!--[--><!--]--><main class="main" data-v-7011f0d8><div style="position:relative;" class="vp-doc _guide_getting-started" data-v-7011f0d8><div><h1 id="getting-started" tabindex="-1">Getting Started <a class="header-anchor" href="#getting-started" aria-label="Permalink to “Getting Started”">​</a></h1><h2 id="what-is-feel-your-protocol" tabindex="-1">What is Feel Your Protocol? <a class="header-anchor" href="#what-is-feel-your-protocol" aria-label="Permalink to “What is Feel Your Protocol?”">​</a></h2><p>Feel Your Protocol is an interactive website that lets you explore Ethereum protocol changes hands on. Instead of just reading specifications, you can interact with real Ethereum library code running directly in the browser.</p><p>Each protocol change — called an <strong>Exploration</strong> — gets its own page with a dedicated interactive widget. Explorations cover EIPs, ERCs, and other research topics. They are grouped into <strong>Topics</strong> (e.g. &quot;Fusaka&quot; for the upcoming hardfork), making it easy to discover related protocol changes.</p><h2 id="prerequisites" tabindex="-1">Prerequisites <a class="header-anchor" href="#prerequisites" aria-label="Permalink to “Prerequisites”">​</a></h2><ul><li><a href="https://nodejs.org/" target="_blank" rel="noreferrer">Node.js</a> v20.19+ or v22.12+</li><li>npm (comes with Node.js)</li></ul><h2 id="setup" tabindex="-1">Setup <a class="header-anchor" href="#setup" aria-label="Permalink to “Setup”">​</a></h2><p>Clone the repository and install dependencies:</p><div class="language-bash"><button title="Copy Code" class="copy"></button><span class="lang">bash</span><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e;" tabindex="0" dir="ltr"><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">git</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> clone</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> https://github.com/feelyourprotocol/website.git</span></span>
 <span class="line"><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">cd</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> website</span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">npm</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> install</span></span></code></pre></div><h2 id="development" tabindex="-1">Development <a class="header-anchor" href="#development" aria-label="Permalink to “Development”">​</a></h2><p>Start the website dev server:</p><div class="language-bash"><button title="Copy Code" class="copy"></button><span class="lang">bash</span><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e;" tabindex="0" dir="ltr"><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">npm</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> run</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> dev</span></span></code></pre></div><p>Start the docs dev server:</p><div class="language-bash"><button title="Copy Code" class="copy"></button><span class="lang">bash</span><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e;" tabindex="0" dir="ltr"><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">npm</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> run</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> docs:dev</span></span></code></pre></div><h2 id="quality-checks" tabindex="-1">Quality Checks <a class="header-anchor" href="#quality-checks" aria-label="Permalink to “Quality Checks”">​</a></h2><div class="language-bash"><button title="Copy Code" class="copy"></button><span class="lang">bash</span><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e;" tabindex="0" dir="ltr"><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">npm</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> run</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> lf</span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">           # format + lint (auto-fix)</span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">npm</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> run</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> lf:ci</span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">        # lint + format check (CI mode, no auto-fix)</span></span>
@@ -59,7 +59,7 @@
 <span class="line"><span>├── docs/                          # Documentation (VitePress)</span></span>
 <span class="line"><span>├── cypress/                       # E2E tests</span></span>
 <span class="line"><span>└── .github/workflows/             # CI workflows</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-7011f0d8 data-v-e257564d><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-e257564d><span class="visually-hidden" id="doc-footer-aria-label" data-v-e257564d>Pager</span><div class="pager" data-v-e257564d><!----></div><div class="pager" data-v-e257564d><a class="VPLink link pager-link next" href="/guide/architecture.html" data-v-e257564d><!--[--><span class="desc" data-v-e257564d>Next page</span><span class="title" data-v-e257564d>Architecture</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1df9f90f data-v-c3855bb3><div class="container" data-v-c3855bb3><p class="message" data-v-c3855bb3>This project and its documentation are under active development.</p><!----></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"contributing_adding-an-exploration.md\":\"Ahsvo_Ol\",\"contributing_code-conventions.md\":\"BFjoMQv_\",\"contributing_e-components.md\":\"_pZHAy_w\",\"contributing_how-to-contribute.md\":\"XKvLYLkk\",\"contributing_library-forks.md\":\"DYk1JQhp\",\"guide_architecture.md\":\"BSBE4DKA\",\"guide_getting-started.md\":\"B-wiDt-S\",\"index.md\":\"DpQvSWpN\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"Feel Your Protocol\",\"description\":\"Documentation for the Feel Your Protocol project\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/guide/getting-started\"},{\"text\":\"Contributing\",\"link\":\"/contributing/how-to-contribute\"},{\"text\":\"Website\",\"link\":\"https://feelyourprotocol.org\"}],\"sidebar\":[{\"text\":\"Guide\",\"items\":[{\"text\":\"Getting Started\",\"link\":\"/guide/getting-started\"},{\"text\":\"Architecture\",\"link\":\"/guide/architecture\"}]},{\"text\":\"Contributing\",\"items\":[{\"text\":\"How to Contribute\",\"link\":\"/contributing/how-to-contribute\"},{\"text\":\"Adding an Exploration\",\"link\":\"/contributing/adding-an-exploration\"},{\"text\":\"Using E-Components\",\"link\":\"/contributing/e-components\"},{\"text\":\"Code Conventions\",\"link\":\"/contributing/code-conventions\"},{\"text\":\"Library Forks\",\"link\":\"/contributing/library-forks\"}]}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/feelyourprotocol/website\"}],\"search\":{\"provider\":\"local\"},\"footer\":{\"message\":\"This project and its documentation are under active development.\"}},\"locales\":{},\"scrollOffset\":134,\"cleanUrls\":false,\"additionalConfig\":{}}");</script>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"contributing_adding-an-exploration.md\":\"Ahsvo_Ol\",\"contributing_available-e-components.md\":\"CJ3WaJq0\",\"contributing_code-conventions.md\":\"BFjoMQv_\",\"contributing_e-components.md\":\"EgChjAzs\",\"contributing_how-to-contribute.md\":\"XKvLYLkk\",\"contributing_library-forks.md\":\"DYk1JQhp\",\"guide_architecture.md\":\"BSBE4DKA\",\"guide_getting-started.md\":\"B-wiDt-S\",\"index.md\":\"DpQvSWpN\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"Feel Your Protocol\",\"description\":\"Documentation for the Feel Your Protocol project\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/guide/getting-started\"},{\"text\":\"Contributing\",\"link\":\"/contributing/how-to-contribute\"},{\"text\":\"Website\",\"link\":\"https://feelyourprotocol.org\"}],\"sidebar\":[{\"text\":\"Guide\",\"items\":[{\"text\":\"Getting Started\",\"link\":\"/guide/getting-started\"},{\"text\":\"Architecture\",\"link\":\"/guide/architecture\"}]},{\"text\":\"Contributing\",\"items\":[{\"text\":\"How to Contribute\",\"link\":\"/contributing/how-to-contribute\"},{\"text\":\"Adding an Exploration\",\"link\":\"/contributing/adding-an-exploration\"},{\"text\":\"E-Components\",\"link\":\"/contributing/e-components\"},{\"text\":\"Available E-Components\",\"link\":\"/contributing/available-e-components\"},{\"text\":\"Code Conventions\",\"link\":\"/contributing/code-conventions\"},{\"text\":\"Library Forks\",\"link\":\"/contributing/library-forks\"}]}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/feelyourprotocol/website\"}],\"search\":{\"provider\":\"local\"},\"footer\":{\"message\":\"This project and its documentation are under active development.\"}},\"locales\":{},\"scrollOffset\":134,\"cleanUrls\":false,\"additionalConfig\":{}}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/dist/docs/hashmap.json b/dist/docs/hashmap.json
index f87392f..a02e193 100644
--- a/dist/docs/hashmap.json
+++ b/dist/docs/hashmap.json
@@ -1 +1 @@
-{"contributing_adding-an-exploration.md":"Ahsvo_Ol","contributing_code-conventions.md":"BFjoMQv_","contributing_e-components.md":"_pZHAy_w","contributing_how-to-contribute.md":"XKvLYLkk","contributing_library-forks.md":"DYk1JQhp","guide_architecture.md":"BSBE4DKA","guide_getting-started.md":"B-wiDt-S","index.md":"DpQvSWpN"}
+{"contributing_adding-an-exploration.md":"Ahsvo_Ol","contributing_available-e-components.md":"CJ3WaJq0","contributing_code-conventions.md":"BFjoMQv_","contributing_e-components.md":"EgChjAzs","contributing_how-to-contribute.md":"XKvLYLkk","contributing_library-forks.md":"DYk1JQhp","guide_architecture.md":"BSBE4DKA","guide_getting-started.md":"B-wiDt-S","index.md":"DpQvSWpN"}
diff --git a/dist/docs/index.html b/dist/docs/index.html
index ae8308b..8f835d9 100644
--- a/dist/docs/index.html
+++ b/dist/docs/index.html
@@ -9,9 +9,9 @@
     <link rel="preload stylesheet" href="/assets/style.Cfu23m_7.css" as="style">
     <link rel="preload stylesheet" href="/vp-icons.css" as="style">
     
-    <script type="module" src="/assets/app.CvfZ8yf2.js"></script>
+    <script type="module" src="/assets/app.DDSgF2-8.js"></script>
     <link rel="preload" href="/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/assets/chunks/theme.BQpYnme8.js">
+    <link rel="modulepreload" href="/assets/chunks/theme.2vG7thFl.js">
     <link rel="modulepreload" href="/assets/chunks/framework.DyoGesZS.js">
     <link rel="modulepreload" href="/assets/index.md.DpQvSWpN.lean.js">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
@@ -19,7 +19,7 @@
   </head>
   <body>
     <div id="app"><div class="Layout" data-v-1df9f90f><!--[--><!--]--><!--[--><span tabindex="-1" data-v-331ec75c></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-331ec75c>Skip to content</a><!--]--><!----><header class="VPNav" data-v-1df9f90f data-v-9f75dce3><div class="VPNavBar home top" data-v-9f75dce3 data-v-9ca1369d><div class="wrapper" data-v-9ca1369d><div class="container" data-v-9ca1369d><div class="title" data-v-9ca1369d><div class="VPNavBarTitle" data-v-9ca1369d data-v-1e38c6bc><a class="title" href="/" data-v-1e38c6bc><!--[--><!--]--><!----><span data-v-1e38c6bc>Feel Your Protocol</span><!--[--><!--]--></a></div></div><div class="content" data-v-9ca1369d><div class="content-body" data-v-9ca1369d><!--[--><!--]--><div class="VPNavBarSearch search" data-v-9ca1369d data-v-2fc7f2c6><!--[--><button type="button" class="VPNavBarSearchButton" aria-label="Search" aria-keyshortcuts="/ control+k meta+k" data-v-2fc7f2c6 data-v-baa3be99><span class="vpi-search" aria-hidden="true" data-v-baa3be99></span><span class="text" data-v-baa3be99>Search</span><span class="keys" aria-hidden="true" data-v-baa3be99><kbd class="key-cmd" data-v-baa3be99>⌘</kbd><kbd class="key-ctrl" data-v-baa3be99>Ctrl</kbd><kbd data-v-baa3be99>K</kbd></span></button><!----><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-9ca1369d data-v-39714824><span id="main-nav-aria-label" class="visually-hidden" data-v-39714824> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/guide/getting-started.html" tabindex="0" data-v-39714824 data-v-52a1d768><!--[--><span data-v-52a1d768>Guide</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/contributing/how-to-contribute.html" tabindex="0" data-v-39714824 data-v-52a1d768><!--[--><span data-v-52a1d768>Contributing</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://feelyourprotocol.org" target="_blank" rel="noreferrer" tabindex="0" data-v-39714824 data-v-52a1d768><!--[--><span data-v-52a1d768>Website</span><!--]--></a><!--]--><!--]--></nav><!----><div class="VPNavBarAppearance appearance" data-v-9ca1369d data-v-6c893767><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-6c893767 data-v-5337faa4 data-v-1d5665e3><span class="check" data-v-1d5665e3><span class="icon" data-v-1d5665e3><!--[--><span class="vpi-sun sun" data-v-5337faa4></span><span class="vpi-moon moon" data-v-5337faa4></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-9ca1369d data-v-0394ad82 data-v-d07f11e6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/feelyourprotocol/website" aria-label="github" target="_blank" rel="me noopener" data-v-d07f11e6 data-v-591a6b30><span class="vpi-social-github"></span></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-9ca1369d data-v-bf2fac68 data-v-42cb505d><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-42cb505d><span class="vpi-more-horizontal icon" data-v-42cb505d></span></button><div class="menu" data-v-42cb505d><div class="VPMenu" data-v-42cb505d data-v-25a6cce8><!----><!--[--><!--[--><!----><div class="group" data-v-bf2fac68><div class="item appearance" data-v-bf2fac68><p class="label" data-v-bf2fac68>Appearance</p><div class="appearance-action" data-v-bf2fac68><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-bf2fac68 data-v-5337faa4 data-v-1d5665e3><span class="check" data-v-1d5665e3><span class="icon" data-v-1d5665e3><!--[--><span class="vpi-sun sun" data-v-5337faa4></span><span class="vpi-moon moon" data-v-5337faa4></span><!--]--></span></span></button></div></div></div><div class="group" data-v-bf2fac68><div class="item social-links" data-v-bf2fac68><div class="VPSocialLinks social-links-list" data-v-bf2fac68 data-v-d07f11e6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/feelyourprotocol/website" aria-label="github" target="_blank" rel="me noopener" data-v-d07f11e6 data-v-591a6b30><span class="vpi-social-github"></span></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-9ca1369d data-v-e5dd9c1c><span class="container" data-v-e5dd9c1c><span class="top" data-v-e5dd9c1c></span><span class="middle" data-v-e5dd9c1c></span><span class="bottom" data-v-e5dd9c1c></span></span></button></div></div></div></div><div class="divider" data-v-9ca1369d><div class="divider-line" data-v-9ca1369d></div></div></div><!----></header><!----><!----><div class="VPContent is-home" id="VPContent" data-v-1df9f90f data-v-c87f25bf><div class="VPHome" data-v-c87f25bf data-v-8b561e3d><!--[--><!--]--><div class="VPHero VPHomeHero" data-v-8b561e3d data-v-e394c869><div class="container" data-v-e394c869><div class="main" data-v-e394c869><!--[--><!--]--><!--[--><h1 class="heading" data-v-e394c869><span class="name clip" data-v-e394c869>Feel Your Protocol</span><span class="text" data-v-e394c869>Interactive Ethereum Protocol Explorations</span></h1><p class="tagline" data-v-e394c869>Explore, visualize and understand Ethereum protocol changes — hands on.</p><!--]--><!--[--><!--]--><div class="actions" data-v-e394c869><!--[--><div class="action" data-v-e394c869><a class="VPButton medium brand" href="/guide/getting-started.html" data-v-e394c869 data-v-01bff58b><!--[-->Get Started<!--]--></a></div><div class="action" data-v-e394c869><a class="VPButton medium alt" href="/contributing/how-to-contribute.html" data-v-e394c869 data-v-01bff58b><!--[-->Contribute<!--]--></a></div><div class="action" data-v-e394c869><a class="VPButton medium alt" href="https://github.com/feelyourprotocol/website" target="_blank" rel="noreferrer" data-v-e394c869 data-v-01bff58b><!--[-->View on GitHub<!--]--></a></div><!--]--></div><!--[--><!--]--></div><!----></div></div><!--[--><!--]--><!--[--><!--]--><div class="VPFeatures VPHomeFeatures" data-v-8b561e3d data-v-a6181336><div class="container" data-v-a6181336><div class="items" data-v-a6181336><!--[--><div class="grid-4 item" data-v-a6181336><div class="VPLink no-icon VPFeature" data-v-a6181336 data-v-5219619b><!--[--><article class="box" data-v-5219619b><!----><h2 class="title" data-v-5219619b>Interactive Explorations</h2><p class="details" data-v-5219619b>Each exploration is a self-contained folder with an interactive widget that lets you explore a protocol change hands on — EIPs, ERCs, or promising research.</p><!----></article><!--]--></div></div><div class="grid-4 item" data-v-a6181336><div class="VPLink no-icon VPFeature" data-v-a6181336 data-v-5219619b><!--[--><article class="box" data-v-5219619b><!----><h2 class="title" data-v-5219619b>Powered by Real Libraries</h2><p class="details" data-v-5219619b>Widgets run actual Ethereum library code in the browser — no mocks, no simplifications. See how protocol changes behave with real inputs.</p><!----></article><!--]--></div></div><div class="grid-4 item" data-v-a6181336><div class="VPLink no-icon VPFeature" data-v-a6181336 data-v-5219619b><!--[--><article class="box" data-v-5219619b><!----><h2 class="title" data-v-5219619b>Reusable E-Components</h2><p class="details" data-v-5219619b>Common Ethereum patterns like precompile interfaces are packaged as reusable E-Components with stable APIs, so you can build new explorations fast.</p><!----></article><!--]--></div></div><div class="grid-4 item" data-v-a6181336><div class="VPLink no-icon VPFeature" data-v-a6181336 data-v-5219619b><!--[--><article class="box" data-v-5219619b><!----><h2 class="title" data-v-5219619b>Collaborative & Open Source</h2><p class="details" data-v-5219619b>Designed for community contributions. A modular folder-per-exploration structure and shared components make it straightforward to add new explorations.</p><!----></article><!--]--></div></div><!--]--></div></div></div><!--[--><!--]--><div class="vp-doc container" style="" data-v-8b561e3d data-v-8e2d4988><!--[--><div style="position:relative;" data-v-8b561e3d><div><div class="tip custom-block"><p class="custom-block-title">Want to contribute?</p><p>The fastest way to get started is to <a href="/contributing/adding-an-exploration.html">add a new exploration</a>. Each one lives in a single folder with just two files — metadata and your interactive widget.</p></div></div></div><!--]--></div></div></div><footer class="VPFooter" data-v-1df9f90f data-v-c3855bb3><div class="container" data-v-c3855bb3><p class="message" data-v-c3855bb3>This project and its documentation are under active development.</p><!----></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"contributing_adding-an-exploration.md\":\"Ahsvo_Ol\",\"contributing_code-conventions.md\":\"BFjoMQv_\",\"contributing_e-components.md\":\"_pZHAy_w\",\"contributing_how-to-contribute.md\":\"XKvLYLkk\",\"contributing_library-forks.md\":\"DYk1JQhp\",\"guide_architecture.md\":\"BSBE4DKA\",\"guide_getting-started.md\":\"B-wiDt-S\",\"index.md\":\"DpQvSWpN\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"Feel Your Protocol\",\"description\":\"Documentation for the Feel Your Protocol project\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/guide/getting-started\"},{\"text\":\"Contributing\",\"link\":\"/contributing/how-to-contribute\"},{\"text\":\"Website\",\"link\":\"https://feelyourprotocol.org\"}],\"sidebar\":[{\"text\":\"Guide\",\"items\":[{\"text\":\"Getting Started\",\"link\":\"/guide/getting-started\"},{\"text\":\"Architecture\",\"link\":\"/guide/architecture\"}]},{\"text\":\"Contributing\",\"items\":[{\"text\":\"How to Contribute\",\"link\":\"/contributing/how-to-contribute\"},{\"text\":\"Adding an Exploration\",\"link\":\"/contributing/adding-an-exploration\"},{\"text\":\"Using E-Components\",\"link\":\"/contributing/e-components\"},{\"text\":\"Code Conventions\",\"link\":\"/contributing/code-conventions\"},{\"text\":\"Library Forks\",\"link\":\"/contributing/library-forks\"}]}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/feelyourprotocol/website\"}],\"search\":{\"provider\":\"local\"},\"footer\":{\"message\":\"This project and its documentation are under active development.\"}},\"locales\":{},\"scrollOffset\":134,\"cleanUrls\":false,\"additionalConfig\":{}}");</script>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"contributing_adding-an-exploration.md\":\"Ahsvo_Ol\",\"contributing_available-e-components.md\":\"CJ3WaJq0\",\"contributing_code-conventions.md\":\"BFjoMQv_\",\"contributing_e-components.md\":\"EgChjAzs\",\"contributing_how-to-contribute.md\":\"XKvLYLkk\",\"contributing_library-forks.md\":\"DYk1JQhp\",\"guide_architecture.md\":\"BSBE4DKA\",\"guide_getting-started.md\":\"B-wiDt-S\",\"index.md\":\"DpQvSWpN\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"Feel Your Protocol\",\"description\":\"Documentation for the Feel Your Protocol project\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/guide/getting-started\"},{\"text\":\"Contributing\",\"link\":\"/contributing/how-to-contribute\"},{\"text\":\"Website\",\"link\":\"https://feelyourprotocol.org\"}],\"sidebar\":[{\"text\":\"Guide\",\"items\":[{\"text\":\"Getting Started\",\"link\":\"/guide/getting-started\"},{\"text\":\"Architecture\",\"link\":\"/guide/architecture\"}]},{\"text\":\"Contributing\",\"items\":[{\"text\":\"How to Contribute\",\"link\":\"/contributing/how-to-contribute\"},{\"text\":\"Adding an Exploration\",\"link\":\"/contributing/adding-an-exploration\"},{\"text\":\"E-Components\",\"link\":\"/contributing/e-components\"},{\"text\":\"Available E-Components\",\"link\":\"/contributing/available-e-components\"},{\"text\":\"Code Conventions\",\"link\":\"/contributing/code-conventions\"},{\"text\":\"Library Forks\",\"link\":\"/contributing/library-forks\"}]}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/feelyourprotocol/website\"}],\"search\":{\"provider\":\"local\"},\"footer\":{\"message\":\"This project and its documentation are under active development.\"}},\"locales\":{},\"scrollOffset\":134,\"cleanUrls\":false,\"additionalConfig\":{}}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/docs/.vitepress/config.ts b/docs/.vitepress/config.ts
index b0a8b41..1c1f59b 100644
--- a/docs/.vitepress/config.ts
+++ b/docs/.vitepress/config.ts
@@ -23,7 +23,8 @@ export default defineConfig({
         items: [
           { text: 'How to Contribute', link: '/contributing/how-to-contribute' },
           { text: 'Adding an Exploration', link: '/contributing/adding-an-exploration' },
-          { text: 'Using E-Components', link: '/contributing/e-components' },
+          { text: 'E-Components', link: '/contributing/e-components' },
+          { text: 'Available E-Components', link: '/contributing/available-e-components' },
           { text: 'Code Conventions', link: '/contributing/code-conventions' },
           { text: 'Library Forks', link: '/contributing/library-forks' },
         ],
diff --git a/docs/contributing/available-e-components.md b/docs/contributing/available-e-components.md
new file mode 100644
index 0000000..fe57124
--- /dev/null
+++ b/docs/contributing/available-e-components.md
@@ -0,0 +1,139 @@
+# Available E-Components
+
+This page lists all E-Components that are ready to use in your explorations. For background on how E-Components work and how to create new ones, see [E-Components](/contributing/e-components).
+
+## Precompile Interface (`precompileInterfaceEC`)
+
+A complete interface for exploring EVM precompiles. It handles:
+
+- Example selection and URL sharing
+- Hex data input with parsing and validation
+- Individual value inputs with byte length tracking
+- Side-by-side pre/post hardfork comparison (running the precompile on two different EVM versions)
+- Result display with gas cost and output data
+
+**Files:**
+
+```
+src/eComponents/precompileInterfaceEC/
+├── PrecompileInterfaceEC.vue          # Main component
+├── PrecompileInterfaceResultEC.vue    # Result display (pre/post comparison)
+├── PrecompileValueInputEC.vue         # Value input with byte length validation
+├── usePrecompileState.ts              # Composable: all state and logic
+├── types.ts                           # PrecompileConfig and PrecompileValueDef
+└── run.ts                             # EVM precompile execution utility
+```
+
+**Used by:** [EIP-7951](https://github.com/feelyourprotocol/website/blob/main/src/explorations/eip-7951/MyC.vue) (secp256r1), [EIP-7883](https://github.com/feelyourprotocol/website/blob/main/src/explorations/eip-7883/MyC.vue) (ModExp gas cost)
+
+### Basic Usage
+
+A precompile exploration needs just a config object and a single component tag:
+
+```vue
+<script setup lang="ts">
+import { Hardfork } from '@ethereumjs/common'
+
+import PrecompileInterfaceEC from '@/eComponents/precompileInterfaceEC/PrecompileInterfaceEC.vue'
+import type { PrecompileConfig } from '@/eComponents/precompileInterfaceEC/types'
+
+import { examples } from './examples'
+import { INFO as exploration } from './info'
+
+const config: PrecompileConfig = {
+  explorationId: 'eip-XXXX',
+  precompileAddress: '0a',
+  preHardfork: Hardfork.Prague,
+  postHardfork: Hardfork.Osaka,
+  defaultExample: 'basic',
+  values: [
+    { title: 'Input A', urlParam: 'a', expectedLen: 32n },
+    { title: 'Input B', urlParam: 'b', expectedLen: 32n },
+  ],
+}
+</script>
+
+<template>
+  <PrecompileInterfaceEC :config="config" :examples="examples" :exploration="exploration" />
+</template>
+```
+
+### `PrecompileConfig` Reference
+
+```typescript
+interface PrecompileConfig {
+  explorationId: string
+  precompileAddress: string
+  preHardfork: Hardfork
+  postHardfork: Hardfork
+  defaultExample: string
+  showBigInt?: boolean
+  values: PrecompileValueDef[]
+  assembleData?: (hexVals: string[], byteLengths: bigint[]) => string
+  parseData?: (data: string, byteLengths: bigint[]) => void
+}
+```
+
+| Field | Required | Description |
+|-------|----------|-------------|
+| `explorationId` | Yes | Matches the exploration's `id` in `info.ts` |
+| `precompileAddress` | Yes | Hex address of the precompile (e.g. `'05'` for ModExp) |
+| `preHardfork` | Yes | Hardfork for the "before" comparison |
+| `postHardfork` | Yes | Hardfork for the "after" comparison |
+| `defaultExample` | Yes | Key from `examples.ts` to load on initialization |
+| `showBigInt` | No | Show BigInt representations for values (default: per-value setting) |
+| `values` | Yes | Array of value definitions (see below) |
+| `assembleData` | No | Custom function to assemble raw hex data from individual values |
+| `parseData` | No | Custom function to parse raw hex data into individual values |
+
+### `PrecompileValueDef` Reference
+
+```typescript
+interface PrecompileValueDef {
+  title: string
+  urlParam?: string
+  expectedLen?: bigint
+  initialHex?: string
+  showBigInt?: boolean
+  showInput?: boolean
+}
+```
+
+| Field | Required | Description |
+|-------|----------|-------------|
+| `title` | Yes | Display label for this value |
+| `urlParam` | No | URL query parameter name for sharing (omit for computed values) |
+| `expectedLen` | No | Expected byte length for validation |
+| `initialHex` | No | Initial hex value (used for length-prefix fields) |
+| `showBigInt` | No | Show BigInt representation for this value |
+| `showInput` | No | Whether to show the input field (default: `true`, set `false` for computed fields) |
+
+### Custom Data Assembly
+
+By default, individual values are simply concatenated to form the raw hex data. For precompiles with non-trivial data formats (like ModExp, which has length prefixes), provide custom `assembleData` and `parseData` functions:
+
+```typescript
+const config: PrecompileConfig = {
+  // ...
+  values: [
+    { title: 'Blen', expectedLen: 32n, initialHex: '00'.repeat(32), showInput: false },
+    { title: 'Elen', expectedLen: 32n, initialHex: '00'.repeat(32), showInput: false },
+    { title: 'Mlen', expectedLen: 32n, initialHex: '00'.repeat(32), showInput: false },
+    { title: 'B', urlParam: 'b' },
+    { title: 'E', urlParam: 'e' },
+    { title: 'M', urlParam: 'm' },
+  ],
+  assembleData: (hexVals, byteLengths) =>
+    toHex(byteLengths[3], 32 * 2) +
+    toHex(byteLengths[4], 32 * 2) +
+    toHex(byteLengths[5], 32 * 2) +
+    padHex(hexVals[3]) +
+    padHex(hexVals[4]) +
+    padHex(hexVals[5]),
+  parseData: (data, byteLengths) => {
+    byteLengths[3] = hexToBigInt(`0x${data.substring(0, 64)}`)
+    byteLengths[4] = hexToBigInt(`0x${data.substring(64, 128)}`)
+    byteLengths[5] = hexToBigInt(`0x${data.substring(128, 192)}`)
+  },
+}
+```
diff --git a/docs/contributing/e-components.md b/docs/contributing/e-components.md
index 4a938b6..1d6954b 100644
--- a/docs/contributing/e-components.md
+++ b/docs/contributing/e-components.md
@@ -1,161 +1,73 @@
-# Using E-Components
+# E-Components
 
 **E-Components** are reusable, Ethereum-specific components that encapsulate common patterns across explorations. They live in `src/eComponents/` and are designed to let you build new explorations quickly without duplicating logic.
 
-## Naming Convention
+While the shared [UI components](/guide/architecture#ui-components) (`src/components/ui/`) provide generic building blocks like buttons and input fields, E-Components go a level higher: they package complete Ethereum-domain patterns — like a full precompile testing interface — into a single component with a clean configuration API.
 
-E-Component folders and component files are post-fixed with `EC` (for E-Component):
+For the list of ready-to-use E-Components, see [Available E-Components](/contributing/available-e-components).
 
-```
-src/eComponents/
-└── precompileInterfaceEC/          # folder: <name>EC
-    ├── PrecompileInterfaceEC.vue   # component: <Name>EC.vue
-    ├── types.ts                    # shared types
-    ├── usePrecompileState.ts       # composable (state + logic)
-    └── run.ts                      # utilities
-```
+## How E-Components Work
 
-## Precompile Interface E-Component
+Each E-Component is a self-contained folder in `src/eComponents/` with a consistent internal structure:
 
-The Precompile Interface E-Component provides a complete interface for exploring EVM precompiles. It handles:
+```
+src/eComponents/<name>EC/
+├── <Name>EC.vue              # Main component (the primary entry point)
+├── types.ts                  # Configuration interfaces
+├── use<Name>.ts              # Composable: shared state and logic
+├── <Name><Sub>EC.vue         # Optional sub-components
+└── <utility>.ts              # Optional utility modules
+```
 
-- Example selection and URL sharing
-- Hex data input with parsing and validation
-- Individual value inputs with byte length tracking
-- Side-by-side pre/post hardfork comparison (running the precompile on two different EVM versions)
-- Result display with gas cost and output data
+### Naming Convention
 
-### Basic Usage
+E-Component folders and files are post-fixed with **`EC`** (for E-Component):
 
-A precompile exploration needs just a config object and a single component tag:
+- Folder: `src/eComponents/precompileInterfaceEC/`
+- Main component: `PrecompileInterfaceEC.vue`
+- Sub-components: `PrecompileInterfaceResultEC.vue`, `PrecompileValueInputEC.vue`
+- Composable: `usePrecompileState.ts`
+- Types: `types.ts`
 
-```vue
-<script setup lang="ts">
-import { Hardfork } from '@ethereumjs/common'
+### Using an E-Component in Your Exploration
 
-import PrecompileInterfaceEC from '@/eComponents/precompileInterfaceEC/PrecompileInterfaceEC.vue'
-import type { PrecompileConfig } from '@/eComponents/precompileInterfaceEC/types'
+The typical pattern is:
 
-import { examples } from './examples'
-import { INFO as exploration } from './info'
+1. Import the E-Component and its config type
+2. Define a config object describing your specific use case
+3. Render the component in your template with the config, examples, and exploration metadata
 
-const config: PrecompileConfig = {
-  explorationId: 'eip-XXXX',
-  precompileAddress: '0a',
-  preHardfork: Hardfork.Prague,
-  postHardfork: Hardfork.Osaka,
-  defaultExample: 'basic',
-  values: [
-    { title: 'Input A', urlParam: 'a', expectedLen: 32n },
-    { title: 'Input B', urlParam: 'b', expectedLen: 32n },
-  ],
-}
-</script>
+This keeps your `MyC.vue` short and declarative — often under 30 lines.
 
-<template>
-  <PrecompileInterfaceEC :config="config" :examples="examples" :exploration="exploration" />
-</template>
-```
+## Creating a New E-Component
 
-### `PrecompileConfig` Reference
-
-```typescript
-interface PrecompileConfig {
-  explorationId: string
-  precompileAddress: string
-  preHardfork: Hardfork
-  postHardfork: Hardfork
-  defaultExample: string
-  showBigInt?: boolean
-  values: PrecompileValueDef[]
-  assembleData?: (hexVals: string[], byteLengths: bigint[]) => string
-  parseData?: (data: string, byteLengths: bigint[]) => void
-}
-```
+If you spot a pattern shared across two or more explorations, it is a strong candidate for a new E-Component. Contributions of new E-Components are very welcome — they directly help other contributors build explorations faster.
 
-| Field | Required | Description |
-|-------|----------|-------------|
-| `explorationId` | Yes | Matches the exploration's `id` in `info.ts` |
-| `precompileAddress` | Yes | Hex address of the precompile (e.g. `'05'` for ModExp) |
-| `preHardfork` | Yes | Hardfork for the "before" comparison |
-| `postHardfork` | Yes | Hardfork for the "after" comparison |
-| `defaultExample` | Yes | Key from `examples.ts` to load on initialization |
-| `showBigInt` | No | Show BigInt representations for values (default: per-value setting) |
-| `values` | Yes | Array of value definitions (see below) |
-| `assembleData` | No | Custom function to assemble raw hex data from individual values |
-| `parseData` | No | Custom function to parse raw hex data into individual values |
-
-### `PrecompileValueDef` Reference
-
-```typescript
-interface PrecompileValueDef {
-  title: string
-  urlParam?: string
-  expectedLen?: bigint
-  initialHex?: string
-  showBigInt?: boolean
-  showInput?: boolean
-}
-```
+### Steps
 
-| Field | Required | Description |
-|-------|----------|-------------|
-| `title` | Yes | Display label for this value |
-| `urlParam` | No | URL query parameter name for sharing (omit for computed values) |
-| `expectedLen` | No | Expected byte length for validation |
-| `initialHex` | No | Initial hex value (used for length-prefix fields) |
-| `showBigInt` | No | Show BigInt representation for this value |
-| `showInput` | No | Whether to show the input field (default: `true`, set `false` for computed fields) |
-
-### Custom Data Assembly
-
-By default, individual values are simply concatenated to form the raw hex data. For precompiles with non-trivial data formats (like ModExp, which has length prefixes), provide custom `assembleData` and `parseData` functions:
-
-```typescript
-const config: PrecompileConfig = {
-  // ...
-  values: [
-    { title: 'Blen', expectedLen: 32n, initialHex: '00'.repeat(32), showInput: false },
-    { title: 'Elen', expectedLen: 32n, initialHex: '00'.repeat(32), showInput: false },
-    { title: 'Mlen', expectedLen: 32n, initialHex: '00'.repeat(32), showInput: false },
-    { title: 'B', urlParam: 'b' },
-    { title: 'E', urlParam: 'e' },
-    { title: 'M', urlParam: 'm' },
-  ],
-  assembleData: (hexVals, byteLengths) =>
-    toHex(byteLengths[3], 32 * 2) +
-    toHex(byteLengths[4], 32 * 2) +
-    toHex(byteLengths[5], 32 * 2) +
-    padHex(hexVals[3]) +
-    padHex(hexVals[4]) +
-    padHex(hexVals[5]),
-  parseData: (data, byteLengths) => {
-    byteLengths[3] = hexToBigInt(`0x${data.substring(0, 64)}`)
-    byteLengths[4] = hexToBigInt(`0x${data.substring(64, 128)}`)
-    byteLengths[5] = hexToBigInt(`0x${data.substring(128, 192)}`)
-  },
-}
-```
+1. Create a folder in `src/eComponents/` following the naming convention: `<name>EC/`
+2. Define a `types.ts` with a configuration interface that captures the variation between use cases
+3. Extract shared logic into a composable (`use<Name>.ts`)
+4. Build the component(s) with a clean, props-based API
+5. Document usage on the [Available E-Components](/contributing/available-e-components) page
 
-### Real-World Examples
+### Design Principles
 
-Two existing explorations use this E-Component:
+A good E-Component should:
 
-- **EIP-7951** (secp256r1 precompile): Simple case with 5 fixed-length values — [see source](https://github.com/feelyourprotocol/website/blob/main/src/explorations/eip-7951/MyC.vue)
-- **EIP-7883** (ModExp gas cost): Advanced case with computed length fields and custom data assembly — [see source](https://github.com/feelyourprotocol/website/blob/main/src/explorations/eip-7883/MyC.vue)
+- **Accept a config object** rather than many individual props — this keeps the consumer API minimal and easy to extend
+- **Provide sensible defaults** where possible, so simple use cases stay simple
+- **Allow customization hooks** (callback functions in the config) for cases that need non-standard behavior
+- **Keep the consumer's `MyC.vue` short and declarative** — ideally just a config + a single component tag
+- **Encapsulate all state and logic** in a composable, keeping the Vue component focused on rendering
 
-## Creating a New E-Component
+### Ideas for Future E-Components
 
-If you spot a pattern that could be reused across explorations, consider creating a new E-Component:
+Some patterns that might become E-Components as the project grows:
 
-1. Create a folder in `src/eComponents/` following the naming convention: `<name>EC/`
-2. Define a `types.ts` with the configuration interface
-3. Extract shared logic into a composable (`use<Name>.ts`)
-4. Build the component(s) with clean props-based APIs
-5. Export everything the consumer needs
+- **Transaction builder** — interactive transaction construction and signing
+- **Gas calculator** — compare gas costs across hardforks for different operations
+- **Storage layout** — visualize contract storage slot changes
+- **Opcode explorer** — step through EVM bytecode execution
 
-A good E-Component should:
-- Accept a **config object** rather than many individual props
-- Provide sensible defaults where possible
-- Allow customization hooks (like `assembleData`/`parseData` above)
-- Keep the consumer's `MyC.vue` short and declarative
+If you are interested in building any of these (or have other ideas), feel free to [open an issue](https://github.com/feelyourprotocol/website/issues) to discuss the design.

From f0f28555b5e096e20cdc756bc35bdbb8f1f5f842 Mon Sep 17 00:00:00 2001
From: Holger Drewes <Holger.Drewes@gmail.com>
Date: Tue, 3 Mar 2026 12:36:20 +0100
Subject: [PATCH 13/29] New style/design concept

---
 dist/website/index.html                       |  4 +-
 src/components/lib/layout.ts                  | 10 --
 src/components/ui/ActionButtonC.vue           | 11 +--
 src/components/ui/ButtonC.vue                 |  5 +-
 src/components/ui/ExamplesC.vue               |  6 +-
 src/components/ui/HeadlineButtonC.vue         | 10 +-
 src/components/ui/HexDataInputC.vue           |  7 +-
 src/components/ui/PPBoxC.vue                  |  6 +-
 src/components/ui/PPBoxErrorText.vue          |  4 +-
 src/components/ui/PPBoxInfoText.vue           |  4 +-
 .../PrecompileInterfaceEC.vue                 |  5 +-
 .../PrecompileInterfaceResultEC.vue           |  9 +-
 .../PrecompileValueInputEC.vue                | 14 +--
 src/explorations/ExplorationC.vue             | 14 +--
 src/explorations/PoweredByC.vue               | 10 +-
 src/explorations/TOPICS.ts                    | 16 +++
 src/explorations/eip-7594/MyC.vue             | 43 +++-----
 src/main.css                                  | 98 ++++++++++++++++++-
 18 files changed, 160 insertions(+), 116 deletions(-)
 delete mode 100644 src/components/lib/layout.ts

diff --git a/dist/website/index.html b/dist/website/index.html
index 653d525..5d66f15 100644
--- a/dist/website/index.html
+++ b/dist/website/index.html
@@ -5,8 +5,8 @@
     <link rel="icon" href="/assets/favicon-DIYJD7QH.png">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Feel Your Protocol</title>
-    <script type="module" crossorigin src="/assets/index-bP84oFHI.js"></script>
-    <link rel="stylesheet" crossorigin href="/assets/index-CdHXhyzA.css">
+    <script type="module" crossorigin src="/assets/index-B_atD3G6.js"></script>
+    <link rel="stylesheet" crossorigin href="/assets/index-CNzM6x0m.css">
   </head>
   <body class="container mx-auto p-2">
     <div id="app"></div>
diff --git a/src/components/lib/layout.ts b/src/components/lib/layout.ts
deleted file mode 100644
index 1b5bf7b..0000000
--- a/src/components/lib/layout.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-// PrePostBox Classes
-export const PP_BOX_LAYOUT_SINGLE = 'grid grid-cols-1 gap-1 mt-2.5'
-export const PP_BOX_LAYOUT = 'grid grid-cols-2 gap-1 mt-2.5'
-export const PP_BOX_TITLE = 'text-xs bg-white p-1 text-blue-900 rounded-xs'
-export const PP_BOX = 'bg-blue-900 rounded-sm p-2.5'
-export const PP_BOX_TEXT_BIG = 'text-2xl font-bold text-white pt-2 pb-2'
-export const PP_BOX_TEXT_MIDDLE = 'text-xl font-bold text-white pt-2 pb-2'
-export const PP_BOX_TEXT_SMALL =
-  'text-xs font-bold font-mono text-white pt-1 pb-1 break-words w-full overflow-hidden'
-export const PP_BOX_TABLE_TD = 'p-3'
diff --git a/src/components/ui/ActionButtonC.vue b/src/components/ui/ActionButtonC.vue
index b4eaad5..4f279f3 100644
--- a/src/components/ui/ActionButtonC.vue
+++ b/src/components/ui/ActionButtonC.vue
@@ -12,14 +12,12 @@ const props = defineProps<{
 const buttonText = ref(props.text)
 const isLoading = ref(false)
 
-const handleClick = async () => {
+async function handleClick() {
   isLoading.value = true
   buttonText.value = 'Loading...'
   await nextTick()
-  // Double requestAnimationFrame ensures the browser has painted the update
   await new Promise((resolve) => requestAnimationFrame(resolve))
   await new Promise((resolve) => requestAnimationFrame(resolve))
-  // Additional small timeout as a safety net
   await new Promise((resolve) => setTimeout(resolve, 10))
   try {
     await props.onClick()
@@ -31,12 +29,7 @@ const handleClick = async () => {
 </script>
 
 <template>
-  <button
-    @click="handleClick"
-    type="button"
-    :disabled="isLoading"
-    class="group relative inline-flex items-center justify-center border-2 border-white rounded-lg bg-blue-100 p-2 text-xs font-bold text-blue-900 cursor-pointer hover:bg-white disabled:opacity-50 disabled:cursor-not-allowed"
-  >
+  <button @click="handleClick" type="button" :disabled="isLoading" class="group e-action-button">
     {{ buttonText }}
     <TooltipC :tooltip="tooltip" />
   </button>
diff --git a/src/components/ui/ButtonC.vue b/src/components/ui/ButtonC.vue
index cd07103..856505d 100644
--- a/src/components/ui/ButtonC.vue
+++ b/src/components/ui/ButtonC.vue
@@ -9,10 +9,7 @@ defineProps({
 
 <template>
   <span class="group relative inline-block">
-    <component
-      :is="icon"
-      class="size-4 inline align-baseline border-blue-900 border-1 text-blue-900 p-0.5 rounded-xs"
-    />
+    <component :is="icon" class="e-button-icon" />
     <TooltipC :tooltip="tooltip" />
   </span>
 </template>
diff --git a/src/components/ui/ExamplesC.vue b/src/components/ui/ExamplesC.vue
index 04bfa40..0115bf2 100644
--- a/src/components/ui/ExamplesC.vue
+++ b/src/components/ui/ExamplesC.vue
@@ -16,11 +16,7 @@ defineProps<{
 
 <template>
   <p class="text-right">
-    <select
-      v-model="example"
-      class="examples-select text-blue-900 text-xs border-1 pl-1 pr-1 pt-0.5 pb-0.5 mb-0.5 rounded-sm"
-      @change="change"
-    >
+    <select v-model="example" class="examples-select e-select" @change="change">
       <option disabled value="">Examples</option>
       <option v-for="(val, key) in examples" :key="key" :value="key">{{ val.title }}</option>
     </select>
diff --git a/src/components/ui/HeadlineButtonC.vue b/src/components/ui/HeadlineButtonC.vue
index c671478..f885b78 100644
--- a/src/components/ui/HeadlineButtonC.vue
+++ b/src/components/ui/HeadlineButtonC.vue
@@ -1,6 +1,8 @@
 <script setup lang="ts">
 import { ArrowTopRightOnSquareIcon } from '@heroicons/vue/24/solid'
 
+import TooltipC from './TooltipC.vue'
+
 defineProps({
   url: String,
 })
@@ -9,12 +11,8 @@ defineProps({
 <template>
   <span class="group relative inline-block">
     <a :href="url" target="_blank">
-      <ArrowTopRightOnSquareIcon class="size-6 inline align-baseline text-blue-600" />
+      <ArrowTopRightOnSquareIcon class="size-6 inline align-baseline e-text" />
     </a>
-    <span
-      class="absolute left-1/2 -translate-x-1/2 bottom-full mb-2 hidden group-hover:block bg-gray-800 text-white text-xs rounded px-2 py-1 whitespace-nowrap z-10"
-    >
-      {{ url }}
-    </span>
+    <TooltipC :tooltip="url ?? ''" />
   </span>
 </template>
diff --git a/src/components/ui/HexDataInputC.vue b/src/components/ui/HexDataInputC.vue
index 189232e..000c61b 100644
--- a/src/components/ui/HexDataInputC.vue
+++ b/src/components/ui/HexDataInputC.vue
@@ -5,10 +5,5 @@ defineProps(['rows', 'formChange'])
 </script>
 
 <template>
-  <textarea
-    @input="formChange"
-    :rows="rows"
-    v-model="data"
-    class="block w-full mt-1.5 mb-2 font-mono text-xs rounded-sm text-slate-600 bg-blue-50 p-1"
-  ></textarea>
+  <textarea @input="formChange" :rows="rows" v-model="data" class="e-textarea"></textarea>
 </template>
diff --git a/src/components/ui/PPBoxC.vue b/src/components/ui/PPBoxC.vue
index 90a17e4..9e54827 100644
--- a/src/components/ui/PPBoxC.vue
+++ b/src/components/ui/PPBoxC.vue
@@ -1,6 +1,4 @@
 <script setup lang="ts">
-import { PP_BOX, PP_BOX_TITLE } from '../lib/layout'
-
 defineProps<{
   title: string
   left?: boolean
@@ -8,9 +6,9 @@ defineProps<{
 </script>
 
 <template>
-  <div :class="[PP_BOX, left ? 'text-left pre-hardfork' : 'text-right post-hardfork', 'pp-box']">
+  <div :class="['e-result-box', left ? 'text-left pre-hardfork' : 'text-right post-hardfork']">
     <div class="mb-2.5">
-      <span :class="PP_BOX_TITLE">{{ title }}</span>
+      <span class="e-result-title">{{ title }}</span>
     </div>
     <slot />
   </div>
diff --git a/src/components/ui/PPBoxErrorText.vue b/src/components/ui/PPBoxErrorText.vue
index 7f76e0a..d8210c3 100644
--- a/src/components/ui/PPBoxErrorText.vue
+++ b/src/components/ui/PPBoxErrorText.vue
@@ -1,13 +1,11 @@
 <script setup lang="ts">
-import { PP_BOX_TEXT_SMALL } from '../lib/layout'
-
 defineProps<{
   text: string
 }>()
 </script>
 
 <template>
-  <div :class="[PP_BOX_TEXT_SMALL, 'm-5', 'text-center']">
+  <div class="e-result-text-sm m-5 text-center">
     <p class="text-red-400">
       {{ text }}
     </p>
diff --git a/src/components/ui/PPBoxInfoText.vue b/src/components/ui/PPBoxInfoText.vue
index 875379c..27d7ac2 100644
--- a/src/components/ui/PPBoxInfoText.vue
+++ b/src/components/ui/PPBoxInfoText.vue
@@ -1,11 +1,9 @@
 <script setup lang="ts">
-import { PP_BOX_TEXT_SMALL } from '../lib/layout'
-
 defineProps<{
   text: string
 }>()
 </script>
 
 <template>
-  <p :class="[PP_BOX_TEXT_SMALL, 'm-5', 'text-center']">{{ text }}</p>
+  <p class="e-result-text-sm m-5 text-center">{{ text }}</p>
 </template>
diff --git a/src/eComponents/precompileInterfaceEC/PrecompileInterfaceEC.vue b/src/eComponents/precompileInterfaceEC/PrecompileInterfaceEC.vue
index 235e63c..87e998f 100644
--- a/src/eComponents/precompileInterfaceEC/PrecompileInterfaceEC.vue
+++ b/src/eComponents/precompileInterfaceEC/PrecompileInterfaceEC.vue
@@ -1,6 +1,5 @@
 <script setup lang="ts">
 import type { Examples } from '@/components/lib/general'
-import { PP_BOX_LAYOUT } from '@/components/lib/layout'
 import ExamplesC from '@/components/ui/ExamplesC.vue'
 import HexDataInputC from '@/components/ui/HexDataInputC.vue'
 import ExplorationC from '@/explorations/ExplorationC.vue'
@@ -63,11 +62,11 @@ await init()
           :bigIntVal="bigIntVals[val.index]"
         />
 
-        <div :class="PP_BOX_LAYOUT">
+        <div class="e-grid-double">
           <PrecompileInterfaceResultEC v-model="execResultPre" title="Pre-Osaka" :left="true" />
           <PrecompileInterfaceResultEC v-model="execResultPost" title="Post-Osaka" :left="false" />
         </div>
-        <PoweredByC :poweredBy="exploration.poweredBy" :topic="topic" />
+        <PoweredByC :poweredBy="exploration.poweredBy" />
       </div>
     </template>
   </ExplorationC>
diff --git a/src/eComponents/precompileInterfaceEC/PrecompileInterfaceResultEC.vue b/src/eComponents/precompileInterfaceEC/PrecompileInterfaceResultEC.vue
index 9ae0b4b..4f63b0d 100644
--- a/src/eComponents/precompileInterfaceEC/PrecompileInterfaceResultEC.vue
+++ b/src/eComponents/precompileInterfaceEC/PrecompileInterfaceResultEC.vue
@@ -2,7 +2,6 @@
 import type { ExecResult } from '@ethereumjs/evm'
 import { bytesToHex } from '@ethereumjs/util'
 
-import { PP_BOX_TEXT_BIG, PP_BOX_TEXT_MIDDLE, PP_BOX_TEXT_SMALL } from '@/components/lib/layout'
 import PPBoxC from '@/components/ui/PPBoxC.vue'
 
 const execResult = defineModel<ExecResult>()
@@ -11,11 +10,11 @@ defineProps(['title', 'left'])
 </script>
 
 <template>
-  <PPBoxC :title="title" :left="left">
-    <p v-if="execResult" :class="PP_BOX_TEXT_BIG">{{ execResult?.executionGasUsed }} Gas</p>
-    <p v-if="execResult" :class="PP_BOX_TEXT_SMALL">
+  <PPBoxC :title="title" :left="true">
+    <p v-if="execResult" class="e-result-text-lg">{{ execResult?.executionGasUsed }} Gas</p>
+    <p v-if="execResult" class="e-result-text-sm">
       Result: {{ execResult ? bytesToHex(execResult.returnValue) : '' }}
     </p>
-    <p v-else :class="PP_BOX_TEXT_MIDDLE" class="mt-5">Not available</p>
+    <p v-else class="e-result-text-md mt-5">Not available</p>
   </PPBoxC>
 </template>
diff --git a/src/eComponents/precompileInterfaceEC/PrecompileValueInputEC.vue b/src/eComponents/precompileInterfaceEC/PrecompileValueInputEC.vue
index a444af1..ef8d584 100644
--- a/src/eComponents/precompileInterfaceEC/PrecompileValueInputEC.vue
+++ b/src/eComponents/precompileInterfaceEC/PrecompileValueInputEC.vue
@@ -3,6 +3,7 @@ import { computed } from 'vue'
 
 import { isValidByteInputForm } from '@/components/lib/byteFormUtils'
 import TooltipC from '@/components/ui/TooltipC.vue'
+
 const val = defineModel<string>()
 
 const props = defineProps<{
@@ -28,18 +29,11 @@ const tooltip = computed(() => {
 </script>
 
 <template>
-  <div
-    class="value-input-{{ num }} border-blue-900 border-t-1 bg-clip-border pt-1.5 pb-0.5 pl-0.5 pr-0.5 mb-0.5"
-  >
+  <div class="precompile-value-input">
     <div class="grid grid-cols-6 items-center">
-      <p class="font-bold text-xl col-span-1 text-blue-900">{{ title }}</p>
+      <p class="font-bold text-xl col-span-1 e-text">{{ title }}</p>
       <span class="group relative col-span-5">
-        <input
-          @input="input"
-          v-model="val"
-          :class="validation"
-          class="text-right font-mono text-xs bg-blue-50 rounded-xs p-0.5 w-full"
-        />
+        <input @input="input" v-model="val" :class="validation" class="e-input text-right" />
         <TooltipC :tooltip="tooltip" />
       </span>
 
diff --git a/src/explorations/ExplorationC.vue b/src/explorations/ExplorationC.vue
index da6e740..0d65a36 100644
--- a/src/explorations/ExplorationC.vue
+++ b/src/explorations/ExplorationC.vue
@@ -4,7 +4,7 @@ import { ArrowTopRightOnSquareIcon, ShareIcon } from '@heroicons/vue/24/solid'
 import ButtonC from '@/components/ui/ButtonC.vue'
 
 import type { Exploration } from './REGISTRY'
-import { type Topic, TOPIC_COLOR_CLASSES } from './TOPICS'
+import { type Topic, topicCSSVars } from './TOPICS'
 
 const props = defineProps<{
   explorationId: string
@@ -13,17 +13,13 @@ const props = defineProps<{
   shareURL?: () => void
 }>()
 
-const cc = TOPIC_COLOR_CLASSES[props.topic.color]
+const cssVars = topicCSSVars(props.topic.color)
 </script>
 
 <template>
-  <div
-    :id="explorationId + '-c'"
-    class="exploration-c bg-clip-border p-4 rounded-xl"
-    :class="cc.bg200"
-  >
+  <div :id="explorationId + '-c'" :style="cssVars" class="exploration-c">
     <div class="grid grid-cols-4 mb-3 items-center">
-      <h3 class="font-bold text-xl col-span-3" :class="cc.text900">{{ exploration.title }}</h3>
+      <h3 class="font-bold text-xl col-span-3 e-text">{{ exploration.title }}</h3>
       <div class="flex justify-end items-center">
         <a v-if="shareURL" href="#" @click.prevent="shareURL" class="share-url-button mr-1.5">
           <ButtonC :icon="ShareIcon" tooltip="Open Shareable URL" />
@@ -37,7 +33,7 @@ const cc = TOPIC_COLOR_CLASSES[props.topic.color]
       </div>
     </div>
 
-    <div class="font-mono text-xs mb-6" :class="cc.text900">
+    <div class="font-mono text-xs mb-6 e-text">
       <p v-html="exploration.introText"></p>
       <p class="mt-4" v-html="exploration.usageText"></p>
     </div>
diff --git a/src/explorations/PoweredByC.vue b/src/explorations/PoweredByC.vue
index 4bb290c..30daf93 100644
--- a/src/explorations/PoweredByC.vue
+++ b/src/explorations/PoweredByC.vue
@@ -1,18 +1,14 @@
 <script setup lang="ts">
-import { type Topic, TOPIC_COLOR_CLASSES } from './TOPICS'
-
-const props = defineProps<{
+defineProps<{
   poweredBy: { name: string; href: string }[]
-  topic: Topic
 }>()
-
-const cc = TOPIC_COLOR_CLASSES[props.topic.color]
 </script>
+
 <template>
   <div class="text-right text-xs mt-7">
     Powered by:
     <template v-for="(item, index) in poweredBy" :key="item.name">
-      <a :href="item.href" class="font-bold" :class="cc.text900" target="_blank" rel="noopener">{{
+      <a :href="item.href" class="font-bold e-text" target="_blank" rel="noopener">{{
         item.name
       }}</a>
       <span v-if="index < poweredBy.length - 1"> | </span>
diff --git a/src/explorations/TOPICS.ts b/src/explorations/TOPICS.ts
index 8187b57..227a75c 100644
--- a/src/explorations/TOPICS.ts
+++ b/src/explorations/TOPICS.ts
@@ -12,6 +12,22 @@ export const TOPIC_COLOR_CLASSES: Record<
   red: { bg200: 'bg-red-200', text900: 'text-red-900', border200: 'border-red-200' },
 }
 
+/**
+ * CSS custom properties for topic-aware styling inside explorations.
+ * Set on ExplorationC's root element; inherited by all child components.
+ */
+export function topicCSSVars(color: TopicColor): Record<string, string> {
+  return {
+    '--e-text': `var(--color-${color}-900)`,
+    '--e-bg': `var(--color-${color}-200)`,
+    '--e-bg-light': `var(--color-${color}-50)`,
+    '--e-bg-medium': `var(--color-${color}-100)`,
+    '--e-bg-dark': `var(--color-${color}-900)`,
+    '--e-border': `var(--color-${color}-200)`,
+    '--e-border-dark': `var(--color-${color}-900)`,
+  }
+}
+
 export const TOPICS: Topics = {
   fusaka: {
     title: 'Fusaka',
diff --git a/src/explorations/eip-7594/MyC.vue b/src/explorations/eip-7594/MyC.vue
index c4c9329..0167785 100644
--- a/src/explorations/eip-7594/MyC.vue
+++ b/src/explorations/eip-7594/MyC.vue
@@ -9,12 +9,6 @@ import {
 } from '@ethereumjs/util'
 import { trustedSetup } from '@paulmillr/trusted-setups/fast-peerdas.js'
 
-import {
-  PP_BOX_LAYOUT,
-  PP_BOX_LAYOUT_SINGLE,
-  PP_BOX_TABLE_TD,
-  PP_BOX_TEXT_SMALL,
-} from '@/components/lib/layout'
 import ActionButtonC from '@/components/ui/ActionButtonC.vue'
 import ExamplesC from '@/components/ui/ExamplesC.vue'
 import HexDataInputC from '@/components/ui/HexDataInputC.vue'
@@ -41,9 +35,6 @@ const example = ref('')
 
 const topic = TOPICS[exploration.topic]
 
-/**
- * Example/URL helper functions
- */
 async function selectExample() {
   if (example.value === '') {
     return
@@ -56,9 +47,6 @@ async function selectExample() {
   errorMsg.value = ''
 }
 
-/**
- * The data form values changed.
- */
 async function onDataInputFormChange() {
   example.value = ''
   errorMsg.value = ''
@@ -86,13 +74,10 @@ async function run() {
     errorMsg.value = error instanceof Error ? error.message : String(error)
   }
 }
-/**
- * Initialize the widget either with URL parameters or with a default example.
- */
+
 async function init() {
   example.value = 'blob1'
   await selectExample()
-  //await run()
 }
 
 await init()
@@ -113,16 +98,16 @@ await init()
         <ExamplesC v-model="example" :examples="examples" :change="selectExample" />
         <HexDataInputC v-model="data" rows="6" :formChange="onDataInputFormChange" />
 
-        <div :class="PP_BOX_LAYOUT_SINGLE">
+        <div class="e-grid-single">
           <PPBoxC title="EIP-4844 + EIP-7594" :left="true" class="4844-7594-box">
-            <table v-if="commitment !== ''" :class="PP_BOX_TEXT_SMALL">
+            <table v-if="commitment !== ''" class="e-result-text-sm">
               <tr>
-                <td :class="PP_BOX_TABLE_TD">Commitment</td>
-                <td :class="[PP_BOX_TABLE_TD, 'break-all']">{{ commitment }}</td>
+                <td class="p-3">Commitment</td>
+                <td class="p-3 break-all">{{ commitment }}</td>
               </tr>
               <tr>
-                <td :class="PP_BOX_TABLE_TD">Versioned Hash</td>
-                <td :class="[PP_BOX_TABLE_TD, 'break-all']">
+                <td class="p-3">Versioned Hash</td>
+                <td class="p-3 break-all">
                   {{ versionedHash }}
                   (<a :href="`https://blobscan.com/blob/${versionedHash}`" target="_blank"
                     >Blobscan</a
@@ -130,8 +115,8 @@ await init()
                 </td>
               </tr>
               <tr>
-                <td :class="PP_BOX_TABLE_TD">Blob Length</td>
-                <td :class="[PP_BOX_TABLE_TD, 'break-all']">{{ data.length }}</td>
+                <td class="p-3">Blob Length</td>
+                <td class="p-3 break-all">{{ data.length }}</td>
               </tr>
             </table>
             <div v-else>
@@ -140,9 +125,9 @@ await init()
             </div>
           </PPBoxC>
         </div>
-        <div :class="PP_BOX_LAYOUT">
+        <div class="e-grid-double">
           <PPBoxC title="EIP-4844 | 1 Blob Proof" :left="true" class="4844-box">
-            <p v-if="commitment !== ''" :class="PP_BOX_TEXT_SMALL">
+            <p v-if="commitment !== ''" class="e-result-text-sm">
               {{ blobProof }}
             </p>
             <PPBoxInfoText v-else text="Same here." />
@@ -151,17 +136,17 @@ await init()
             <div v-if="commitment !== ''">
               <p
                 v-for="(value, index) in cellProofs.slice(0, 4)"
-                :class="PP_BOX_TEXT_SMALL"
+                class="e-result-text-sm"
                 :key="index"
               >
                 {{ value }}
               </p>
-              <p v-if="cellProofs.length > 4" :class="PP_BOX_TEXT_SMALL">...</p>
+              <p v-if="cellProofs.length > 4" class="e-result-text-sm">...</p>
             </div>
             <PPBoxInfoText v-else text="Same here." />
           </PPBoxC>
         </div>
-        <PoweredByC :poweredBy="exploration.poweredBy" :topic="topic" />
+        <PoweredByC :poweredBy="exploration.poweredBy" />
       </div>
     </template>
   </ExplorationC>
diff --git a/src/main.css b/src/main.css
index 44c239b..5009191 100644
--- a/src/main.css
+++ b/src/main.css
@@ -1,7 +1,103 @@
 @import 'tailwindcss';
 
-.pp-box {
+/* ============================================================
+ * Exploration Design System
+ *
+ * Topic colors flow via CSS custom properties (--e-*) set by
+ * ExplorationC on its root element. All child components inherit
+ * them automatically — no prop drilling needed.
+ * ============================================================ */
+
+/* --- Defaults (blue, overridden per-topic by ExplorationC) --- */
+:root {
+  --e-text: var(--color-blue-900);
+  --e-bg: var(--color-blue-200);
+  --e-bg-light: var(--color-blue-50);
+  --e-bg-medium: var(--color-blue-100);
+  --e-bg-dark: var(--color-blue-900);
+  --e-border: var(--color-blue-200);
+  --e-border-dark: var(--color-blue-900);
+}
+
+/* --- Topic text color utility --- */
+.e-text {
+  color: var(--e-text);
+}
+
+/* --- Exploration wrapper --- */
+.exploration-c {
+  background-color: var(--e-bg);
+  @apply bg-clip-border p-4 rounded-xl;
+}
+
+/* --- Result boxes (dark comparison panels) --- */
+.e-result-box {
+  background-color: var(--e-bg-dark);
+  @apply rounded-sm p-2.5;
+
   a {
     @apply text-white underline;
   }
 }
+
+.e-result-title {
+  color: var(--e-text);
+  @apply text-xs bg-white p-1 rounded-xs;
+}
+
+.e-result-text-lg {
+  @apply text-2xl font-bold text-white py-2;
+}
+
+.e-result-text-md {
+  @apply text-xl font-bold text-white py-2;
+}
+
+.e-result-text-sm {
+  @apply text-xs font-bold font-mono text-white py-1 break-words w-full overflow-hidden;
+}
+
+/* --- Grid layouts for result panels --- */
+.e-grid-single {
+  @apply grid grid-cols-1 gap-1 mt-2.5;
+}
+
+.e-grid-double {
+  @apply grid grid-cols-2 gap-1 mt-2.5;
+}
+
+/* --- Form inputs --- */
+.e-textarea {
+  background-color: var(--e-bg-light);
+  @apply block w-full mt-1.5 mb-2 font-mono text-xs rounded-sm text-slate-600 p-1;
+}
+
+.e-select {
+  color: var(--e-text);
+  @apply text-xs border-1 px-1 pt-0.5 pb-0.5 mb-0.5 rounded-sm;
+}
+
+.e-input {
+  background-color: var(--e-bg-light);
+  @apply font-mono text-xs rounded-xs p-0.5 w-full;
+}
+
+/* --- Buttons --- */
+.e-button-icon {
+  color: var(--e-text);
+  border-color: var(--e-text);
+  @apply size-4 inline align-baseline border-1 p-0.5 rounded-xs;
+}
+
+/* --- E-Component: Precompile Interface --- */
+.precompile-value-input {
+  border-top: 1px solid var(--e-border-dark);
+  @apply bg-clip-border pt-1.5 pb-0.5 px-0.5 mb-0.5;
+}
+
+/* --- Buttons --- */
+.e-action-button {
+  color: var(--e-text);
+  background-color: var(--e-bg-medium);
+  @apply relative inline-flex items-center justify-center border-2 border-white rounded-lg p-2 text-xs font-bold cursor-pointer hover:bg-white disabled:opacity-50 disabled:cursor-not-allowed;
+}

From 6404d12332e757f4a6ddf20cf03eafff3d707a2c Mon Sep 17 00:00:00 2001
From: Holger Drewes <Holger.Drewes@gmail.com>
Date: Tue, 3 Mar 2026 12:41:15 +0100
Subject: [PATCH 14/29] Design docs

---
 dist/docs/404.html                            |   4 +-
 .../contributing/adding-an-exploration.html   |   8 +-
 dist/docs/contributing/how-to-contribute.html |   8 +-
 dist/docs/guide/architecture.html             |   8 +-
 dist/docs/guide/getting-started.html          |   8 +-
 dist/docs/hashmap.json                        |   2 +-
 dist/docs/index.html                          |   6 +-
 docs/.vitepress/config.ts                     |   1 +
 docs/contributing/code-conventions.md         |   1 -
 docs/contributing/styling.md                  | 182 ++++++++++++++++++
 10 files changed, 205 insertions(+), 23 deletions(-)
 create mode 100644 docs/contributing/styling.md

diff --git a/dist/docs/404.html b/dist/docs/404.html
index 0e4d664..5083a72 100644
--- a/dist/docs/404.html
+++ b/dist/docs/404.html
@@ -9,14 +9,14 @@
     <link rel="preload stylesheet" href="/assets/style.Cfu23m_7.css" as="style">
     <link rel="preload stylesheet" href="/vp-icons.css" as="style">
     
-    <script type="module" src="/assets/app.DDSgF2-8.js"></script>
+    <script type="module" src="/assets/app.nonmTxRS.js"></script>
     <link rel="preload" href="/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
   </head>
   <body>
     <div id="app"></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"contributing_adding-an-exploration.md\":\"Ahsvo_Ol\",\"contributing_available-e-components.md\":\"CJ3WaJq0\",\"contributing_code-conventions.md\":\"BFjoMQv_\",\"contributing_e-components.md\":\"EgChjAzs\",\"contributing_how-to-contribute.md\":\"XKvLYLkk\",\"contributing_library-forks.md\":\"DYk1JQhp\",\"guide_architecture.md\":\"BSBE4DKA\",\"guide_getting-started.md\":\"B-wiDt-S\",\"index.md\":\"DpQvSWpN\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"Feel Your Protocol\",\"description\":\"Documentation for the Feel Your Protocol project\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/guide/getting-started\"},{\"text\":\"Contributing\",\"link\":\"/contributing/how-to-contribute\"},{\"text\":\"Website\",\"link\":\"https://feelyourprotocol.org\"}],\"sidebar\":[{\"text\":\"Guide\",\"items\":[{\"text\":\"Getting Started\",\"link\":\"/guide/getting-started\"},{\"text\":\"Architecture\",\"link\":\"/guide/architecture\"}]},{\"text\":\"Contributing\",\"items\":[{\"text\":\"How to Contribute\",\"link\":\"/contributing/how-to-contribute\"},{\"text\":\"Adding an Exploration\",\"link\":\"/contributing/adding-an-exploration\"},{\"text\":\"E-Components\",\"link\":\"/contributing/e-components\"},{\"text\":\"Available E-Components\",\"link\":\"/contributing/available-e-components\"},{\"text\":\"Code Conventions\",\"link\":\"/contributing/code-conventions\"},{\"text\":\"Library Forks\",\"link\":\"/contributing/library-forks\"}]}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/feelyourprotocol/website\"}],\"search\":{\"provider\":\"local\"},\"footer\":{\"message\":\"This project and its documentation are under active development.\"}},\"locales\":{},\"scrollOffset\":134,\"cleanUrls\":false,\"additionalConfig\":{}}");</script>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"contributing_adding-an-exploration.md\":\"Ahsvo_Ol\",\"contributing_available-e-components.md\":\"CJ3WaJq0\",\"contributing_code-conventions.md\":\"q8SsjSd8\",\"contributing_e-components.md\":\"EgChjAzs\",\"contributing_how-to-contribute.md\":\"XKvLYLkk\",\"contributing_library-forks.md\":\"DYk1JQhp\",\"contributing_styling.md\":\"BxYm3jg7\",\"guide_architecture.md\":\"BSBE4DKA\",\"guide_getting-started.md\":\"B-wiDt-S\",\"index.md\":\"DpQvSWpN\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"Feel Your Protocol\",\"description\":\"Documentation for the Feel Your Protocol project\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/guide/getting-started\"},{\"text\":\"Contributing\",\"link\":\"/contributing/how-to-contribute\"},{\"text\":\"Website\",\"link\":\"https://feelyourprotocol.org\"}],\"sidebar\":[{\"text\":\"Guide\",\"items\":[{\"text\":\"Getting Started\",\"link\":\"/guide/getting-started\"},{\"text\":\"Architecture\",\"link\":\"/guide/architecture\"}]},{\"text\":\"Contributing\",\"items\":[{\"text\":\"How to Contribute\",\"link\":\"/contributing/how-to-contribute\"},{\"text\":\"Adding an Exploration\",\"link\":\"/contributing/adding-an-exploration\"},{\"text\":\"E-Components\",\"link\":\"/contributing/e-components\"},{\"text\":\"Available E-Components\",\"link\":\"/contributing/available-e-components\"},{\"text\":\"Styling & Design\",\"link\":\"/contributing/styling\"},{\"text\":\"Code Conventions\",\"link\":\"/contributing/code-conventions\"},{\"text\":\"Library Forks\",\"link\":\"/contributing/library-forks\"}]}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/feelyourprotocol/website\"}],\"search\":{\"provider\":\"local\"},\"footer\":{\"message\":\"This project and its documentation are under active development.\"}},\"locales\":{},\"scrollOffset\":134,\"cleanUrls\":false,\"additionalConfig\":{}}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/dist/docs/contributing/adding-an-exploration.html b/dist/docs/contributing/adding-an-exploration.html
index 59096f7..d8459c0 100644
--- a/dist/docs/contributing/adding-an-exploration.html
+++ b/dist/docs/contributing/adding-an-exploration.html
@@ -9,16 +9,16 @@
     <link rel="preload stylesheet" href="/assets/style.Cfu23m_7.css" as="style">
     <link rel="preload stylesheet" href="/vp-icons.css" as="style">
     
-    <script type="module" src="/assets/app.DDSgF2-8.js"></script>
+    <script type="module" src="/assets/app.nonmTxRS.js"></script>
     <link rel="preload" href="/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/assets/chunks/theme.2vG7thFl.js">
+    <link rel="modulepreload" href="/assets/chunks/theme.g4RzF5df.js">
     <link rel="modulepreload" href="/assets/chunks/framework.DyoGesZS.js">
     <link rel="modulepreload" href="/assets/contributing_adding-an-exploration.md.Ahsvo_Ol.lean.js">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-1df9f90f><!--[--><!--]--><!--[--><span tabindex="-1" data-v-331ec75c></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-331ec75c>Skip to content</a><!--]--><!----><header class="VPNav" data-v-1df9f90f data-v-9f75dce3><div class="VPNavBar has-sidebar top" data-v-9f75dce3 data-v-9ca1369d><div class="wrapper" data-v-9ca1369d><div class="container" data-v-9ca1369d><div class="title" data-v-9ca1369d><div class="VPNavBarTitle has-sidebar" data-v-9ca1369d data-v-1e38c6bc><a class="title" href="/" data-v-1e38c6bc><!--[--><!--]--><!----><span data-v-1e38c6bc>Feel Your Protocol</span><!--[--><!--]--></a></div></div><div class="content" data-v-9ca1369d><div class="content-body" data-v-9ca1369d><!--[--><!--]--><div class="VPNavBarSearch search" data-v-9ca1369d data-v-2fc7f2c6><!--[--><button type="button" class="VPNavBarSearchButton" aria-label="Search" aria-keyshortcuts="/ control+k meta+k" data-v-2fc7f2c6 data-v-baa3be99><span class="vpi-search" aria-hidden="true" data-v-baa3be99></span><span class="text" data-v-baa3be99>Search</span><span class="keys" aria-hidden="true" data-v-baa3be99><kbd class="key-cmd" data-v-baa3be99>⌘</kbd><kbd class="key-ctrl" data-v-baa3be99>Ctrl</kbd><kbd data-v-baa3be99>K</kbd></span></button><!----><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-9ca1369d data-v-39714824><span id="main-nav-aria-label" class="visually-hidden" data-v-39714824> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/guide/getting-started.html" tabindex="0" data-v-39714824 data-v-52a1d768><!--[--><span data-v-52a1d768>Guide</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/contributing/how-to-contribute.html" tabindex="0" data-v-39714824 data-v-52a1d768><!--[--><span data-v-52a1d768>Contributing</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://feelyourprotocol.org" target="_blank" rel="noreferrer" tabindex="0" data-v-39714824 data-v-52a1d768><!--[--><span data-v-52a1d768>Website</span><!--]--></a><!--]--><!--]--></nav><!----><div class="VPNavBarAppearance appearance" data-v-9ca1369d data-v-6c893767><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-6c893767 data-v-5337faa4 data-v-1d5665e3><span class="check" data-v-1d5665e3><span class="icon" data-v-1d5665e3><!--[--><span class="vpi-sun sun" data-v-5337faa4></span><span class="vpi-moon moon" data-v-5337faa4></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-9ca1369d data-v-0394ad82 data-v-d07f11e6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/feelyourprotocol/website" aria-label="github" target="_blank" rel="me noopener" data-v-d07f11e6 data-v-591a6b30><span class="vpi-social-github"></span></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-9ca1369d data-v-bf2fac68 data-v-42cb505d><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-42cb505d><span class="vpi-more-horizontal icon" data-v-42cb505d></span></button><div class="menu" data-v-42cb505d><div class="VPMenu" data-v-42cb505d data-v-25a6cce8><!----><!--[--><!--[--><!----><div class="group" data-v-bf2fac68><div class="item appearance" data-v-bf2fac68><p class="label" data-v-bf2fac68>Appearance</p><div class="appearance-action" data-v-bf2fac68><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-bf2fac68 data-v-5337faa4 data-v-1d5665e3><span class="check" data-v-1d5665e3><span class="icon" data-v-1d5665e3><!--[--><span class="vpi-sun sun" data-v-5337faa4></span><span class="vpi-moon moon" data-v-5337faa4></span><!--]--></span></span></button></div></div></div><div class="group" data-v-bf2fac68><div class="item social-links" data-v-bf2fac68><div class="VPSocialLinks social-links-list" data-v-bf2fac68 data-v-d07f11e6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/feelyourprotocol/website" aria-label="github" target="_blank" rel="me noopener" data-v-d07f11e6 data-v-591a6b30><span class="vpi-social-github"></span></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-9ca1369d data-v-e5dd9c1c><span class="container" data-v-e5dd9c1c><span class="top" data-v-e5dd9c1c></span><span class="middle" data-v-e5dd9c1c></span><span class="bottom" data-v-e5dd9c1c></span></span></button></div></div></div></div><div class="divider" data-v-9ca1369d><div class="divider-line" data-v-9ca1369d></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-1df9f90f data-v-db738f89><div class="container" data-v-db738f89><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-db738f89><span class="vpi-align-left menu-icon" data-v-db738f89></span><span class="menu-text" data-v-db738f89>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-db738f89 data-v-0bf0e06f><button data-v-0bf0e06f>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-1df9f90f data-v-af661f50><div class="curtain" data-v-af661f50></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-af661f50><span class="visually-hidden" id="sidebar-aria-label" data-v-af661f50> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-8d50c081><section class="VPSidebarItem level-0" data-v-8d50c081 data-v-d81de50c><div class="item" role="button" tabindex="0" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><h2 class="text" data-v-d81de50c>Guide</h2><!----></div><div class="items" data-v-d81de50c><!--[--><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/guide/getting-started.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Getting Started</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/guide/architecture.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Architecture</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-8d50c081><section class="VPSidebarItem level-0 has-active" data-v-8d50c081 data-v-d81de50c><div class="item" role="button" tabindex="0" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><h2 class="text" data-v-d81de50c>Contributing</h2><!----></div><div class="items" data-v-d81de50c><!--[--><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/contributing/how-to-contribute.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>How to Contribute</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/contributing/adding-an-exploration.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Adding an Exploration</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/contributing/e-components.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>E-Components</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/contributing/available-e-components.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Available E-Components</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/contributing/code-conventions.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Code Conventions</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/contributing/library-forks.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Library Forks</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-1df9f90f data-v-c87f25bf><div class="VPDoc has-sidebar has-aside" data-v-c87f25bf data-v-7011f0d8><!--[--><!--]--><div class="container" data-v-7011f0d8><div class="aside" data-v-7011f0d8><div class="aside-curtain" data-v-7011f0d8></div><div class="aside-container" data-v-7011f0d8><div class="aside-content" data-v-7011f0d8><div class="VPDocAside" data-v-7011f0d8 data-v-3f215769><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-3f215769 data-v-60d5052e><div class="content" data-v-60d5052e><div class="outline-marker" data-v-60d5052e></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-60d5052e>On this page</div><ul class="VPDocOutlineItem root" data-v-60d5052e data-v-1ce71065><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-3f215769></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-7011f0d8><div class="content-container" data-v-7011f0d8><!--[--><!--]--><main class="main" data-v-7011f0d8><div style="position:relative;" class="vp-doc _contributing_adding-an-exploration" data-v-7011f0d8><div><h1 id="adding-an-exploration" tabindex="-1">Adding an Exploration <a class="header-anchor" href="#adding-an-exploration" aria-label="Permalink to “Adding an Exploration”">​</a></h1><p>Each exploration lives in its own folder under <code>src/explorations/</code> with a few files. This guide walks you through adding a new one.</p><h2 id="quick-overview" tabindex="-1">Quick Overview <a class="header-anchor" href="#quick-overview" aria-label="Permalink to “Quick Overview”">​</a></h2><p>An exploration folder looks like this:</p><div class="language-"><button title="Copy Code" class="copy"></button><span class="lang"></span><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e;" tabindex="0" dir="ltr"><code><span class="line"><span>src/explorations/eip-XXXX/</span></span>
+    <div id="app"><div class="Layout" data-v-1df9f90f><!--[--><!--]--><!--[--><span tabindex="-1" data-v-331ec75c></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-331ec75c>Skip to content</a><!--]--><!----><header class="VPNav" data-v-1df9f90f data-v-9f75dce3><div class="VPNavBar has-sidebar top" data-v-9f75dce3 data-v-9ca1369d><div class="wrapper" data-v-9ca1369d><div class="container" data-v-9ca1369d><div class="title" data-v-9ca1369d><div class="VPNavBarTitle has-sidebar" data-v-9ca1369d data-v-1e38c6bc><a class="title" href="/" data-v-1e38c6bc><!--[--><!--]--><!----><span data-v-1e38c6bc>Feel Your Protocol</span><!--[--><!--]--></a></div></div><div class="content" data-v-9ca1369d><div class="content-body" data-v-9ca1369d><!--[--><!--]--><div class="VPNavBarSearch search" data-v-9ca1369d data-v-2fc7f2c6><!--[--><button type="button" class="VPNavBarSearchButton" aria-label="Search" aria-keyshortcuts="/ control+k meta+k" data-v-2fc7f2c6 data-v-baa3be99><span class="vpi-search" aria-hidden="true" data-v-baa3be99></span><span class="text" data-v-baa3be99>Search</span><span class="keys" aria-hidden="true" data-v-baa3be99><kbd class="key-cmd" data-v-baa3be99>⌘</kbd><kbd class="key-ctrl" data-v-baa3be99>Ctrl</kbd><kbd data-v-baa3be99>K</kbd></span></button><!----><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-9ca1369d data-v-39714824><span id="main-nav-aria-label" class="visually-hidden" data-v-39714824> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/guide/getting-started.html" tabindex="0" data-v-39714824 data-v-52a1d768><!--[--><span data-v-52a1d768>Guide</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/contributing/how-to-contribute.html" tabindex="0" data-v-39714824 data-v-52a1d768><!--[--><span data-v-52a1d768>Contributing</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://feelyourprotocol.org" target="_blank" rel="noreferrer" tabindex="0" data-v-39714824 data-v-52a1d768><!--[--><span data-v-52a1d768>Website</span><!--]--></a><!--]--><!--]--></nav><!----><div class="VPNavBarAppearance appearance" data-v-9ca1369d data-v-6c893767><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-6c893767 data-v-5337faa4 data-v-1d5665e3><span class="check" data-v-1d5665e3><span class="icon" data-v-1d5665e3><!--[--><span class="vpi-sun sun" data-v-5337faa4></span><span class="vpi-moon moon" data-v-5337faa4></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-9ca1369d data-v-0394ad82 data-v-d07f11e6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/feelyourprotocol/website" aria-label="github" target="_blank" rel="me noopener" data-v-d07f11e6 data-v-591a6b30><span class="vpi-social-github"></span></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-9ca1369d data-v-bf2fac68 data-v-42cb505d><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-42cb505d><span class="vpi-more-horizontal icon" data-v-42cb505d></span></button><div class="menu" data-v-42cb505d><div class="VPMenu" data-v-42cb505d data-v-25a6cce8><!----><!--[--><!--[--><!----><div class="group" data-v-bf2fac68><div class="item appearance" data-v-bf2fac68><p class="label" data-v-bf2fac68>Appearance</p><div class="appearance-action" data-v-bf2fac68><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-bf2fac68 data-v-5337faa4 data-v-1d5665e3><span class="check" data-v-1d5665e3><span class="icon" data-v-1d5665e3><!--[--><span class="vpi-sun sun" data-v-5337faa4></span><span class="vpi-moon moon" data-v-5337faa4></span><!--]--></span></span></button></div></div></div><div class="group" data-v-bf2fac68><div class="item social-links" data-v-bf2fac68><div class="VPSocialLinks social-links-list" data-v-bf2fac68 data-v-d07f11e6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/feelyourprotocol/website" aria-label="github" target="_blank" rel="me noopener" data-v-d07f11e6 data-v-591a6b30><span class="vpi-social-github"></span></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-9ca1369d data-v-e5dd9c1c><span class="container" data-v-e5dd9c1c><span class="top" data-v-e5dd9c1c></span><span class="middle" data-v-e5dd9c1c></span><span class="bottom" data-v-e5dd9c1c></span></span></button></div></div></div></div><div class="divider" data-v-9ca1369d><div class="divider-line" data-v-9ca1369d></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-1df9f90f data-v-db738f89><div class="container" data-v-db738f89><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-db738f89><span class="vpi-align-left menu-icon" data-v-db738f89></span><span class="menu-text" data-v-db738f89>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-db738f89 data-v-0bf0e06f><button data-v-0bf0e06f>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-1df9f90f data-v-af661f50><div class="curtain" data-v-af661f50></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-af661f50><span class="visually-hidden" id="sidebar-aria-label" data-v-af661f50> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-8d50c081><section class="VPSidebarItem level-0" data-v-8d50c081 data-v-d81de50c><div class="item" role="button" tabindex="0" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><h2 class="text" data-v-d81de50c>Guide</h2><!----></div><div class="items" data-v-d81de50c><!--[--><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/guide/getting-started.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Getting Started</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/guide/architecture.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Architecture</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-8d50c081><section class="VPSidebarItem level-0 has-active" data-v-8d50c081 data-v-d81de50c><div class="item" role="button" tabindex="0" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><h2 class="text" data-v-d81de50c>Contributing</h2><!----></div><div class="items" data-v-d81de50c><!--[--><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/contributing/how-to-contribute.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>How to Contribute</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/contributing/adding-an-exploration.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Adding an Exploration</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/contributing/e-components.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>E-Components</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/contributing/available-e-components.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Available E-Components</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/contributing/styling.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Styling & Design</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/contributing/code-conventions.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Code Conventions</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/contributing/library-forks.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Library Forks</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-1df9f90f data-v-c87f25bf><div class="VPDoc has-sidebar has-aside" data-v-c87f25bf data-v-7011f0d8><!--[--><!--]--><div class="container" data-v-7011f0d8><div class="aside" data-v-7011f0d8><div class="aside-curtain" data-v-7011f0d8></div><div class="aside-container" data-v-7011f0d8><div class="aside-content" data-v-7011f0d8><div class="VPDocAside" data-v-7011f0d8 data-v-3f215769><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-3f215769 data-v-60d5052e><div class="content" data-v-60d5052e><div class="outline-marker" data-v-60d5052e></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-60d5052e>On this page</div><ul class="VPDocOutlineItem root" data-v-60d5052e data-v-1ce71065><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-3f215769></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-7011f0d8><div class="content-container" data-v-7011f0d8><!--[--><!--]--><main class="main" data-v-7011f0d8><div style="position:relative;" class="vp-doc _contributing_adding-an-exploration" data-v-7011f0d8><div><h1 id="adding-an-exploration" tabindex="-1">Adding an Exploration <a class="header-anchor" href="#adding-an-exploration" aria-label="Permalink to “Adding an Exploration”">​</a></h1><p>Each exploration lives in its own folder under <code>src/explorations/</code> with a few files. This guide walks you through adding a new one.</p><h2 id="quick-overview" tabindex="-1">Quick Overview <a class="header-anchor" href="#quick-overview" aria-label="Permalink to “Quick Overview”">​</a></h2><p>An exploration folder looks like this:</p><div class="language-"><button title="Copy Code" class="copy"></button><span class="lang"></span><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e;" tabindex="0" dir="ltr"><code><span class="line"><span>src/explorations/eip-XXXX/</span></span>
 <span class="line"><span>├── info.ts         # Metadata (required)</span></span>
 <span class="line"><span>├── MyC.vue         # Interactive widget (required)</span></span>
 <span class="line"><span>├── examples.ts     # Example presets (recommended)</span></span>
@@ -128,7 +128,7 @@
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">npm</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> run</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> lf</span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">           # format + lint</span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">npm</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> run</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> type-check</span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">   # TypeScript check</span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">npm</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> run</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> build</span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">        # verify production build</span></span></code></pre></div><h2 id="checklist" tabindex="-1">Checklist <a class="header-anchor" href="#checklist" aria-label="Permalink to “Checklist”">​</a></h2><ul><li>[ ] Created <code>src/explorations/&lt;id&gt;/info.ts</code> with metadata</li><li>[ ] Created <code>src/explorations/&lt;id&gt;/MyC.vue</code> with interactive widget</li><li>[ ] Created <code>src/explorations/&lt;id&gt;/examples.ts</code> with example presets</li><li>[ ] Added import and entry in <code>src/explorations/REGISTRY.ts</code></li><li>[ ] Installed library dependencies (if needed)</li><li>[ ] Linting and type checking pass</li><li>[ ] Production build succeeds</li></ul></div></div></main><footer class="VPDocFooter" data-v-7011f0d8 data-v-e257564d><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-e257564d><span class="visually-hidden" id="doc-footer-aria-label" data-v-e257564d>Pager</span><div class="pager" data-v-e257564d><a class="VPLink link pager-link prev" href="/contributing/how-to-contribute.html" data-v-e257564d><!--[--><span class="desc" data-v-e257564d>Previous page</span><span class="title" data-v-e257564d>How to Contribute</span><!--]--></a></div><div class="pager" data-v-e257564d><a class="VPLink link pager-link next" href="/contributing/e-components.html" data-v-e257564d><!--[--><span class="desc" data-v-e257564d>Next page</span><span class="title" data-v-e257564d>E-Components</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1df9f90f data-v-c3855bb3><div class="container" data-v-c3855bb3><p class="message" data-v-c3855bb3>This project and its documentation are under active development.</p><!----></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"contributing_adding-an-exploration.md\":\"Ahsvo_Ol\",\"contributing_available-e-components.md\":\"CJ3WaJq0\",\"contributing_code-conventions.md\":\"BFjoMQv_\",\"contributing_e-components.md\":\"EgChjAzs\",\"contributing_how-to-contribute.md\":\"XKvLYLkk\",\"contributing_library-forks.md\":\"DYk1JQhp\",\"guide_architecture.md\":\"BSBE4DKA\",\"guide_getting-started.md\":\"B-wiDt-S\",\"index.md\":\"DpQvSWpN\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"Feel Your Protocol\",\"description\":\"Documentation for the Feel Your Protocol project\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/guide/getting-started\"},{\"text\":\"Contributing\",\"link\":\"/contributing/how-to-contribute\"},{\"text\":\"Website\",\"link\":\"https://feelyourprotocol.org\"}],\"sidebar\":[{\"text\":\"Guide\",\"items\":[{\"text\":\"Getting Started\",\"link\":\"/guide/getting-started\"},{\"text\":\"Architecture\",\"link\":\"/guide/architecture\"}]},{\"text\":\"Contributing\",\"items\":[{\"text\":\"How to Contribute\",\"link\":\"/contributing/how-to-contribute\"},{\"text\":\"Adding an Exploration\",\"link\":\"/contributing/adding-an-exploration\"},{\"text\":\"E-Components\",\"link\":\"/contributing/e-components\"},{\"text\":\"Available E-Components\",\"link\":\"/contributing/available-e-components\"},{\"text\":\"Code Conventions\",\"link\":\"/contributing/code-conventions\"},{\"text\":\"Library Forks\",\"link\":\"/contributing/library-forks\"}]}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/feelyourprotocol/website\"}],\"search\":{\"provider\":\"local\"},\"footer\":{\"message\":\"This project and its documentation are under active development.\"}},\"locales\":{},\"scrollOffset\":134,\"cleanUrls\":false,\"additionalConfig\":{}}");</script>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"contributing_adding-an-exploration.md\":\"Ahsvo_Ol\",\"contributing_available-e-components.md\":\"CJ3WaJq0\",\"contributing_code-conventions.md\":\"q8SsjSd8\",\"contributing_e-components.md\":\"EgChjAzs\",\"contributing_how-to-contribute.md\":\"XKvLYLkk\",\"contributing_library-forks.md\":\"DYk1JQhp\",\"contributing_styling.md\":\"BxYm3jg7\",\"guide_architecture.md\":\"BSBE4DKA\",\"guide_getting-started.md\":\"B-wiDt-S\",\"index.md\":\"DpQvSWpN\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"Feel Your Protocol\",\"description\":\"Documentation for the Feel Your Protocol project\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/guide/getting-started\"},{\"text\":\"Contributing\",\"link\":\"/contributing/how-to-contribute\"},{\"text\":\"Website\",\"link\":\"https://feelyourprotocol.org\"}],\"sidebar\":[{\"text\":\"Guide\",\"items\":[{\"text\":\"Getting Started\",\"link\":\"/guide/getting-started\"},{\"text\":\"Architecture\",\"link\":\"/guide/architecture\"}]},{\"text\":\"Contributing\",\"items\":[{\"text\":\"How to Contribute\",\"link\":\"/contributing/how-to-contribute\"},{\"text\":\"Adding an Exploration\",\"link\":\"/contributing/adding-an-exploration\"},{\"text\":\"E-Components\",\"link\":\"/contributing/e-components\"},{\"text\":\"Available E-Components\",\"link\":\"/contributing/available-e-components\"},{\"text\":\"Styling & Design\",\"link\":\"/contributing/styling\"},{\"text\":\"Code Conventions\",\"link\":\"/contributing/code-conventions\"},{\"text\":\"Library Forks\",\"link\":\"/contributing/library-forks\"}]}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/feelyourprotocol/website\"}],\"search\":{\"provider\":\"local\"},\"footer\":{\"message\":\"This project and its documentation are under active development.\"}},\"locales\":{},\"scrollOffset\":134,\"cleanUrls\":false,\"additionalConfig\":{}}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/dist/docs/contributing/how-to-contribute.html b/dist/docs/contributing/how-to-contribute.html
index 719f8e2..33e3c9c 100644
--- a/dist/docs/contributing/how-to-contribute.html
+++ b/dist/docs/contributing/how-to-contribute.html
@@ -9,22 +9,22 @@
     <link rel="preload stylesheet" href="/assets/style.Cfu23m_7.css" as="style">
     <link rel="preload stylesheet" href="/vp-icons.css" as="style">
     
-    <script type="module" src="/assets/app.DDSgF2-8.js"></script>
+    <script type="module" src="/assets/app.nonmTxRS.js"></script>
     <link rel="preload" href="/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/assets/chunks/theme.2vG7thFl.js">
+    <link rel="modulepreload" href="/assets/chunks/theme.g4RzF5df.js">
     <link rel="modulepreload" href="/assets/chunks/framework.DyoGesZS.js">
     <link rel="modulepreload" href="/assets/contributing_how-to-contribute.md.XKvLYLkk.lean.js">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-1df9f90f><!--[--><!--]--><!--[--><span tabindex="-1" data-v-331ec75c></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-331ec75c>Skip to content</a><!--]--><!----><header class="VPNav" data-v-1df9f90f data-v-9f75dce3><div class="VPNavBar has-sidebar top" data-v-9f75dce3 data-v-9ca1369d><div class="wrapper" data-v-9ca1369d><div class="container" data-v-9ca1369d><div class="title" data-v-9ca1369d><div class="VPNavBarTitle has-sidebar" data-v-9ca1369d data-v-1e38c6bc><a class="title" href="/" data-v-1e38c6bc><!--[--><!--]--><!----><span data-v-1e38c6bc>Feel Your Protocol</span><!--[--><!--]--></a></div></div><div class="content" data-v-9ca1369d><div class="content-body" data-v-9ca1369d><!--[--><!--]--><div class="VPNavBarSearch search" data-v-9ca1369d data-v-2fc7f2c6><!--[--><button type="button" class="VPNavBarSearchButton" aria-label="Search" aria-keyshortcuts="/ control+k meta+k" data-v-2fc7f2c6 data-v-baa3be99><span class="vpi-search" aria-hidden="true" data-v-baa3be99></span><span class="text" data-v-baa3be99>Search</span><span class="keys" aria-hidden="true" data-v-baa3be99><kbd class="key-cmd" data-v-baa3be99>⌘</kbd><kbd class="key-ctrl" data-v-baa3be99>Ctrl</kbd><kbd data-v-baa3be99>K</kbd></span></button><!----><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-9ca1369d data-v-39714824><span id="main-nav-aria-label" class="visually-hidden" data-v-39714824> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/guide/getting-started.html" tabindex="0" data-v-39714824 data-v-52a1d768><!--[--><span data-v-52a1d768>Guide</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/contributing/how-to-contribute.html" tabindex="0" data-v-39714824 data-v-52a1d768><!--[--><span data-v-52a1d768>Contributing</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://feelyourprotocol.org" target="_blank" rel="noreferrer" tabindex="0" data-v-39714824 data-v-52a1d768><!--[--><span data-v-52a1d768>Website</span><!--]--></a><!--]--><!--]--></nav><!----><div class="VPNavBarAppearance appearance" data-v-9ca1369d data-v-6c893767><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-6c893767 data-v-5337faa4 data-v-1d5665e3><span class="check" data-v-1d5665e3><span class="icon" data-v-1d5665e3><!--[--><span class="vpi-sun sun" data-v-5337faa4></span><span class="vpi-moon moon" data-v-5337faa4></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-9ca1369d data-v-0394ad82 data-v-d07f11e6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/feelyourprotocol/website" aria-label="github" target="_blank" rel="me noopener" data-v-d07f11e6 data-v-591a6b30><span class="vpi-social-github"></span></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-9ca1369d data-v-bf2fac68 data-v-42cb505d><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-42cb505d><span class="vpi-more-horizontal icon" data-v-42cb505d></span></button><div class="menu" data-v-42cb505d><div class="VPMenu" data-v-42cb505d data-v-25a6cce8><!----><!--[--><!--[--><!----><div class="group" data-v-bf2fac68><div class="item appearance" data-v-bf2fac68><p class="label" data-v-bf2fac68>Appearance</p><div class="appearance-action" data-v-bf2fac68><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-bf2fac68 data-v-5337faa4 data-v-1d5665e3><span class="check" data-v-1d5665e3><span class="icon" data-v-1d5665e3><!--[--><span class="vpi-sun sun" data-v-5337faa4></span><span class="vpi-moon moon" data-v-5337faa4></span><!--]--></span></span></button></div></div></div><div class="group" data-v-bf2fac68><div class="item social-links" data-v-bf2fac68><div class="VPSocialLinks social-links-list" data-v-bf2fac68 data-v-d07f11e6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/feelyourprotocol/website" aria-label="github" target="_blank" rel="me noopener" data-v-d07f11e6 data-v-591a6b30><span class="vpi-social-github"></span></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-9ca1369d data-v-e5dd9c1c><span class="container" data-v-e5dd9c1c><span class="top" data-v-e5dd9c1c></span><span class="middle" data-v-e5dd9c1c></span><span class="bottom" data-v-e5dd9c1c></span></span></button></div></div></div></div><div class="divider" data-v-9ca1369d><div class="divider-line" data-v-9ca1369d></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-1df9f90f data-v-db738f89><div class="container" data-v-db738f89><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-db738f89><span class="vpi-align-left menu-icon" data-v-db738f89></span><span class="menu-text" data-v-db738f89>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-db738f89 data-v-0bf0e06f><button data-v-0bf0e06f>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-1df9f90f data-v-af661f50><div class="curtain" data-v-af661f50></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-af661f50><span class="visually-hidden" id="sidebar-aria-label" data-v-af661f50> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-8d50c081><section class="VPSidebarItem level-0" data-v-8d50c081 data-v-d81de50c><div class="item" role="button" tabindex="0" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><h2 class="text" data-v-d81de50c>Guide</h2><!----></div><div class="items" data-v-d81de50c><!--[--><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/guide/getting-started.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Getting Started</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/guide/architecture.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Architecture</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-8d50c081><section class="VPSidebarItem level-0 has-active" data-v-8d50c081 data-v-d81de50c><div class="item" role="button" tabindex="0" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><h2 class="text" data-v-d81de50c>Contributing</h2><!----></div><div class="items" data-v-d81de50c><!--[--><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/contributing/how-to-contribute.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>How to Contribute</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/contributing/adding-an-exploration.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Adding an Exploration</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/contributing/e-components.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>E-Components</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/contributing/available-e-components.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Available E-Components</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/contributing/code-conventions.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Code Conventions</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/contributing/library-forks.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Library Forks</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-1df9f90f data-v-c87f25bf><div class="VPDoc has-sidebar has-aside" data-v-c87f25bf data-v-7011f0d8><!--[--><!--]--><div class="container" data-v-7011f0d8><div class="aside" data-v-7011f0d8><div class="aside-curtain" data-v-7011f0d8></div><div class="aside-container" data-v-7011f0d8><div class="aside-content" data-v-7011f0d8><div class="VPDocAside" data-v-7011f0d8 data-v-3f215769><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-3f215769 data-v-60d5052e><div class="content" data-v-60d5052e><div class="outline-marker" data-v-60d5052e></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-60d5052e>On this page</div><ul class="VPDocOutlineItem root" data-v-60d5052e data-v-1ce71065><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-3f215769></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-7011f0d8><div class="content-container" data-v-7011f0d8><!--[--><!--]--><main class="main" data-v-7011f0d8><div style="position:relative;" class="vp-doc _contributing_how-to-contribute" data-v-7011f0d8><div><h1 id="how-to-contribute" tabindex="-1">How to Contribute <a class="header-anchor" href="#how-to-contribute" aria-label="Permalink to “How to Contribute”">​</a></h1><p>Contributions are what make Feel Your Protocol useful. Whether you are adding a brand-new exploration, polishing an existing one, or improving the shared components — every contribution helps the Ethereum community understand protocol changes better.</p><h2 id="ways-to-contribute" tabindex="-1">Ways to Contribute <a class="header-anchor" href="#ways-to-contribute" aria-label="Permalink to “Ways to Contribute”">​</a></h2><h3 id="add-a-new-exploration" tabindex="-1">Add a New Exploration <a class="header-anchor" href="#add-a-new-exploration" aria-label="Permalink to “Add a New Exploration”">​</a></h3><p>This is the most impactful contribution. Each exploration is a self-contained folder with metadata and an interactive widget. The <a href="/contributing/adding-an-exploration.html">Adding an Exploration</a> guide walks you through it step by step.</p><h3 id="improve-an-existing-exploration" tabindex="-1">Improve an Existing Exploration <a class="header-anchor" href="#improve-an-existing-exploration" aria-label="Permalink to “Improve an Existing Exploration”">​</a></h3><ul><li>Better examples and presets</li><li>UI/UX improvements</li><li>Bug fixes</li><li>More informative intro and usage texts</li></ul><h3 id="build-or-improve-e-components" tabindex="-1">Build or Improve E-Components <a class="header-anchor" href="#build-or-improve-e-components" aria-label="Permalink to “Build or Improve E-Components”">​</a></h3><p><a href="/contributing/e-components.html">E-Components</a> are reusable Ethereum-specific components (e.g. a precompile interface). If you spot a pattern shared across explorations, it might be a candidate for a new E-Component.</p><h3 id="improve-documentation" tabindex="-1">Improve Documentation <a class="header-anchor" href="#improve-documentation" aria-label="Permalink to “Improve Documentation”">​</a></h3><p>Fix typos, add guides, clarify explanations. Documentation lives in the <code>docs/</code> folder as standard markdown files. Preview locally with:</p><div class="language-bash"><button title="Copy Code" class="copy"></button><span class="lang">bash</span><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e;" tabindex="0" dir="ltr"><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">npm</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> run</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> docs:dev</span></span></code></pre></div><h3 id="report-issues" tabindex="-1">Report Issues <a class="header-anchor" href="#report-issues" aria-label="Permalink to “Report Issues”">​</a></h3><p>Found a bug or have a suggestion? <a href="https://github.com/feelyourprotocol/website/issues" target="_blank" rel="noreferrer">Open an issue</a> on GitHub.</p><h2 id="development-workflow" tabindex="-1">Development Workflow <a class="header-anchor" href="#development-workflow" aria-label="Permalink to “Development Workflow”">​</a></h2><h3 id="_1-setup" tabindex="-1">1. Setup <a class="header-anchor" href="#_1-setup" aria-label="Permalink to “1. Setup”">​</a></h3><div class="language-bash"><button title="Copy Code" class="copy"></button><span class="lang">bash</span><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e;" tabindex="0" dir="ltr"><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">git</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> clone</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> https://github.com/feelyourprotocol/website.git</span></span>
+    <div id="app"><div class="Layout" data-v-1df9f90f><!--[--><!--]--><!--[--><span tabindex="-1" data-v-331ec75c></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-331ec75c>Skip to content</a><!--]--><!----><header class="VPNav" data-v-1df9f90f data-v-9f75dce3><div class="VPNavBar has-sidebar top" data-v-9f75dce3 data-v-9ca1369d><div class="wrapper" data-v-9ca1369d><div class="container" data-v-9ca1369d><div class="title" data-v-9ca1369d><div class="VPNavBarTitle has-sidebar" data-v-9ca1369d data-v-1e38c6bc><a class="title" href="/" data-v-1e38c6bc><!--[--><!--]--><!----><span data-v-1e38c6bc>Feel Your Protocol</span><!--[--><!--]--></a></div></div><div class="content" data-v-9ca1369d><div class="content-body" data-v-9ca1369d><!--[--><!--]--><div class="VPNavBarSearch search" data-v-9ca1369d data-v-2fc7f2c6><!--[--><button type="button" class="VPNavBarSearchButton" aria-label="Search" aria-keyshortcuts="/ control+k meta+k" data-v-2fc7f2c6 data-v-baa3be99><span class="vpi-search" aria-hidden="true" data-v-baa3be99></span><span class="text" data-v-baa3be99>Search</span><span class="keys" aria-hidden="true" data-v-baa3be99><kbd class="key-cmd" data-v-baa3be99>⌘</kbd><kbd class="key-ctrl" data-v-baa3be99>Ctrl</kbd><kbd data-v-baa3be99>K</kbd></span></button><!----><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-9ca1369d data-v-39714824><span id="main-nav-aria-label" class="visually-hidden" data-v-39714824> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/guide/getting-started.html" tabindex="0" data-v-39714824 data-v-52a1d768><!--[--><span data-v-52a1d768>Guide</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/contributing/how-to-contribute.html" tabindex="0" data-v-39714824 data-v-52a1d768><!--[--><span data-v-52a1d768>Contributing</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://feelyourprotocol.org" target="_blank" rel="noreferrer" tabindex="0" data-v-39714824 data-v-52a1d768><!--[--><span data-v-52a1d768>Website</span><!--]--></a><!--]--><!--]--></nav><!----><div class="VPNavBarAppearance appearance" data-v-9ca1369d data-v-6c893767><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-6c893767 data-v-5337faa4 data-v-1d5665e3><span class="check" data-v-1d5665e3><span class="icon" data-v-1d5665e3><!--[--><span class="vpi-sun sun" data-v-5337faa4></span><span class="vpi-moon moon" data-v-5337faa4></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-9ca1369d data-v-0394ad82 data-v-d07f11e6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/feelyourprotocol/website" aria-label="github" target="_blank" rel="me noopener" data-v-d07f11e6 data-v-591a6b30><span class="vpi-social-github"></span></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-9ca1369d data-v-bf2fac68 data-v-42cb505d><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-42cb505d><span class="vpi-more-horizontal icon" data-v-42cb505d></span></button><div class="menu" data-v-42cb505d><div class="VPMenu" data-v-42cb505d data-v-25a6cce8><!----><!--[--><!--[--><!----><div class="group" data-v-bf2fac68><div class="item appearance" data-v-bf2fac68><p class="label" data-v-bf2fac68>Appearance</p><div class="appearance-action" data-v-bf2fac68><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-bf2fac68 data-v-5337faa4 data-v-1d5665e3><span class="check" data-v-1d5665e3><span class="icon" data-v-1d5665e3><!--[--><span class="vpi-sun sun" data-v-5337faa4></span><span class="vpi-moon moon" data-v-5337faa4></span><!--]--></span></span></button></div></div></div><div class="group" data-v-bf2fac68><div class="item social-links" data-v-bf2fac68><div class="VPSocialLinks social-links-list" data-v-bf2fac68 data-v-d07f11e6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/feelyourprotocol/website" aria-label="github" target="_blank" rel="me noopener" data-v-d07f11e6 data-v-591a6b30><span class="vpi-social-github"></span></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-9ca1369d data-v-e5dd9c1c><span class="container" data-v-e5dd9c1c><span class="top" data-v-e5dd9c1c></span><span class="middle" data-v-e5dd9c1c></span><span class="bottom" data-v-e5dd9c1c></span></span></button></div></div></div></div><div class="divider" data-v-9ca1369d><div class="divider-line" data-v-9ca1369d></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-1df9f90f data-v-db738f89><div class="container" data-v-db738f89><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-db738f89><span class="vpi-align-left menu-icon" data-v-db738f89></span><span class="menu-text" data-v-db738f89>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-db738f89 data-v-0bf0e06f><button data-v-0bf0e06f>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-1df9f90f data-v-af661f50><div class="curtain" data-v-af661f50></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-af661f50><span class="visually-hidden" id="sidebar-aria-label" data-v-af661f50> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-8d50c081><section class="VPSidebarItem level-0" data-v-8d50c081 data-v-d81de50c><div class="item" role="button" tabindex="0" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><h2 class="text" data-v-d81de50c>Guide</h2><!----></div><div class="items" data-v-d81de50c><!--[--><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/guide/getting-started.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Getting Started</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/guide/architecture.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Architecture</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-8d50c081><section class="VPSidebarItem level-0 has-active" data-v-8d50c081 data-v-d81de50c><div class="item" role="button" tabindex="0" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><h2 class="text" data-v-d81de50c>Contributing</h2><!----></div><div class="items" data-v-d81de50c><!--[--><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/contributing/how-to-contribute.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>How to Contribute</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/contributing/adding-an-exploration.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Adding an Exploration</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/contributing/e-components.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>E-Components</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/contributing/available-e-components.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Available E-Components</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/contributing/styling.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Styling & Design</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/contributing/code-conventions.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Code Conventions</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/contributing/library-forks.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Library Forks</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-1df9f90f data-v-c87f25bf><div class="VPDoc has-sidebar has-aside" data-v-c87f25bf data-v-7011f0d8><!--[--><!--]--><div class="container" data-v-7011f0d8><div class="aside" data-v-7011f0d8><div class="aside-curtain" data-v-7011f0d8></div><div class="aside-container" data-v-7011f0d8><div class="aside-content" data-v-7011f0d8><div class="VPDocAside" data-v-7011f0d8 data-v-3f215769><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-3f215769 data-v-60d5052e><div class="content" data-v-60d5052e><div class="outline-marker" data-v-60d5052e></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-60d5052e>On this page</div><ul class="VPDocOutlineItem root" data-v-60d5052e data-v-1ce71065><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-3f215769></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-7011f0d8><div class="content-container" data-v-7011f0d8><!--[--><!--]--><main class="main" data-v-7011f0d8><div style="position:relative;" class="vp-doc _contributing_how-to-contribute" data-v-7011f0d8><div><h1 id="how-to-contribute" tabindex="-1">How to Contribute <a class="header-anchor" href="#how-to-contribute" aria-label="Permalink to “How to Contribute”">​</a></h1><p>Contributions are what make Feel Your Protocol useful. Whether you are adding a brand-new exploration, polishing an existing one, or improving the shared components — every contribution helps the Ethereum community understand protocol changes better.</p><h2 id="ways-to-contribute" tabindex="-1">Ways to Contribute <a class="header-anchor" href="#ways-to-contribute" aria-label="Permalink to “Ways to Contribute”">​</a></h2><h3 id="add-a-new-exploration" tabindex="-1">Add a New Exploration <a class="header-anchor" href="#add-a-new-exploration" aria-label="Permalink to “Add a New Exploration”">​</a></h3><p>This is the most impactful contribution. Each exploration is a self-contained folder with metadata and an interactive widget. The <a href="/contributing/adding-an-exploration.html">Adding an Exploration</a> guide walks you through it step by step.</p><h3 id="improve-an-existing-exploration" tabindex="-1">Improve an Existing Exploration <a class="header-anchor" href="#improve-an-existing-exploration" aria-label="Permalink to “Improve an Existing Exploration”">​</a></h3><ul><li>Better examples and presets</li><li>UI/UX improvements</li><li>Bug fixes</li><li>More informative intro and usage texts</li></ul><h3 id="build-or-improve-e-components" tabindex="-1">Build or Improve E-Components <a class="header-anchor" href="#build-or-improve-e-components" aria-label="Permalink to “Build or Improve E-Components”">​</a></h3><p><a href="/contributing/e-components.html">E-Components</a> are reusable Ethereum-specific components (e.g. a precompile interface). If you spot a pattern shared across explorations, it might be a candidate for a new E-Component.</p><h3 id="improve-documentation" tabindex="-1">Improve Documentation <a class="header-anchor" href="#improve-documentation" aria-label="Permalink to “Improve Documentation”">​</a></h3><p>Fix typos, add guides, clarify explanations. Documentation lives in the <code>docs/</code> folder as standard markdown files. Preview locally with:</p><div class="language-bash"><button title="Copy Code" class="copy"></button><span class="lang">bash</span><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e;" tabindex="0" dir="ltr"><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">npm</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> run</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> docs:dev</span></span></code></pre></div><h3 id="report-issues" tabindex="-1">Report Issues <a class="header-anchor" href="#report-issues" aria-label="Permalink to “Report Issues”">​</a></h3><p>Found a bug or have a suggestion? <a href="https://github.com/feelyourprotocol/website/issues" target="_blank" rel="noreferrer">Open an issue</a> on GitHub.</p><h2 id="development-workflow" tabindex="-1">Development Workflow <a class="header-anchor" href="#development-workflow" aria-label="Permalink to “Development Workflow”">​</a></h2><h3 id="_1-setup" tabindex="-1">1. Setup <a class="header-anchor" href="#_1-setup" aria-label="Permalink to “1. Setup”">​</a></h3><div class="language-bash"><button title="Copy Code" class="copy"></button><span class="lang">bash</span><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e;" tabindex="0" dir="ltr"><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">git</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> clone</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> https://github.com/feelyourprotocol/website.git</span></span>
 <span class="line"><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">cd</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> website</span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">npm</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> install</span></span></code></pre></div><h3 id="_2-develop" tabindex="-1">2. Develop <a class="header-anchor" href="#_2-develop" aria-label="Permalink to “2. Develop”">​</a></h3><div class="language-bash"><button title="Copy Code" class="copy"></button><span class="lang">bash</span><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e;" tabindex="0" dir="ltr"><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">npm</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> run</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> dev</span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">          # start dev server</span></span></code></pre></div><h3 id="_3-verify" tabindex="-1">3. Verify <a class="header-anchor" href="#_3-verify" aria-label="Permalink to “3. Verify”">​</a></h3><p>Before submitting a PR, run all quality checks:</p><div class="language-bash"><button title="Copy Code" class="copy"></button><span class="lang">bash</span><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e;" tabindex="0" dir="ltr"><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">npm</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> run</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> lf</span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">           # format + lint (auto-fix)</span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">npm</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> run</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> type-check</span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">   # TypeScript type checking</span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">npx</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> vitest</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> run</span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">       # unit tests (single run)</span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">npm</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> run</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> test:e2e</span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">     # E2E tests</span></span></code></pre></div><h3 id="_4-submit" tabindex="-1">4. Submit <a class="header-anchor" href="#_4-submit" aria-label="Permalink to “4. Submit”">​</a></h3><ul><li>Fork the repository and create a feature branch</li><li>Make your changes</li><li>Ensure all checks pass</li><li>Submit a pull request with a clear description of what you changed and why</li></ul><h2 id="what-goes-where" tabindex="-1">What Goes Where <a class="header-anchor" href="#what-goes-where" aria-label="Permalink to “What Goes Where”">​</a></h2><table tabindex="0"><thead><tr><th>What you are working on</th><th>Where it lives</th></tr></thead><tbody><tr><td>A new exploration</td><td><code>src/explorations/&lt;id&gt;/</code></td></tr><tr><td>Exploration metadata</td><td><code>src/explorations/&lt;id&gt;/info.ts</code></td></tr><tr><td>Interactive widget</td><td><code>src/explorations/&lt;id&gt;/MyC.vue</code></td></tr><tr><td>Example presets</td><td><code>src/explorations/&lt;id&gt;/examples.ts</code></td></tr><tr><td>Exploration registry</td><td><code>src/explorations/REGISTRY.ts</code></td></tr><tr><td>E-Components</td><td><code>src/eComponents/&lt;name&gt;EC/</code></td></tr><tr><td>Shared UI components</td><td><code>src/components/ui/</code></td></tr><tr><td>Shared utilities</td><td><code>src/components/lib/</code></td></tr><tr><td>Unit tests</td><td><code>src/views/__tests__/</code> (or co-located <code>__tests__/</code>)</td></tr><tr><td>E2E tests</td><td><code>cypress/e2e/</code></td></tr><tr><td>Documentation</td><td><code>docs/</code></td></tr></tbody></table><h2 id="further-reading" tabindex="-1">Further Reading <a class="header-anchor" href="#further-reading" aria-label="Permalink to “Further Reading”">​</a></h2><ul><li><a href="/contributing/adding-an-exploration.html">Adding an Exploration</a> — step-by-step guide</li><li><a href="/contributing/e-components.html">Using E-Components</a> — reusable Ethereum-specific components</li><li><a href="/contributing/code-conventions.html">Code Conventions</a> — imports, naming, linting, testing</li><li><a href="/contributing/library-forks.html">Library Forks</a> — when you need a custom library build</li></ul></div></div></main><footer class="VPDocFooter" data-v-7011f0d8 data-v-e257564d><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-e257564d><span class="visually-hidden" id="doc-footer-aria-label" data-v-e257564d>Pager</span><div class="pager" data-v-e257564d><a class="VPLink link pager-link prev" href="/guide/architecture.html" data-v-e257564d><!--[--><span class="desc" data-v-e257564d>Previous page</span><span class="title" data-v-e257564d>Architecture</span><!--]--></a></div><div class="pager" data-v-e257564d><a class="VPLink link pager-link next" href="/contributing/adding-an-exploration.html" data-v-e257564d><!--[--><span class="desc" data-v-e257564d>Next page</span><span class="title" data-v-e257564d>Adding an Exploration</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1df9f90f data-v-c3855bb3><div class="container" data-v-c3855bb3><p class="message" data-v-c3855bb3>This project and its documentation are under active development.</p><!----></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"contributing_adding-an-exploration.md\":\"Ahsvo_Ol\",\"contributing_available-e-components.md\":\"CJ3WaJq0\",\"contributing_code-conventions.md\":\"BFjoMQv_\",\"contributing_e-components.md\":\"EgChjAzs\",\"contributing_how-to-contribute.md\":\"XKvLYLkk\",\"contributing_library-forks.md\":\"DYk1JQhp\",\"guide_architecture.md\":\"BSBE4DKA\",\"guide_getting-started.md\":\"B-wiDt-S\",\"index.md\":\"DpQvSWpN\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"Feel Your Protocol\",\"description\":\"Documentation for the Feel Your Protocol project\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/guide/getting-started\"},{\"text\":\"Contributing\",\"link\":\"/contributing/how-to-contribute\"},{\"text\":\"Website\",\"link\":\"https://feelyourprotocol.org\"}],\"sidebar\":[{\"text\":\"Guide\",\"items\":[{\"text\":\"Getting Started\",\"link\":\"/guide/getting-started\"},{\"text\":\"Architecture\",\"link\":\"/guide/architecture\"}]},{\"text\":\"Contributing\",\"items\":[{\"text\":\"How to Contribute\",\"link\":\"/contributing/how-to-contribute\"},{\"text\":\"Adding an Exploration\",\"link\":\"/contributing/adding-an-exploration\"},{\"text\":\"E-Components\",\"link\":\"/contributing/e-components\"},{\"text\":\"Available E-Components\",\"link\":\"/contributing/available-e-components\"},{\"text\":\"Code Conventions\",\"link\":\"/contributing/code-conventions\"},{\"text\":\"Library Forks\",\"link\":\"/contributing/library-forks\"}]}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/feelyourprotocol/website\"}],\"search\":{\"provider\":\"local\"},\"footer\":{\"message\":\"This project and its documentation are under active development.\"}},\"locales\":{},\"scrollOffset\":134,\"cleanUrls\":false,\"additionalConfig\":{}}");</script>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"contributing_adding-an-exploration.md\":\"Ahsvo_Ol\",\"contributing_available-e-components.md\":\"CJ3WaJq0\",\"contributing_code-conventions.md\":\"q8SsjSd8\",\"contributing_e-components.md\":\"EgChjAzs\",\"contributing_how-to-contribute.md\":\"XKvLYLkk\",\"contributing_library-forks.md\":\"DYk1JQhp\",\"contributing_styling.md\":\"BxYm3jg7\",\"guide_architecture.md\":\"BSBE4DKA\",\"guide_getting-started.md\":\"B-wiDt-S\",\"index.md\":\"DpQvSWpN\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"Feel Your Protocol\",\"description\":\"Documentation for the Feel Your Protocol project\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/guide/getting-started\"},{\"text\":\"Contributing\",\"link\":\"/contributing/how-to-contribute\"},{\"text\":\"Website\",\"link\":\"https://feelyourprotocol.org\"}],\"sidebar\":[{\"text\":\"Guide\",\"items\":[{\"text\":\"Getting Started\",\"link\":\"/guide/getting-started\"},{\"text\":\"Architecture\",\"link\":\"/guide/architecture\"}]},{\"text\":\"Contributing\",\"items\":[{\"text\":\"How to Contribute\",\"link\":\"/contributing/how-to-contribute\"},{\"text\":\"Adding an Exploration\",\"link\":\"/contributing/adding-an-exploration\"},{\"text\":\"E-Components\",\"link\":\"/contributing/e-components\"},{\"text\":\"Available E-Components\",\"link\":\"/contributing/available-e-components\"},{\"text\":\"Styling & Design\",\"link\":\"/contributing/styling\"},{\"text\":\"Code Conventions\",\"link\":\"/contributing/code-conventions\"},{\"text\":\"Library Forks\",\"link\":\"/contributing/library-forks\"}]}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/feelyourprotocol/website\"}],\"search\":{\"provider\":\"local\"},\"footer\":{\"message\":\"This project and its documentation are under active development.\"}},\"locales\":{},\"scrollOffset\":134,\"cleanUrls\":false,\"additionalConfig\":{}}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/dist/docs/guide/architecture.html b/dist/docs/guide/architecture.html
index b88c04e..5fb4013 100644
--- a/dist/docs/guide/architecture.html
+++ b/dist/docs/guide/architecture.html
@@ -9,16 +9,16 @@
     <link rel="preload stylesheet" href="/assets/style.Cfu23m_7.css" as="style">
     <link rel="preload stylesheet" href="/vp-icons.css" as="style">
     
-    <script type="module" src="/assets/app.DDSgF2-8.js"></script>
+    <script type="module" src="/assets/app.nonmTxRS.js"></script>
     <link rel="preload" href="/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/assets/chunks/theme.2vG7thFl.js">
+    <link rel="modulepreload" href="/assets/chunks/theme.g4RzF5df.js">
     <link rel="modulepreload" href="/assets/chunks/framework.DyoGesZS.js">
     <link rel="modulepreload" href="/assets/guide_architecture.md.BSBE4DKA.lean.js">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-1df9f90f><!--[--><!--]--><!--[--><span tabindex="-1" data-v-331ec75c></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-331ec75c>Skip to content</a><!--]--><!----><header class="VPNav" data-v-1df9f90f data-v-9f75dce3><div class="VPNavBar has-sidebar top" data-v-9f75dce3 data-v-9ca1369d><div class="wrapper" data-v-9ca1369d><div class="container" data-v-9ca1369d><div class="title" data-v-9ca1369d><div class="VPNavBarTitle has-sidebar" data-v-9ca1369d data-v-1e38c6bc><a class="title" href="/" data-v-1e38c6bc><!--[--><!--]--><!----><span data-v-1e38c6bc>Feel Your Protocol</span><!--[--><!--]--></a></div></div><div class="content" data-v-9ca1369d><div class="content-body" data-v-9ca1369d><!--[--><!--]--><div class="VPNavBarSearch search" data-v-9ca1369d data-v-2fc7f2c6><!--[--><button type="button" class="VPNavBarSearchButton" aria-label="Search" aria-keyshortcuts="/ control+k meta+k" data-v-2fc7f2c6 data-v-baa3be99><span class="vpi-search" aria-hidden="true" data-v-baa3be99></span><span class="text" data-v-baa3be99>Search</span><span class="keys" aria-hidden="true" data-v-baa3be99><kbd class="key-cmd" data-v-baa3be99>⌘</kbd><kbd class="key-ctrl" data-v-baa3be99>Ctrl</kbd><kbd data-v-baa3be99>K</kbd></span></button><!----><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-9ca1369d data-v-39714824><span id="main-nav-aria-label" class="visually-hidden" data-v-39714824> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/guide/getting-started.html" tabindex="0" data-v-39714824 data-v-52a1d768><!--[--><span data-v-52a1d768>Guide</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/contributing/how-to-contribute.html" tabindex="0" data-v-39714824 data-v-52a1d768><!--[--><span data-v-52a1d768>Contributing</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://feelyourprotocol.org" target="_blank" rel="noreferrer" tabindex="0" data-v-39714824 data-v-52a1d768><!--[--><span data-v-52a1d768>Website</span><!--]--></a><!--]--><!--]--></nav><!----><div class="VPNavBarAppearance appearance" data-v-9ca1369d data-v-6c893767><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-6c893767 data-v-5337faa4 data-v-1d5665e3><span class="check" data-v-1d5665e3><span class="icon" data-v-1d5665e3><!--[--><span class="vpi-sun sun" data-v-5337faa4></span><span class="vpi-moon moon" data-v-5337faa4></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-9ca1369d data-v-0394ad82 data-v-d07f11e6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/feelyourprotocol/website" aria-label="github" target="_blank" rel="me noopener" data-v-d07f11e6 data-v-591a6b30><span class="vpi-social-github"></span></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-9ca1369d data-v-bf2fac68 data-v-42cb505d><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-42cb505d><span class="vpi-more-horizontal icon" data-v-42cb505d></span></button><div class="menu" data-v-42cb505d><div class="VPMenu" data-v-42cb505d data-v-25a6cce8><!----><!--[--><!--[--><!----><div class="group" data-v-bf2fac68><div class="item appearance" data-v-bf2fac68><p class="label" data-v-bf2fac68>Appearance</p><div class="appearance-action" data-v-bf2fac68><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-bf2fac68 data-v-5337faa4 data-v-1d5665e3><span class="check" data-v-1d5665e3><span class="icon" data-v-1d5665e3><!--[--><span class="vpi-sun sun" data-v-5337faa4></span><span class="vpi-moon moon" data-v-5337faa4></span><!--]--></span></span></button></div></div></div><div class="group" data-v-bf2fac68><div class="item social-links" data-v-bf2fac68><div class="VPSocialLinks social-links-list" data-v-bf2fac68 data-v-d07f11e6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/feelyourprotocol/website" aria-label="github" target="_blank" rel="me noopener" data-v-d07f11e6 data-v-591a6b30><span class="vpi-social-github"></span></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-9ca1369d data-v-e5dd9c1c><span class="container" data-v-e5dd9c1c><span class="top" data-v-e5dd9c1c></span><span class="middle" data-v-e5dd9c1c></span><span class="bottom" data-v-e5dd9c1c></span></span></button></div></div></div></div><div class="divider" data-v-9ca1369d><div class="divider-line" data-v-9ca1369d></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-1df9f90f data-v-db738f89><div class="container" data-v-db738f89><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-db738f89><span class="vpi-align-left menu-icon" data-v-db738f89></span><span class="menu-text" data-v-db738f89>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-db738f89 data-v-0bf0e06f><button data-v-0bf0e06f>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-1df9f90f data-v-af661f50><div class="curtain" data-v-af661f50></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-af661f50><span class="visually-hidden" id="sidebar-aria-label" data-v-af661f50> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-8d50c081><section class="VPSidebarItem level-0 has-active" data-v-8d50c081 data-v-d81de50c><div class="item" role="button" tabindex="0" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><h2 class="text" data-v-d81de50c>Guide</h2><!----></div><div class="items" data-v-d81de50c><!--[--><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/guide/getting-started.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Getting Started</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/guide/architecture.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Architecture</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-8d50c081><section class="VPSidebarItem level-0" data-v-8d50c081 data-v-d81de50c><div class="item" role="button" tabindex="0" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><h2 class="text" data-v-d81de50c>Contributing</h2><!----></div><div class="items" data-v-d81de50c><!--[--><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/contributing/how-to-contribute.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>How to Contribute</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/contributing/adding-an-exploration.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Adding an Exploration</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/contributing/e-components.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>E-Components</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/contributing/available-e-components.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Available E-Components</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/contributing/code-conventions.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Code Conventions</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/contributing/library-forks.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Library Forks</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-1df9f90f data-v-c87f25bf><div class="VPDoc has-sidebar has-aside" data-v-c87f25bf data-v-7011f0d8><!--[--><!--]--><div class="container" data-v-7011f0d8><div class="aside" data-v-7011f0d8><div class="aside-curtain" data-v-7011f0d8></div><div class="aside-container" data-v-7011f0d8><div class="aside-content" data-v-7011f0d8><div class="VPDocAside" data-v-7011f0d8 data-v-3f215769><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-3f215769 data-v-60d5052e><div class="content" data-v-60d5052e><div class="outline-marker" data-v-60d5052e></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-60d5052e>On this page</div><ul class="VPDocOutlineItem root" data-v-60d5052e data-v-1ce71065><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-3f215769></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-7011f0d8><div class="content-container" data-v-7011f0d8><!--[--><!--]--><main class="main" data-v-7011f0d8><div style="position:relative;" class="vp-doc _guide_architecture" data-v-7011f0d8><div><h1 id="architecture" tabindex="-1">Architecture <a class="header-anchor" href="#architecture" aria-label="Permalink to “Architecture”">​</a></h1><h2 id="overview" tabindex="-1">Overview <a class="header-anchor" href="#overview" aria-label="Permalink to “Overview”">​</a></h2><p>Feel Your Protocol is a Vue 3 application built with Vite. The core idea is simple: each Ethereum protocol change gets its own interactive widget that runs real library code in the browser.</p><h2 id="tech-stack" tabindex="-1">Tech Stack <a class="header-anchor" href="#tech-stack" aria-label="Permalink to “Tech Stack”">​</a></h2><ul><li><strong><a href="https://vuejs.org/" target="_blank" rel="noreferrer">Vue 3</a></strong> with Composition API and <code>&lt;script setup&gt;</code></li><li><strong><a href="https://vite.dev/" target="_blank" rel="noreferrer">Vite</a></strong> for development and production builds</li><li><strong><a href="https://tailwindcss.com/" target="_blank" rel="noreferrer">Tailwind CSS v4</a></strong> for styling</li><li><strong><a href="https://router.vuejs.org/" target="_blank" rel="noreferrer">Vue Router</a></strong> with route-level code splitting</li><li><strong><a href="https://vitepress.dev/" target="_blank" rel="noreferrer">VitePress</a></strong> for documentation</li><li><strong><a href="https://vitest.dev/" target="_blank" rel="noreferrer">Vitest</a></strong> + <strong><a href="https://test-utils.vuejs.org/" target="_blank" rel="noreferrer">Vue Test Utils</a></strong> for unit testing</li><li><strong><a href="https://www.cypress.io/" target="_blank" rel="noreferrer">Cypress</a></strong> for E2E testing</li><li><strong><a href="https://heroicons.com/" target="_blank" rel="noreferrer">Heroicons</a></strong> for icons (<code>@heroicons/vue</code>)</li></ul><h2 id="content-model" tabindex="-1">Content Model <a class="header-anchor" href="#content-model" aria-label="Permalink to “Content Model”">​</a></h2><p>Content is organized around two concepts:</p><h3 id="explorations" tabindex="-1">Explorations <a class="header-anchor" href="#explorations" aria-label="Permalink to “Explorations”">​</a></h3><p>The core content unit. Each exploration represents an interactive widget for a protocol change — EIPs, ERCs, or research topics. Explorations live in <code>src/explorations/</code>, one folder per exploration:</p><div class="language-"><button title="Copy Code" class="copy"></button><span class="lang"></span><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e;" tabindex="0" dir="ltr"><code><span class="line"><span>src/explorations/eip-7883/</span></span>
+    <div id="app"><div class="Layout" data-v-1df9f90f><!--[--><!--]--><!--[--><span tabindex="-1" data-v-331ec75c></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-331ec75c>Skip to content</a><!--]--><!----><header class="VPNav" data-v-1df9f90f data-v-9f75dce3><div class="VPNavBar has-sidebar top" data-v-9f75dce3 data-v-9ca1369d><div class="wrapper" data-v-9ca1369d><div class="container" data-v-9ca1369d><div class="title" data-v-9ca1369d><div class="VPNavBarTitle has-sidebar" data-v-9ca1369d data-v-1e38c6bc><a class="title" href="/" data-v-1e38c6bc><!--[--><!--]--><!----><span data-v-1e38c6bc>Feel Your Protocol</span><!--[--><!--]--></a></div></div><div class="content" data-v-9ca1369d><div class="content-body" data-v-9ca1369d><!--[--><!--]--><div class="VPNavBarSearch search" data-v-9ca1369d data-v-2fc7f2c6><!--[--><button type="button" class="VPNavBarSearchButton" aria-label="Search" aria-keyshortcuts="/ control+k meta+k" data-v-2fc7f2c6 data-v-baa3be99><span class="vpi-search" aria-hidden="true" data-v-baa3be99></span><span class="text" data-v-baa3be99>Search</span><span class="keys" aria-hidden="true" data-v-baa3be99><kbd class="key-cmd" data-v-baa3be99>⌘</kbd><kbd class="key-ctrl" data-v-baa3be99>Ctrl</kbd><kbd data-v-baa3be99>K</kbd></span></button><!----><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-9ca1369d data-v-39714824><span id="main-nav-aria-label" class="visually-hidden" data-v-39714824> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/guide/getting-started.html" tabindex="0" data-v-39714824 data-v-52a1d768><!--[--><span data-v-52a1d768>Guide</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/contributing/how-to-contribute.html" tabindex="0" data-v-39714824 data-v-52a1d768><!--[--><span data-v-52a1d768>Contributing</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://feelyourprotocol.org" target="_blank" rel="noreferrer" tabindex="0" data-v-39714824 data-v-52a1d768><!--[--><span data-v-52a1d768>Website</span><!--]--></a><!--]--><!--]--></nav><!----><div class="VPNavBarAppearance appearance" data-v-9ca1369d data-v-6c893767><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-6c893767 data-v-5337faa4 data-v-1d5665e3><span class="check" data-v-1d5665e3><span class="icon" data-v-1d5665e3><!--[--><span class="vpi-sun sun" data-v-5337faa4></span><span class="vpi-moon moon" data-v-5337faa4></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-9ca1369d data-v-0394ad82 data-v-d07f11e6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/feelyourprotocol/website" aria-label="github" target="_blank" rel="me noopener" data-v-d07f11e6 data-v-591a6b30><span class="vpi-social-github"></span></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-9ca1369d data-v-bf2fac68 data-v-42cb505d><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-42cb505d><span class="vpi-more-horizontal icon" data-v-42cb505d></span></button><div class="menu" data-v-42cb505d><div class="VPMenu" data-v-42cb505d data-v-25a6cce8><!----><!--[--><!--[--><!----><div class="group" data-v-bf2fac68><div class="item appearance" data-v-bf2fac68><p class="label" data-v-bf2fac68>Appearance</p><div class="appearance-action" data-v-bf2fac68><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-bf2fac68 data-v-5337faa4 data-v-1d5665e3><span class="check" data-v-1d5665e3><span class="icon" data-v-1d5665e3><!--[--><span class="vpi-sun sun" data-v-5337faa4></span><span class="vpi-moon moon" data-v-5337faa4></span><!--]--></span></span></button></div></div></div><div class="group" data-v-bf2fac68><div class="item social-links" data-v-bf2fac68><div class="VPSocialLinks social-links-list" data-v-bf2fac68 data-v-d07f11e6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/feelyourprotocol/website" aria-label="github" target="_blank" rel="me noopener" data-v-d07f11e6 data-v-591a6b30><span class="vpi-social-github"></span></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-9ca1369d data-v-e5dd9c1c><span class="container" data-v-e5dd9c1c><span class="top" data-v-e5dd9c1c></span><span class="middle" data-v-e5dd9c1c></span><span class="bottom" data-v-e5dd9c1c></span></span></button></div></div></div></div><div class="divider" data-v-9ca1369d><div class="divider-line" data-v-9ca1369d></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-1df9f90f data-v-db738f89><div class="container" data-v-db738f89><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-db738f89><span class="vpi-align-left menu-icon" data-v-db738f89></span><span class="menu-text" data-v-db738f89>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-db738f89 data-v-0bf0e06f><button data-v-0bf0e06f>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-1df9f90f data-v-af661f50><div class="curtain" data-v-af661f50></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-af661f50><span class="visually-hidden" id="sidebar-aria-label" data-v-af661f50> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-8d50c081><section class="VPSidebarItem level-0 has-active" data-v-8d50c081 data-v-d81de50c><div class="item" role="button" tabindex="0" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><h2 class="text" data-v-d81de50c>Guide</h2><!----></div><div class="items" data-v-d81de50c><!--[--><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/guide/getting-started.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Getting Started</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/guide/architecture.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Architecture</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-8d50c081><section class="VPSidebarItem level-0" data-v-8d50c081 data-v-d81de50c><div class="item" role="button" tabindex="0" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><h2 class="text" data-v-d81de50c>Contributing</h2><!----></div><div class="items" data-v-d81de50c><!--[--><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/contributing/how-to-contribute.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>How to Contribute</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/contributing/adding-an-exploration.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Adding an Exploration</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/contributing/e-components.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>E-Components</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/contributing/available-e-components.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Available E-Components</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/contributing/styling.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Styling & Design</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/contributing/code-conventions.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Code Conventions</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/contributing/library-forks.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Library Forks</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-1df9f90f data-v-c87f25bf><div class="VPDoc has-sidebar has-aside" data-v-c87f25bf data-v-7011f0d8><!--[--><!--]--><div class="container" data-v-7011f0d8><div class="aside" data-v-7011f0d8><div class="aside-curtain" data-v-7011f0d8></div><div class="aside-container" data-v-7011f0d8><div class="aside-content" data-v-7011f0d8><div class="VPDocAside" data-v-7011f0d8 data-v-3f215769><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-3f215769 data-v-60d5052e><div class="content" data-v-60d5052e><div class="outline-marker" data-v-60d5052e></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-60d5052e>On this page</div><ul class="VPDocOutlineItem root" data-v-60d5052e data-v-1ce71065><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-3f215769></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-7011f0d8><div class="content-container" data-v-7011f0d8><!--[--><!--]--><main class="main" data-v-7011f0d8><div style="position:relative;" class="vp-doc _guide_architecture" data-v-7011f0d8><div><h1 id="architecture" tabindex="-1">Architecture <a class="header-anchor" href="#architecture" aria-label="Permalink to “Architecture”">​</a></h1><h2 id="overview" tabindex="-1">Overview <a class="header-anchor" href="#overview" aria-label="Permalink to “Overview”">​</a></h2><p>Feel Your Protocol is a Vue 3 application built with Vite. The core idea is simple: each Ethereum protocol change gets its own interactive widget that runs real library code in the browser.</p><h2 id="tech-stack" tabindex="-1">Tech Stack <a class="header-anchor" href="#tech-stack" aria-label="Permalink to “Tech Stack”">​</a></h2><ul><li><strong><a href="https://vuejs.org/" target="_blank" rel="noreferrer">Vue 3</a></strong> with Composition API and <code>&lt;script setup&gt;</code></li><li><strong><a href="https://vite.dev/" target="_blank" rel="noreferrer">Vite</a></strong> for development and production builds</li><li><strong><a href="https://tailwindcss.com/" target="_blank" rel="noreferrer">Tailwind CSS v4</a></strong> for styling</li><li><strong><a href="https://router.vuejs.org/" target="_blank" rel="noreferrer">Vue Router</a></strong> with route-level code splitting</li><li><strong><a href="https://vitepress.dev/" target="_blank" rel="noreferrer">VitePress</a></strong> for documentation</li><li><strong><a href="https://vitest.dev/" target="_blank" rel="noreferrer">Vitest</a></strong> + <strong><a href="https://test-utils.vuejs.org/" target="_blank" rel="noreferrer">Vue Test Utils</a></strong> for unit testing</li><li><strong><a href="https://www.cypress.io/" target="_blank" rel="noreferrer">Cypress</a></strong> for E2E testing</li><li><strong><a href="https://heroicons.com/" target="_blank" rel="noreferrer">Heroicons</a></strong> for icons (<code>@heroicons/vue</code>)</li></ul><h2 id="content-model" tabindex="-1">Content Model <a class="header-anchor" href="#content-model" aria-label="Permalink to “Content Model”">​</a></h2><p>Content is organized around two concepts:</p><h3 id="explorations" tabindex="-1">Explorations <a class="header-anchor" href="#explorations" aria-label="Permalink to “Explorations”">​</a></h3><p>The core content unit. Each exploration represents an interactive widget for a protocol change — EIPs, ERCs, or research topics. Explorations live in <code>src/explorations/</code>, one folder per exploration:</p><div class="language-"><button title="Copy Code" class="copy"></button><span class="lang"></span><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e;" tabindex="0" dir="ltr"><code><span class="line"><span>src/explorations/eip-7883/</span></span>
 <span class="line"><span>├── info.ts         # Metadata: id, title, path, topic, introText, poweredBy, …</span></span>
 <span class="line"><span>├── MyC.vue         # The interactive widget</span></span>
 <span class="line"><span>└── examples.ts     # Example presets for the widget</span></span></code></pre></div><p>Each <code>info.ts</code> exports a <code>const INFO</code> object typed as <code>Exploration</code>. The <code>REGISTRY.ts</code> imports all <code>INFO</code> constants and assembles them into the <code>EXPLORATIONS</code> dictionary. The router reads from this dictionary to automatically create routes — no manual route registration needed.</p><h3 id="topics" tabindex="-1">Topics <a class="header-anchor" href="#topics" aria-label="Permalink to “Topics”">​</a></h3><p>Topics group explorations by theme (e.g. &quot;Fusaka&quot; for an upcoming hardfork). Each exploration belongs to exactly one topic via the <code>topic</code> field in its <code>info.ts</code>. Topics are defined in <code>src/explorations/TOPICS.ts</code>.</p><h2 id="e-components" tabindex="-1">E-Components <a class="header-anchor" href="#e-components" aria-label="Permalink to “E-Components”">​</a></h2><p><strong>E-Components</strong> are reusable Ethereum-specific components that encapsulate common patterns across explorations. They live in <code>src/eComponents/</code> and follow a naming convention: folder and component names are post-fixed with <code>EC</code>.</p><p>The first E-Component is <code>precompileInterfaceEC</code>, which provides a complete precompile exploration interface — input parsing, hardfork comparison, result display — as a single component backed by a composable:</p><div class="language-"><button title="Copy Code" class="copy"></button><span class="lang"></span><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e;" tabindex="0" dir="ltr"><code><span class="line"><span>src/eComponents/precompileInterfaceEC/</span></span>
@@ -31,7 +31,7 @@
 <span class="line"><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;">const</span><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;"> ExplorationComponent</span><span style="--shiki-light:#D73A49;--shiki-dark:#F97583;"> =</span><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;"> defineAsyncComponent</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">(</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">  componentModules[</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">`../explorations/${</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">explorationId</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;">}/MyC.vue`</span><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">]</span></span>
 <span class="line"><span style="--shiki-light:#24292E;--shiki-dark:#E1E4E8;">)</span></span></code></pre></div><h3 id="testing-strategy" tabindex="-1">Testing Strategy <a class="header-anchor" href="#testing-strategy" aria-label="Permalink to “Testing Strategy”">​</a></h3><p>The project uses a hybrid testing approach:</p><ul><li><strong>Unit tests</strong> (Vitest + Vue Test Utils) for component rendering, content verification, and UI logic — fast and focused</li><li><strong>E2E tests</strong> (Cypress) as lean smoke tests for critical navigation flows and page-level integration</li></ul><p>Unit tests live alongside their components in <code>__tests__/</code> folders. E2E tests are consolidated in <code>cypress/e2e/</code>.</p></div></div></main><footer class="VPDocFooter" data-v-7011f0d8 data-v-e257564d><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-e257564d><span class="visually-hidden" id="doc-footer-aria-label" data-v-e257564d>Pager</span><div class="pager" data-v-e257564d><a class="VPLink link pager-link prev" href="/guide/getting-started.html" data-v-e257564d><!--[--><span class="desc" data-v-e257564d>Previous page</span><span class="title" data-v-e257564d>Getting Started</span><!--]--></a></div><div class="pager" data-v-e257564d><a class="VPLink link pager-link next" href="/contributing/how-to-contribute.html" data-v-e257564d><!--[--><span class="desc" data-v-e257564d>Next page</span><span class="title" data-v-e257564d>How to Contribute</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1df9f90f data-v-c3855bb3><div class="container" data-v-c3855bb3><p class="message" data-v-c3855bb3>This project and its documentation are under active development.</p><!----></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"contributing_adding-an-exploration.md\":\"Ahsvo_Ol\",\"contributing_available-e-components.md\":\"CJ3WaJq0\",\"contributing_code-conventions.md\":\"BFjoMQv_\",\"contributing_e-components.md\":\"EgChjAzs\",\"contributing_how-to-contribute.md\":\"XKvLYLkk\",\"contributing_library-forks.md\":\"DYk1JQhp\",\"guide_architecture.md\":\"BSBE4DKA\",\"guide_getting-started.md\":\"B-wiDt-S\",\"index.md\":\"DpQvSWpN\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"Feel Your Protocol\",\"description\":\"Documentation for the Feel Your Protocol project\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/guide/getting-started\"},{\"text\":\"Contributing\",\"link\":\"/contributing/how-to-contribute\"},{\"text\":\"Website\",\"link\":\"https://feelyourprotocol.org\"}],\"sidebar\":[{\"text\":\"Guide\",\"items\":[{\"text\":\"Getting Started\",\"link\":\"/guide/getting-started\"},{\"text\":\"Architecture\",\"link\":\"/guide/architecture\"}]},{\"text\":\"Contributing\",\"items\":[{\"text\":\"How to Contribute\",\"link\":\"/contributing/how-to-contribute\"},{\"text\":\"Adding an Exploration\",\"link\":\"/contributing/adding-an-exploration\"},{\"text\":\"E-Components\",\"link\":\"/contributing/e-components\"},{\"text\":\"Available E-Components\",\"link\":\"/contributing/available-e-components\"},{\"text\":\"Code Conventions\",\"link\":\"/contributing/code-conventions\"},{\"text\":\"Library Forks\",\"link\":\"/contributing/library-forks\"}]}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/feelyourprotocol/website\"}],\"search\":{\"provider\":\"local\"},\"footer\":{\"message\":\"This project and its documentation are under active development.\"}},\"locales\":{},\"scrollOffset\":134,\"cleanUrls\":false,\"additionalConfig\":{}}");</script>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"contributing_adding-an-exploration.md\":\"Ahsvo_Ol\",\"contributing_available-e-components.md\":\"CJ3WaJq0\",\"contributing_code-conventions.md\":\"q8SsjSd8\",\"contributing_e-components.md\":\"EgChjAzs\",\"contributing_how-to-contribute.md\":\"XKvLYLkk\",\"contributing_library-forks.md\":\"DYk1JQhp\",\"contributing_styling.md\":\"BxYm3jg7\",\"guide_architecture.md\":\"BSBE4DKA\",\"guide_getting-started.md\":\"B-wiDt-S\",\"index.md\":\"DpQvSWpN\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"Feel Your Protocol\",\"description\":\"Documentation for the Feel Your Protocol project\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/guide/getting-started\"},{\"text\":\"Contributing\",\"link\":\"/contributing/how-to-contribute\"},{\"text\":\"Website\",\"link\":\"https://feelyourprotocol.org\"}],\"sidebar\":[{\"text\":\"Guide\",\"items\":[{\"text\":\"Getting Started\",\"link\":\"/guide/getting-started\"},{\"text\":\"Architecture\",\"link\":\"/guide/architecture\"}]},{\"text\":\"Contributing\",\"items\":[{\"text\":\"How to Contribute\",\"link\":\"/contributing/how-to-contribute\"},{\"text\":\"Adding an Exploration\",\"link\":\"/contributing/adding-an-exploration\"},{\"text\":\"E-Components\",\"link\":\"/contributing/e-components\"},{\"text\":\"Available E-Components\",\"link\":\"/contributing/available-e-components\"},{\"text\":\"Styling & Design\",\"link\":\"/contributing/styling\"},{\"text\":\"Code Conventions\",\"link\":\"/contributing/code-conventions\"},{\"text\":\"Library Forks\",\"link\":\"/contributing/library-forks\"}]}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/feelyourprotocol/website\"}],\"search\":{\"provider\":\"local\"},\"footer\":{\"message\":\"This project and its documentation are under active development.\"}},\"locales\":{},\"scrollOffset\":134,\"cleanUrls\":false,\"additionalConfig\":{}}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/dist/docs/guide/getting-started.html b/dist/docs/guide/getting-started.html
index 07a761d..40a88f8 100644
--- a/dist/docs/guide/getting-started.html
+++ b/dist/docs/guide/getting-started.html
@@ -9,16 +9,16 @@
     <link rel="preload stylesheet" href="/assets/style.Cfu23m_7.css" as="style">
     <link rel="preload stylesheet" href="/vp-icons.css" as="style">
     
-    <script type="module" src="/assets/app.DDSgF2-8.js"></script>
+    <script type="module" src="/assets/app.nonmTxRS.js"></script>
     <link rel="preload" href="/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/assets/chunks/theme.2vG7thFl.js">
+    <link rel="modulepreload" href="/assets/chunks/theme.g4RzF5df.js">
     <link rel="modulepreload" href="/assets/chunks/framework.DyoGesZS.js">
     <link rel="modulepreload" href="/assets/guide_getting-started.md.B-wiDt-S.lean.js">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
     <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
   </head>
   <body>
-    <div id="app"><div class="Layout" data-v-1df9f90f><!--[--><!--]--><!--[--><span tabindex="-1" data-v-331ec75c></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-331ec75c>Skip to content</a><!--]--><!----><header class="VPNav" data-v-1df9f90f data-v-9f75dce3><div class="VPNavBar has-sidebar top" data-v-9f75dce3 data-v-9ca1369d><div class="wrapper" data-v-9ca1369d><div class="container" data-v-9ca1369d><div class="title" data-v-9ca1369d><div class="VPNavBarTitle has-sidebar" data-v-9ca1369d data-v-1e38c6bc><a class="title" href="/" data-v-1e38c6bc><!--[--><!--]--><!----><span data-v-1e38c6bc>Feel Your Protocol</span><!--[--><!--]--></a></div></div><div class="content" data-v-9ca1369d><div class="content-body" data-v-9ca1369d><!--[--><!--]--><div class="VPNavBarSearch search" data-v-9ca1369d data-v-2fc7f2c6><!--[--><button type="button" class="VPNavBarSearchButton" aria-label="Search" aria-keyshortcuts="/ control+k meta+k" data-v-2fc7f2c6 data-v-baa3be99><span class="vpi-search" aria-hidden="true" data-v-baa3be99></span><span class="text" data-v-baa3be99>Search</span><span class="keys" aria-hidden="true" data-v-baa3be99><kbd class="key-cmd" data-v-baa3be99>⌘</kbd><kbd class="key-ctrl" data-v-baa3be99>Ctrl</kbd><kbd data-v-baa3be99>K</kbd></span></button><!----><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-9ca1369d data-v-39714824><span id="main-nav-aria-label" class="visually-hidden" data-v-39714824> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/guide/getting-started.html" tabindex="0" data-v-39714824 data-v-52a1d768><!--[--><span data-v-52a1d768>Guide</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/contributing/how-to-contribute.html" tabindex="0" data-v-39714824 data-v-52a1d768><!--[--><span data-v-52a1d768>Contributing</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://feelyourprotocol.org" target="_blank" rel="noreferrer" tabindex="0" data-v-39714824 data-v-52a1d768><!--[--><span data-v-52a1d768>Website</span><!--]--></a><!--]--><!--]--></nav><!----><div class="VPNavBarAppearance appearance" data-v-9ca1369d data-v-6c893767><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-6c893767 data-v-5337faa4 data-v-1d5665e3><span class="check" data-v-1d5665e3><span class="icon" data-v-1d5665e3><!--[--><span class="vpi-sun sun" data-v-5337faa4></span><span class="vpi-moon moon" data-v-5337faa4></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-9ca1369d data-v-0394ad82 data-v-d07f11e6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/feelyourprotocol/website" aria-label="github" target="_blank" rel="me noopener" data-v-d07f11e6 data-v-591a6b30><span class="vpi-social-github"></span></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-9ca1369d data-v-bf2fac68 data-v-42cb505d><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-42cb505d><span class="vpi-more-horizontal icon" data-v-42cb505d></span></button><div class="menu" data-v-42cb505d><div class="VPMenu" data-v-42cb505d data-v-25a6cce8><!----><!--[--><!--[--><!----><div class="group" data-v-bf2fac68><div class="item appearance" data-v-bf2fac68><p class="label" data-v-bf2fac68>Appearance</p><div class="appearance-action" data-v-bf2fac68><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-bf2fac68 data-v-5337faa4 data-v-1d5665e3><span class="check" data-v-1d5665e3><span class="icon" data-v-1d5665e3><!--[--><span class="vpi-sun sun" data-v-5337faa4></span><span class="vpi-moon moon" data-v-5337faa4></span><!--]--></span></span></button></div></div></div><div class="group" data-v-bf2fac68><div class="item social-links" data-v-bf2fac68><div class="VPSocialLinks social-links-list" data-v-bf2fac68 data-v-d07f11e6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/feelyourprotocol/website" aria-label="github" target="_blank" rel="me noopener" data-v-d07f11e6 data-v-591a6b30><span class="vpi-social-github"></span></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-9ca1369d data-v-e5dd9c1c><span class="container" data-v-e5dd9c1c><span class="top" data-v-e5dd9c1c></span><span class="middle" data-v-e5dd9c1c></span><span class="bottom" data-v-e5dd9c1c></span></span></button></div></div></div></div><div class="divider" data-v-9ca1369d><div class="divider-line" data-v-9ca1369d></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-1df9f90f data-v-db738f89><div class="container" data-v-db738f89><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-db738f89><span class="vpi-align-left menu-icon" data-v-db738f89></span><span class="menu-text" data-v-db738f89>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-db738f89 data-v-0bf0e06f><button data-v-0bf0e06f>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-1df9f90f data-v-af661f50><div class="curtain" data-v-af661f50></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-af661f50><span class="visually-hidden" id="sidebar-aria-label" data-v-af661f50> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-8d50c081><section class="VPSidebarItem level-0 has-active" data-v-8d50c081 data-v-d81de50c><div class="item" role="button" tabindex="0" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><h2 class="text" data-v-d81de50c>Guide</h2><!----></div><div class="items" data-v-d81de50c><!--[--><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/guide/getting-started.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Getting Started</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/guide/architecture.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Architecture</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-8d50c081><section class="VPSidebarItem level-0" data-v-8d50c081 data-v-d81de50c><div class="item" role="button" tabindex="0" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><h2 class="text" data-v-d81de50c>Contributing</h2><!----></div><div class="items" data-v-d81de50c><!--[--><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/contributing/how-to-contribute.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>How to Contribute</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/contributing/adding-an-exploration.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Adding an Exploration</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/contributing/e-components.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>E-Components</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/contributing/available-e-components.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Available E-Components</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/contributing/code-conventions.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Code Conventions</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/contributing/library-forks.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Library Forks</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-1df9f90f data-v-c87f25bf><div class="VPDoc has-sidebar has-aside" data-v-c87f25bf data-v-7011f0d8><!--[--><!--]--><div class="container" data-v-7011f0d8><div class="aside" data-v-7011f0d8><div class="aside-curtain" data-v-7011f0d8></div><div class="aside-container" data-v-7011f0d8><div class="aside-content" data-v-7011f0d8><div class="VPDocAside" data-v-7011f0d8 data-v-3f215769><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-3f215769 data-v-60d5052e><div class="content" data-v-60d5052e><div class="outline-marker" data-v-60d5052e></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-60d5052e>On this page</div><ul class="VPDocOutlineItem root" data-v-60d5052e data-v-1ce71065><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-3f215769></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-7011f0d8><div class="content-container" data-v-7011f0d8><!--[--><!--]--><main class="main" data-v-7011f0d8><div style="position:relative;" class="vp-doc _guide_getting-started" data-v-7011f0d8><div><h1 id="getting-started" tabindex="-1">Getting Started <a class="header-anchor" href="#getting-started" aria-label="Permalink to “Getting Started”">​</a></h1><h2 id="what-is-feel-your-protocol" tabindex="-1">What is Feel Your Protocol? <a class="header-anchor" href="#what-is-feel-your-protocol" aria-label="Permalink to “What is Feel Your Protocol?”">​</a></h2><p>Feel Your Protocol is an interactive website that lets you explore Ethereum protocol changes hands on. Instead of just reading specifications, you can interact with real Ethereum library code running directly in the browser.</p><p>Each protocol change — called an <strong>Exploration</strong> — gets its own page with a dedicated interactive widget. Explorations cover EIPs, ERCs, and other research topics. They are grouped into <strong>Topics</strong> (e.g. &quot;Fusaka&quot; for the upcoming hardfork), making it easy to discover related protocol changes.</p><h2 id="prerequisites" tabindex="-1">Prerequisites <a class="header-anchor" href="#prerequisites" aria-label="Permalink to “Prerequisites”">​</a></h2><ul><li><a href="https://nodejs.org/" target="_blank" rel="noreferrer">Node.js</a> v20.19+ or v22.12+</li><li>npm (comes with Node.js)</li></ul><h2 id="setup" tabindex="-1">Setup <a class="header-anchor" href="#setup" aria-label="Permalink to “Setup”">​</a></h2><p>Clone the repository and install dependencies:</p><div class="language-bash"><button title="Copy Code" class="copy"></button><span class="lang">bash</span><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e;" tabindex="0" dir="ltr"><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">git</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> clone</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> https://github.com/feelyourprotocol/website.git</span></span>
+    <div id="app"><div class="Layout" data-v-1df9f90f><!--[--><!--]--><!--[--><span tabindex="-1" data-v-331ec75c></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-331ec75c>Skip to content</a><!--]--><!----><header class="VPNav" data-v-1df9f90f data-v-9f75dce3><div class="VPNavBar has-sidebar top" data-v-9f75dce3 data-v-9ca1369d><div class="wrapper" data-v-9ca1369d><div class="container" data-v-9ca1369d><div class="title" data-v-9ca1369d><div class="VPNavBarTitle has-sidebar" data-v-9ca1369d data-v-1e38c6bc><a class="title" href="/" data-v-1e38c6bc><!--[--><!--]--><!----><span data-v-1e38c6bc>Feel Your Protocol</span><!--[--><!--]--></a></div></div><div class="content" data-v-9ca1369d><div class="content-body" data-v-9ca1369d><!--[--><!--]--><div class="VPNavBarSearch search" data-v-9ca1369d data-v-2fc7f2c6><!--[--><button type="button" class="VPNavBarSearchButton" aria-label="Search" aria-keyshortcuts="/ control+k meta+k" data-v-2fc7f2c6 data-v-baa3be99><span class="vpi-search" aria-hidden="true" data-v-baa3be99></span><span class="text" data-v-baa3be99>Search</span><span class="keys" aria-hidden="true" data-v-baa3be99><kbd class="key-cmd" data-v-baa3be99>⌘</kbd><kbd class="key-ctrl" data-v-baa3be99>Ctrl</kbd><kbd data-v-baa3be99>K</kbd></span></button><!----><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-9ca1369d data-v-39714824><span id="main-nav-aria-label" class="visually-hidden" data-v-39714824> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink active" href="/guide/getting-started.html" tabindex="0" data-v-39714824 data-v-52a1d768><!--[--><span data-v-52a1d768>Guide</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/contributing/how-to-contribute.html" tabindex="0" data-v-39714824 data-v-52a1d768><!--[--><span data-v-52a1d768>Contributing</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://feelyourprotocol.org" target="_blank" rel="noreferrer" tabindex="0" data-v-39714824 data-v-52a1d768><!--[--><span data-v-52a1d768>Website</span><!--]--></a><!--]--><!--]--></nav><!----><div class="VPNavBarAppearance appearance" data-v-9ca1369d data-v-6c893767><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-6c893767 data-v-5337faa4 data-v-1d5665e3><span class="check" data-v-1d5665e3><span class="icon" data-v-1d5665e3><!--[--><span class="vpi-sun sun" data-v-5337faa4></span><span class="vpi-moon moon" data-v-5337faa4></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-9ca1369d data-v-0394ad82 data-v-d07f11e6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/feelyourprotocol/website" aria-label="github" target="_blank" rel="me noopener" data-v-d07f11e6 data-v-591a6b30><span class="vpi-social-github"></span></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-9ca1369d data-v-bf2fac68 data-v-42cb505d><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-42cb505d><span class="vpi-more-horizontal icon" data-v-42cb505d></span></button><div class="menu" data-v-42cb505d><div class="VPMenu" data-v-42cb505d data-v-25a6cce8><!----><!--[--><!--[--><!----><div class="group" data-v-bf2fac68><div class="item appearance" data-v-bf2fac68><p class="label" data-v-bf2fac68>Appearance</p><div class="appearance-action" data-v-bf2fac68><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-bf2fac68 data-v-5337faa4 data-v-1d5665e3><span class="check" data-v-1d5665e3><span class="icon" data-v-1d5665e3><!--[--><span class="vpi-sun sun" data-v-5337faa4></span><span class="vpi-moon moon" data-v-5337faa4></span><!--]--></span></span></button></div></div></div><div class="group" data-v-bf2fac68><div class="item social-links" data-v-bf2fac68><div class="VPSocialLinks social-links-list" data-v-bf2fac68 data-v-d07f11e6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/feelyourprotocol/website" aria-label="github" target="_blank" rel="me noopener" data-v-d07f11e6 data-v-591a6b30><span class="vpi-social-github"></span></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-9ca1369d data-v-e5dd9c1c><span class="container" data-v-e5dd9c1c><span class="top" data-v-e5dd9c1c></span><span class="middle" data-v-e5dd9c1c></span><span class="bottom" data-v-e5dd9c1c></span></span></button></div></div></div></div><div class="divider" data-v-9ca1369d><div class="divider-line" data-v-9ca1369d></div></div></div><!----></header><div class="VPLocalNav has-sidebar empty" data-v-1df9f90f data-v-db738f89><div class="container" data-v-db738f89><button class="menu" aria-expanded="false" aria-controls="VPSidebarNav" data-v-db738f89><span class="vpi-align-left menu-icon" data-v-db738f89></span><span class="menu-text" data-v-db738f89>Menu</span></button><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-db738f89 data-v-0bf0e06f><button data-v-0bf0e06f>Return to top</button><!----></div></div></div><aside class="VPSidebar" data-v-1df9f90f data-v-af661f50><div class="curtain" data-v-af661f50></div><nav class="nav" id="VPSidebarNav" aria-labelledby="sidebar-aria-label" tabindex="-1" data-v-af661f50><span class="visually-hidden" id="sidebar-aria-label" data-v-af661f50> Sidebar Navigation </span><!--[--><!--]--><!--[--><div class="no-transition group" data-v-8d50c081><section class="VPSidebarItem level-0 has-active" data-v-8d50c081 data-v-d81de50c><div class="item" role="button" tabindex="0" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><h2 class="text" data-v-d81de50c>Guide</h2><!----></div><div class="items" data-v-d81de50c><!--[--><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/guide/getting-started.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Getting Started</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/guide/architecture.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Architecture</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><div class="no-transition group" data-v-8d50c081><section class="VPSidebarItem level-0" data-v-8d50c081 data-v-d81de50c><div class="item" role="button" tabindex="0" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><h2 class="text" data-v-d81de50c>Contributing</h2><!----></div><div class="items" data-v-d81de50c><!--[--><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/contributing/how-to-contribute.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>How to Contribute</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/contributing/adding-an-exploration.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Adding an Exploration</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/contributing/e-components.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>E-Components</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/contributing/available-e-components.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Available E-Components</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/contributing/styling.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Styling & Design</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/contributing/code-conventions.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Code Conventions</p><!--]--></a><!----></div><!----></div><div class="VPSidebarItem level-1 is-link" data-v-d81de50c data-v-d81de50c><div class="item" data-v-d81de50c><div class="indicator" data-v-d81de50c></div><a class="VPLink link link" href="/contributing/library-forks.html" data-v-d81de50c><!--[--><p class="text" data-v-d81de50c>Library Forks</p><!--]--></a><!----></div><!----></div><!--]--></div></section></div><!--]--><!--[--><!--]--></nav></aside><div class="VPContent has-sidebar" id="VPContent" data-v-1df9f90f data-v-c87f25bf><div class="VPDoc has-sidebar has-aside" data-v-c87f25bf data-v-7011f0d8><!--[--><!--]--><div class="container" data-v-7011f0d8><div class="aside" data-v-7011f0d8><div class="aside-curtain" data-v-7011f0d8></div><div class="aside-container" data-v-7011f0d8><div class="aside-content" data-v-7011f0d8><div class="VPDocAside" data-v-7011f0d8 data-v-3f215769><!--[--><!--]--><!--[--><!--]--><nav aria-labelledby="doc-outline-aria-label" class="VPDocAsideOutline" data-v-3f215769 data-v-60d5052e><div class="content" data-v-60d5052e><div class="outline-marker" data-v-60d5052e></div><div aria-level="2" class="outline-title" id="doc-outline-aria-label" role="heading" data-v-60d5052e>On this page</div><ul class="VPDocOutlineItem root" data-v-60d5052e data-v-1ce71065><!--[--><!--]--></ul></div></nav><!--[--><!--]--><div class="spacer" data-v-3f215769></div><!--[--><!--]--><!----><!--[--><!--]--><!--[--><!--]--></div></div></div></div><div class="content" data-v-7011f0d8><div class="content-container" data-v-7011f0d8><!--[--><!--]--><main class="main" data-v-7011f0d8><div style="position:relative;" class="vp-doc _guide_getting-started" data-v-7011f0d8><div><h1 id="getting-started" tabindex="-1">Getting Started <a class="header-anchor" href="#getting-started" aria-label="Permalink to “Getting Started”">​</a></h1><h2 id="what-is-feel-your-protocol" tabindex="-1">What is Feel Your Protocol? <a class="header-anchor" href="#what-is-feel-your-protocol" aria-label="Permalink to “What is Feel Your Protocol?”">​</a></h2><p>Feel Your Protocol is an interactive website that lets you explore Ethereum protocol changes hands on. Instead of just reading specifications, you can interact with real Ethereum library code running directly in the browser.</p><p>Each protocol change — called an <strong>Exploration</strong> — gets its own page with a dedicated interactive widget. Explorations cover EIPs, ERCs, and other research topics. They are grouped into <strong>Topics</strong> (e.g. &quot;Fusaka&quot; for the upcoming hardfork), making it easy to discover related protocol changes.</p><h2 id="prerequisites" tabindex="-1">Prerequisites <a class="header-anchor" href="#prerequisites" aria-label="Permalink to “Prerequisites”">​</a></h2><ul><li><a href="https://nodejs.org/" target="_blank" rel="noreferrer">Node.js</a> v20.19+ or v22.12+</li><li>npm (comes with Node.js)</li></ul><h2 id="setup" tabindex="-1">Setup <a class="header-anchor" href="#setup" aria-label="Permalink to “Setup”">​</a></h2><p>Clone the repository and install dependencies:</p><div class="language-bash"><button title="Copy Code" class="copy"></button><span class="lang">bash</span><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e;" tabindex="0" dir="ltr"><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">git</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> clone</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> https://github.com/feelyourprotocol/website.git</span></span>
 <span class="line"><span style="--shiki-light:#005CC5;--shiki-dark:#79B8FF;">cd</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> website</span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">npm</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> install</span></span></code></pre></div><h2 id="development" tabindex="-1">Development <a class="header-anchor" href="#development" aria-label="Permalink to “Development”">​</a></h2><p>Start the website dev server:</p><div class="language-bash"><button title="Copy Code" class="copy"></button><span class="lang">bash</span><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e;" tabindex="0" dir="ltr"><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">npm</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> run</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> dev</span></span></code></pre></div><p>Start the docs dev server:</p><div class="language-bash"><button title="Copy Code" class="copy"></button><span class="lang">bash</span><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e;" tabindex="0" dir="ltr"><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">npm</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> run</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> docs:dev</span></span></code></pre></div><h2 id="quality-checks" tabindex="-1">Quality Checks <a class="header-anchor" href="#quality-checks" aria-label="Permalink to “Quality Checks”">​</a></h2><div class="language-bash"><button title="Copy Code" class="copy"></button><span class="lang">bash</span><pre class="shiki shiki-themes github-light github-dark" style="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e;" tabindex="0" dir="ltr"><code><span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">npm</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> run</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> lf</span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">           # format + lint (auto-fix)</span></span>
 <span class="line"><span style="--shiki-light:#6F42C1;--shiki-dark:#B392F0;">npm</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> run</span><span style="--shiki-light:#032F62;--shiki-dark:#9ECBFF;"> lf:ci</span><span style="--shiki-light:#6A737D;--shiki-dark:#6A737D;">        # lint + format check (CI mode, no auto-fix)</span></span>
@@ -59,7 +59,7 @@
 <span class="line"><span>├── docs/                          # Documentation (VitePress)</span></span>
 <span class="line"><span>├── cypress/                       # E2E tests</span></span>
 <span class="line"><span>└── .github/workflows/             # CI workflows</span></span></code></pre></div></div></div></main><footer class="VPDocFooter" data-v-7011f0d8 data-v-e257564d><!--[--><!--]--><!----><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-e257564d><span class="visually-hidden" id="doc-footer-aria-label" data-v-e257564d>Pager</span><div class="pager" data-v-e257564d><!----></div><div class="pager" data-v-e257564d><a class="VPLink link pager-link next" href="/guide/architecture.html" data-v-e257564d><!--[--><span class="desc" data-v-e257564d>Next page</span><span class="title" data-v-e257564d>Architecture</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter has-sidebar" data-v-1df9f90f data-v-c3855bb3><div class="container" data-v-c3855bb3><p class="message" data-v-c3855bb3>This project and its documentation are under active development.</p><!----></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"contributing_adding-an-exploration.md\":\"Ahsvo_Ol\",\"contributing_available-e-components.md\":\"CJ3WaJq0\",\"contributing_code-conventions.md\":\"BFjoMQv_\",\"contributing_e-components.md\":\"EgChjAzs\",\"contributing_how-to-contribute.md\":\"XKvLYLkk\",\"contributing_library-forks.md\":\"DYk1JQhp\",\"guide_architecture.md\":\"BSBE4DKA\",\"guide_getting-started.md\":\"B-wiDt-S\",\"index.md\":\"DpQvSWpN\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"Feel Your Protocol\",\"description\":\"Documentation for the Feel Your Protocol project\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/guide/getting-started\"},{\"text\":\"Contributing\",\"link\":\"/contributing/how-to-contribute\"},{\"text\":\"Website\",\"link\":\"https://feelyourprotocol.org\"}],\"sidebar\":[{\"text\":\"Guide\",\"items\":[{\"text\":\"Getting Started\",\"link\":\"/guide/getting-started\"},{\"text\":\"Architecture\",\"link\":\"/guide/architecture\"}]},{\"text\":\"Contributing\",\"items\":[{\"text\":\"How to Contribute\",\"link\":\"/contributing/how-to-contribute\"},{\"text\":\"Adding an Exploration\",\"link\":\"/contributing/adding-an-exploration\"},{\"text\":\"E-Components\",\"link\":\"/contributing/e-components\"},{\"text\":\"Available E-Components\",\"link\":\"/contributing/available-e-components\"},{\"text\":\"Code Conventions\",\"link\":\"/contributing/code-conventions\"},{\"text\":\"Library Forks\",\"link\":\"/contributing/library-forks\"}]}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/feelyourprotocol/website\"}],\"search\":{\"provider\":\"local\"},\"footer\":{\"message\":\"This project and its documentation are under active development.\"}},\"locales\":{},\"scrollOffset\":134,\"cleanUrls\":false,\"additionalConfig\":{}}");</script>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"contributing_adding-an-exploration.md\":\"Ahsvo_Ol\",\"contributing_available-e-components.md\":\"CJ3WaJq0\",\"contributing_code-conventions.md\":\"q8SsjSd8\",\"contributing_e-components.md\":\"EgChjAzs\",\"contributing_how-to-contribute.md\":\"XKvLYLkk\",\"contributing_library-forks.md\":\"DYk1JQhp\",\"contributing_styling.md\":\"BxYm3jg7\",\"guide_architecture.md\":\"BSBE4DKA\",\"guide_getting-started.md\":\"B-wiDt-S\",\"index.md\":\"DpQvSWpN\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"Feel Your Protocol\",\"description\":\"Documentation for the Feel Your Protocol project\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/guide/getting-started\"},{\"text\":\"Contributing\",\"link\":\"/contributing/how-to-contribute\"},{\"text\":\"Website\",\"link\":\"https://feelyourprotocol.org\"}],\"sidebar\":[{\"text\":\"Guide\",\"items\":[{\"text\":\"Getting Started\",\"link\":\"/guide/getting-started\"},{\"text\":\"Architecture\",\"link\":\"/guide/architecture\"}]},{\"text\":\"Contributing\",\"items\":[{\"text\":\"How to Contribute\",\"link\":\"/contributing/how-to-contribute\"},{\"text\":\"Adding an Exploration\",\"link\":\"/contributing/adding-an-exploration\"},{\"text\":\"E-Components\",\"link\":\"/contributing/e-components\"},{\"text\":\"Available E-Components\",\"link\":\"/contributing/available-e-components\"},{\"text\":\"Styling & Design\",\"link\":\"/contributing/styling\"},{\"text\":\"Code Conventions\",\"link\":\"/contributing/code-conventions\"},{\"text\":\"Library Forks\",\"link\":\"/contributing/library-forks\"}]}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/feelyourprotocol/website\"}],\"search\":{\"provider\":\"local\"},\"footer\":{\"message\":\"This project and its documentation are under active development.\"}},\"locales\":{},\"scrollOffset\":134,\"cleanUrls\":false,\"additionalConfig\":{}}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/dist/docs/hashmap.json b/dist/docs/hashmap.json
index a02e193..3a30be5 100644
--- a/dist/docs/hashmap.json
+++ b/dist/docs/hashmap.json
@@ -1 +1 @@
-{"contributing_adding-an-exploration.md":"Ahsvo_Ol","contributing_available-e-components.md":"CJ3WaJq0","contributing_code-conventions.md":"BFjoMQv_","contributing_e-components.md":"EgChjAzs","contributing_how-to-contribute.md":"XKvLYLkk","contributing_library-forks.md":"DYk1JQhp","guide_architecture.md":"BSBE4DKA","guide_getting-started.md":"B-wiDt-S","index.md":"DpQvSWpN"}
+{"contributing_adding-an-exploration.md":"Ahsvo_Ol","contributing_available-e-components.md":"CJ3WaJq0","contributing_code-conventions.md":"q8SsjSd8","contributing_e-components.md":"EgChjAzs","contributing_how-to-contribute.md":"XKvLYLkk","contributing_library-forks.md":"DYk1JQhp","contributing_styling.md":"BxYm3jg7","guide_architecture.md":"BSBE4DKA","guide_getting-started.md":"B-wiDt-S","index.md":"DpQvSWpN"}
diff --git a/dist/docs/index.html b/dist/docs/index.html
index 8f835d9..4ac9ff6 100644
--- a/dist/docs/index.html
+++ b/dist/docs/index.html
@@ -9,9 +9,9 @@
     <link rel="preload stylesheet" href="/assets/style.Cfu23m_7.css" as="style">
     <link rel="preload stylesheet" href="/vp-icons.css" as="style">
     
-    <script type="module" src="/assets/app.DDSgF2-8.js"></script>
+    <script type="module" src="/assets/app.nonmTxRS.js"></script>
     <link rel="preload" href="/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
-    <link rel="modulepreload" href="/assets/chunks/theme.2vG7thFl.js">
+    <link rel="modulepreload" href="/assets/chunks/theme.g4RzF5df.js">
     <link rel="modulepreload" href="/assets/chunks/framework.DyoGesZS.js">
     <link rel="modulepreload" href="/assets/index.md.DpQvSWpN.lean.js">
     <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
@@ -19,7 +19,7 @@
   </head>
   <body>
     <div id="app"><div class="Layout" data-v-1df9f90f><!--[--><!--]--><!--[--><span tabindex="-1" data-v-331ec75c></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-331ec75c>Skip to content</a><!--]--><!----><header class="VPNav" data-v-1df9f90f data-v-9f75dce3><div class="VPNavBar home top" data-v-9f75dce3 data-v-9ca1369d><div class="wrapper" data-v-9ca1369d><div class="container" data-v-9ca1369d><div class="title" data-v-9ca1369d><div class="VPNavBarTitle" data-v-9ca1369d data-v-1e38c6bc><a class="title" href="/" data-v-1e38c6bc><!--[--><!--]--><!----><span data-v-1e38c6bc>Feel Your Protocol</span><!--[--><!--]--></a></div></div><div class="content" data-v-9ca1369d><div class="content-body" data-v-9ca1369d><!--[--><!--]--><div class="VPNavBarSearch search" data-v-9ca1369d data-v-2fc7f2c6><!--[--><button type="button" class="VPNavBarSearchButton" aria-label="Search" aria-keyshortcuts="/ control+k meta+k" data-v-2fc7f2c6 data-v-baa3be99><span class="vpi-search" aria-hidden="true" data-v-baa3be99></span><span class="text" data-v-baa3be99>Search</span><span class="keys" aria-hidden="true" data-v-baa3be99><kbd class="key-cmd" data-v-baa3be99>⌘</kbd><kbd class="key-ctrl" data-v-baa3be99>Ctrl</kbd><kbd data-v-baa3be99>K</kbd></span></button><!----><!--]--></div><nav aria-labelledby="main-nav-aria-label" class="VPNavBarMenu menu" data-v-9ca1369d data-v-39714824><span id="main-nav-aria-label" class="visually-hidden" data-v-39714824> Main Navigation </span><!--[--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/guide/getting-started.html" tabindex="0" data-v-39714824 data-v-52a1d768><!--[--><span data-v-52a1d768>Guide</span><!--]--></a><!--]--><!--[--><a class="VPLink link VPNavBarMenuLink" href="/contributing/how-to-contribute.html" tabindex="0" data-v-39714824 data-v-52a1d768><!--[--><span data-v-52a1d768>Contributing</span><!--]--></a><!--]--><!--[--><a class="VPLink link vp-external-link-icon VPNavBarMenuLink" href="https://feelyourprotocol.org" target="_blank" rel="noreferrer" tabindex="0" data-v-39714824 data-v-52a1d768><!--[--><span data-v-52a1d768>Website</span><!--]--></a><!--]--><!--]--></nav><!----><div class="VPNavBarAppearance appearance" data-v-9ca1369d data-v-6c893767><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-6c893767 data-v-5337faa4 data-v-1d5665e3><span class="check" data-v-1d5665e3><span class="icon" data-v-1d5665e3><!--[--><span class="vpi-sun sun" data-v-5337faa4></span><span class="vpi-moon moon" data-v-5337faa4></span><!--]--></span></span></button></div><div class="VPSocialLinks VPNavBarSocialLinks social-links" data-v-9ca1369d data-v-0394ad82 data-v-d07f11e6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/feelyourprotocol/website" aria-label="github" target="_blank" rel="me noopener" data-v-d07f11e6 data-v-591a6b30><span class="vpi-social-github"></span></a><!--]--></div><div class="VPFlyout VPNavBarExtra extra" data-v-9ca1369d data-v-bf2fac68 data-v-42cb505d><button type="button" class="button" aria-haspopup="true" aria-expanded="false" aria-label="extra navigation" data-v-42cb505d><span class="vpi-more-horizontal icon" data-v-42cb505d></span></button><div class="menu" data-v-42cb505d><div class="VPMenu" data-v-42cb505d data-v-25a6cce8><!----><!--[--><!--[--><!----><div class="group" data-v-bf2fac68><div class="item appearance" data-v-bf2fac68><p class="label" data-v-bf2fac68>Appearance</p><div class="appearance-action" data-v-bf2fac68><button class="VPSwitch VPSwitchAppearance" type="button" role="switch" title aria-checked="false" data-v-bf2fac68 data-v-5337faa4 data-v-1d5665e3><span class="check" data-v-1d5665e3><span class="icon" data-v-1d5665e3><!--[--><span class="vpi-sun sun" data-v-5337faa4></span><span class="vpi-moon moon" data-v-5337faa4></span><!--]--></span></span></button></div></div></div><div class="group" data-v-bf2fac68><div class="item social-links" data-v-bf2fac68><div class="VPSocialLinks social-links-list" data-v-bf2fac68 data-v-d07f11e6><!--[--><a class="VPSocialLink no-icon" href="https://github.com/feelyourprotocol/website" aria-label="github" target="_blank" rel="me noopener" data-v-d07f11e6 data-v-591a6b30><span class="vpi-social-github"></span></a><!--]--></div></div></div><!--]--><!--]--></div></div></div><!--[--><!--]--><button type="button" class="VPNavBarHamburger hamburger" aria-label="mobile navigation" aria-expanded="false" aria-controls="VPNavScreen" data-v-9ca1369d data-v-e5dd9c1c><span class="container" data-v-e5dd9c1c><span class="top" data-v-e5dd9c1c></span><span class="middle" data-v-e5dd9c1c></span><span class="bottom" data-v-e5dd9c1c></span></span></button></div></div></div></div><div class="divider" data-v-9ca1369d><div class="divider-line" data-v-9ca1369d></div></div></div><!----></header><!----><!----><div class="VPContent is-home" id="VPContent" data-v-1df9f90f data-v-c87f25bf><div class="VPHome" data-v-c87f25bf data-v-8b561e3d><!--[--><!--]--><div class="VPHero VPHomeHero" data-v-8b561e3d data-v-e394c869><div class="container" data-v-e394c869><div class="main" data-v-e394c869><!--[--><!--]--><!--[--><h1 class="heading" data-v-e394c869><span class="name clip" data-v-e394c869>Feel Your Protocol</span><span class="text" data-v-e394c869>Interactive Ethereum Protocol Explorations</span></h1><p class="tagline" data-v-e394c869>Explore, visualize and understand Ethereum protocol changes — hands on.</p><!--]--><!--[--><!--]--><div class="actions" data-v-e394c869><!--[--><div class="action" data-v-e394c869><a class="VPButton medium brand" href="/guide/getting-started.html" data-v-e394c869 data-v-01bff58b><!--[-->Get Started<!--]--></a></div><div class="action" data-v-e394c869><a class="VPButton medium alt" href="/contributing/how-to-contribute.html" data-v-e394c869 data-v-01bff58b><!--[-->Contribute<!--]--></a></div><div class="action" data-v-e394c869><a class="VPButton medium alt" href="https://github.com/feelyourprotocol/website" target="_blank" rel="noreferrer" data-v-e394c869 data-v-01bff58b><!--[-->View on GitHub<!--]--></a></div><!--]--></div><!--[--><!--]--></div><!----></div></div><!--[--><!--]--><!--[--><!--]--><div class="VPFeatures VPHomeFeatures" data-v-8b561e3d data-v-a6181336><div class="container" data-v-a6181336><div class="items" data-v-a6181336><!--[--><div class="grid-4 item" data-v-a6181336><div class="VPLink no-icon VPFeature" data-v-a6181336 data-v-5219619b><!--[--><article class="box" data-v-5219619b><!----><h2 class="title" data-v-5219619b>Interactive Explorations</h2><p class="details" data-v-5219619b>Each exploration is a self-contained folder with an interactive widget that lets you explore a protocol change hands on — EIPs, ERCs, or promising research.</p><!----></article><!--]--></div></div><div class="grid-4 item" data-v-a6181336><div class="VPLink no-icon VPFeature" data-v-a6181336 data-v-5219619b><!--[--><article class="box" data-v-5219619b><!----><h2 class="title" data-v-5219619b>Powered by Real Libraries</h2><p class="details" data-v-5219619b>Widgets run actual Ethereum library code in the browser — no mocks, no simplifications. See how protocol changes behave with real inputs.</p><!----></article><!--]--></div></div><div class="grid-4 item" data-v-a6181336><div class="VPLink no-icon VPFeature" data-v-a6181336 data-v-5219619b><!--[--><article class="box" data-v-5219619b><!----><h2 class="title" data-v-5219619b>Reusable E-Components</h2><p class="details" data-v-5219619b>Common Ethereum patterns like precompile interfaces are packaged as reusable E-Components with stable APIs, so you can build new explorations fast.</p><!----></article><!--]--></div></div><div class="grid-4 item" data-v-a6181336><div class="VPLink no-icon VPFeature" data-v-a6181336 data-v-5219619b><!--[--><article class="box" data-v-5219619b><!----><h2 class="title" data-v-5219619b>Collaborative & Open Source</h2><p class="details" data-v-5219619b>Designed for community contributions. A modular folder-per-exploration structure and shared components make it straightforward to add new explorations.</p><!----></article><!--]--></div></div><!--]--></div></div></div><!--[--><!--]--><div class="vp-doc container" style="" data-v-8b561e3d data-v-8e2d4988><!--[--><div style="position:relative;" data-v-8b561e3d><div><div class="tip custom-block"><p class="custom-block-title">Want to contribute?</p><p>The fastest way to get started is to <a href="/contributing/adding-an-exploration.html">add a new exploration</a>. Each one lives in a single folder with just two files — metadata and your interactive widget.</p></div></div></div><!--]--></div></div></div><footer class="VPFooter" data-v-1df9f90f data-v-c3855bb3><div class="container" data-v-c3855bb3><p class="message" data-v-c3855bb3>This project and its documentation are under active development.</p><!----></div></footer><!--[--><!--]--></div></div>
-    <script>window.__VP_HASH_MAP__=JSON.parse("{\"contributing_adding-an-exploration.md\":\"Ahsvo_Ol\",\"contributing_available-e-components.md\":\"CJ3WaJq0\",\"contributing_code-conventions.md\":\"BFjoMQv_\",\"contributing_e-components.md\":\"EgChjAzs\",\"contributing_how-to-contribute.md\":\"XKvLYLkk\",\"contributing_library-forks.md\":\"DYk1JQhp\",\"guide_architecture.md\":\"BSBE4DKA\",\"guide_getting-started.md\":\"B-wiDt-S\",\"index.md\":\"DpQvSWpN\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"Feel Your Protocol\",\"description\":\"Documentation for the Feel Your Protocol project\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/guide/getting-started\"},{\"text\":\"Contributing\",\"link\":\"/contributing/how-to-contribute\"},{\"text\":\"Website\",\"link\":\"https://feelyourprotocol.org\"}],\"sidebar\":[{\"text\":\"Guide\",\"items\":[{\"text\":\"Getting Started\",\"link\":\"/guide/getting-started\"},{\"text\":\"Architecture\",\"link\":\"/guide/architecture\"}]},{\"text\":\"Contributing\",\"items\":[{\"text\":\"How to Contribute\",\"link\":\"/contributing/how-to-contribute\"},{\"text\":\"Adding an Exploration\",\"link\":\"/contributing/adding-an-exploration\"},{\"text\":\"E-Components\",\"link\":\"/contributing/e-components\"},{\"text\":\"Available E-Components\",\"link\":\"/contributing/available-e-components\"},{\"text\":\"Code Conventions\",\"link\":\"/contributing/code-conventions\"},{\"text\":\"Library Forks\",\"link\":\"/contributing/library-forks\"}]}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/feelyourprotocol/website\"}],\"search\":{\"provider\":\"local\"},\"footer\":{\"message\":\"This project and its documentation are under active development.\"}},\"locales\":{},\"scrollOffset\":134,\"cleanUrls\":false,\"additionalConfig\":{}}");</script>
+    <script>window.__VP_HASH_MAP__=JSON.parse("{\"contributing_adding-an-exploration.md\":\"Ahsvo_Ol\",\"contributing_available-e-components.md\":\"CJ3WaJq0\",\"contributing_code-conventions.md\":\"q8SsjSd8\",\"contributing_e-components.md\":\"EgChjAzs\",\"contributing_how-to-contribute.md\":\"XKvLYLkk\",\"contributing_library-forks.md\":\"DYk1JQhp\",\"contributing_styling.md\":\"BxYm3jg7\",\"guide_architecture.md\":\"BSBE4DKA\",\"guide_getting-started.md\":\"B-wiDt-S\",\"index.md\":\"DpQvSWpN\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"Feel Your Protocol\",\"description\":\"Documentation for the Feel Your Protocol project\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"nav\":[{\"text\":\"Guide\",\"link\":\"/guide/getting-started\"},{\"text\":\"Contributing\",\"link\":\"/contributing/how-to-contribute\"},{\"text\":\"Website\",\"link\":\"https://feelyourprotocol.org\"}],\"sidebar\":[{\"text\":\"Guide\",\"items\":[{\"text\":\"Getting Started\",\"link\":\"/guide/getting-started\"},{\"text\":\"Architecture\",\"link\":\"/guide/architecture\"}]},{\"text\":\"Contributing\",\"items\":[{\"text\":\"How to Contribute\",\"link\":\"/contributing/how-to-contribute\"},{\"text\":\"Adding an Exploration\",\"link\":\"/contributing/adding-an-exploration\"},{\"text\":\"E-Components\",\"link\":\"/contributing/e-components\"},{\"text\":\"Available E-Components\",\"link\":\"/contributing/available-e-components\"},{\"text\":\"Styling & Design\",\"link\":\"/contributing/styling\"},{\"text\":\"Code Conventions\",\"link\":\"/contributing/code-conventions\"},{\"text\":\"Library Forks\",\"link\":\"/contributing/library-forks\"}]}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/feelyourprotocol/website\"}],\"search\":{\"provider\":\"local\"},\"footer\":{\"message\":\"This project and its documentation are under active development.\"}},\"locales\":{},\"scrollOffset\":134,\"cleanUrls\":false,\"additionalConfig\":{}}");</script>
     
   </body>
 </html>
\ No newline at end of file
diff --git a/docs/.vitepress/config.ts b/docs/.vitepress/config.ts
index 1c1f59b..070df3b 100644
--- a/docs/.vitepress/config.ts
+++ b/docs/.vitepress/config.ts
@@ -25,6 +25,7 @@ export default defineConfig({
           { text: 'Adding an Exploration', link: '/contributing/adding-an-exploration' },
           { text: 'E-Components', link: '/contributing/e-components' },
           { text: 'Available E-Components', link: '/contributing/available-e-components' },
+          { text: 'Styling & Design', link: '/contributing/styling' },
           { text: 'Code Conventions', link: '/contributing/code-conventions' },
           { text: 'Library Forks', link: '/contributing/library-forks' },
         ],
diff --git a/docs/contributing/code-conventions.md b/docs/contributing/code-conventions.md
index 0d347dd..ce4a0a7 100644
--- a/docs/contributing/code-conventions.md
+++ b/docs/contributing/code-conventions.md
@@ -13,7 +13,6 @@ Use `@/` path aliases for cross-module imports and relative paths (`./`, `../`)
 import { Hardfork } from '@ethereumjs/common'
 
 // Internal @/ alias imports
-import { PP_BOX_LAYOUT } from '@/components/lib/layout'
 import PPBoxC from '@/components/ui/PPBoxC.vue'
 import ExplorationC from '@/explorations/ExplorationC.vue'
 
diff --git a/docs/contributing/styling.md b/docs/contributing/styling.md
new file mode 100644
index 0000000..8dea092
--- /dev/null
+++ b/docs/contributing/styling.md
@@ -0,0 +1,182 @@
+# Styling & Design
+
+The project uses [Tailwind CSS v4](https://tailwindcss.com/) for styling with a design system built on **CSS custom properties** that automatically adapt to the topic color of each exploration. This means contributors can focus on building their widget logic — colors, fonts, and spacing are handled by the shared design system.
+
+## How Topic Colors Work
+
+Every exploration belongs to a **topic** (e.g. "Fusaka"), and each topic has a color (blue, yellow, green, red). The `ExplorationC` wrapper component sets CSS custom properties on its root element based on the topic color. All child components — UI components, E-Components, and your widget — automatically inherit these colors.
+
+```
+Topic (e.g. Fusaka = blue)
+  → ExplorationC sets --e-* CSS variables
+    → All children inherit colors automatically
+```
+
+You never need to think about colors in your exploration widget. Every UI component and CSS class picks up the right color from the topic.
+
+### Available CSS Variables
+
+These variables are set by `ExplorationC` and available to all child elements:
+
+| Variable | Purpose | Blue topic example |
+|----------|---------|-------------------|
+| `--e-text` | Primary text color | `blue-900` |
+| `--e-bg` | Exploration wrapper background | `blue-200` |
+| `--e-bg-light` | Input backgrounds | `blue-50` |
+| `--e-bg-medium` | Button backgrounds | `blue-100` |
+| `--e-bg-dark` | Result box backgrounds | `blue-900` |
+| `--e-border` | Light borders | `blue-200` |
+| `--e-border-dark` | Dark borders | `blue-900` |
+
+If you need the topic color for custom elements, use the `.e-text` utility class or reference the variables directly:
+
+```html
+<!-- Utility class -->
+<p class="e-text">This text uses the topic color.</p>
+
+<!-- Direct variable reference (for custom styling) -->
+<div style="border-left: 3px solid var(--e-text)">Custom accent</div>
+```
+
+## CSS Classes
+
+The design system provides semantic CSS classes defined in `src/main.css`. Use these instead of assembling Tailwind utilities manually — they're topic-color-aware and consistent across all explorations.
+
+### Result Boxes
+
+Result boxes are the dark panels used to display computation output (e.g. gas costs, hex results):
+
+| Class | Purpose |
+|-------|---------|
+| `e-result-box` | Dark result panel container |
+| `e-result-title` | Title label inside a result box |
+| `e-result-text-lg` | Large text (e.g. gas numbers) |
+| `e-result-text-md` | Medium text (e.g. status messages) |
+| `e-result-text-sm` | Small monospace text (e.g. hex output) |
+
+Usage with the `PPBoxC` component:
+
+```vue
+<div class="e-grid-double">
+  <PPBoxC title="Before" :left="true">
+    <p class="e-result-text-lg">21000 Gas</p>
+    <p class="e-result-text-sm">Result: 0xdeadbeef...</p>
+  </PPBoxC>
+  <PPBoxC title="After" :left="false">
+    <p class="e-result-text-lg">42000 Gas</p>
+    <p class="e-result-text-sm">Result: 0xcafebabe...</p>
+  </PPBoxC>
+</div>
+```
+
+### Grid Layouts
+
+| Class | Purpose |
+|-------|---------|
+| `e-grid-single` | Single-column grid for result panels |
+| `e-grid-double` | Two-column grid for side-by-side comparison |
+
+### Form Inputs
+
+These classes are already applied inside the shared UI components (`HexDataInputC`, `ExamplesC`). You typically don't need them directly, but they're available:
+
+| Class | Purpose |
+|-------|---------|
+| `e-textarea` | Hex data input textarea |
+| `e-select` | Dropdown select (examples selector) |
+| `e-input` | Single-line input field |
+
+### Buttons
+
+| Class | Purpose |
+|-------|---------|
+| `e-action-button` | Primary action button (requires `group` class alongside for tooltip support) |
+| `e-button-icon` | Small icon button |
+
+### Text
+
+| Class | Purpose |
+|-------|---------|
+| `e-text` | Applies the topic text color |
+
+## UI Components
+
+Most styling is encapsulated in reusable UI components so you don't need to apply classes manually. Use these in your `MyC.vue`:
+
+| Component | What it does |
+|-----------|-------------|
+| `ExamplesC` | Example selector dropdown — already styled with `e-select` |
+| `HexDataInputC` | Hex data input textarea — already styled with `e-textarea` |
+| `PPBoxC` | Result display box with title — uses `e-result-box` and `e-result-title` |
+| `PPBoxInfoText` | Informational placeholder message inside a result box |
+| `PPBoxErrorText` | Error message display inside a result box |
+| `ActionButtonC` | Action button with loading state and tooltip |
+| `ButtonC` | Small icon button with tooltip |
+
+Import them from `@/components/ui/`:
+
+```typescript
+import PPBoxC from '@/components/ui/PPBoxC.vue'
+import HexDataInputC from '@/components/ui/HexDataInputC.vue'
+import ActionButtonC from '@/components/ui/ActionButtonC.vue'
+```
+
+## Custom Styling
+
+While the design system handles the common cases, you can always add custom Tailwind classes for exploration-specific elements. A few guidelines:
+
+### Do
+
+- Use the `e-*` CSS classes for result boxes, grids, inputs, and buttons
+- Use `e-text` when you need the topic color on custom text
+- Use standard Tailwind utilities for spacing, layout, and sizing (`mt-4`, `grid`, `text-sm`, etc.)
+- Reference `--e-*` CSS variables for custom color needs
+
+### Don't
+
+- Hardcode color values like `text-blue-900` or `bg-blue-50` — use the CSS variables or `e-text` instead, so your exploration works with any topic color
+- Duplicate styling that's already in a UI component — use the component instead
+- Override `e-*` classes unless you have a specific reason
+
+### Example: Mixing Design System with Custom Layout
+
+```vue
+<template>
+  <ExplorationC explorationId="my-exploration" :exploration="exploration" :topic="topic">
+    <template #content>
+      <div>
+        <ExamplesC v-model="example" :examples="examples" :change="selectExample" />
+        <HexDataInputC v-model="data" rows="6" :formChange="onDataInputFormChange" />
+
+        <!-- Custom layout with design system colors -->
+        <div class="mt-4 grid grid-cols-3 gap-2">
+          <div class="e-text font-bold text-sm">Custom Label</div>
+          <div class="col-span-2 font-mono text-xs">{{ someValue }}</div>
+        </div>
+
+        <!-- Standard result display -->
+        <div class="e-grid-double">
+          <PPBoxC title="Result A" :left="true">
+            <p class="e-result-text-lg">{{ resultA }}</p>
+          </PPBoxC>
+          <PPBoxC title="Result B" :left="false">
+            <p class="e-result-text-lg">{{ resultB }}</p>
+          </PPBoxC>
+        </div>
+
+        <PoweredByC :poweredBy="exploration.poweredBy" />
+      </div>
+    </template>
+  </ExplorationC>
+</template>
+```
+
+## Where Styles Live
+
+| What | Where |
+|------|-------|
+| Global design system (`e-*` classes, CSS variables) | `src/main.css` |
+| Topic color definitions | `src/explorations/TOPICS.ts` |
+| CSS variable propagation | `src/explorations/ExplorationC.vue` |
+| E-Component-specific classes | `src/main.css` (namespaced section) |
+| Component-level Tailwind classes | Inline in each `.vue` template |

From 9ba6a5f49bc87cfb6a5001be428d9b138ea2a746 Mon Sep 17 00:00:00 2001
From: Holger Drewes <Holger.Drewes@gmail.com>
Date: Tue, 3 Mar 2026 13:47:03 +0100
Subject: [PATCH 15/29] Clean-up of current mostly precompile related utils

---
 src/components/lib/byteFormUtils.ts           | 108 ------------------
 src/components/lib/general.ts                 |   6 -
 .../PrecompileInterfaceEC.vue                 |   2 +-
 .../PrecompileValueInputEC.vue                |   3 +-
 .../usePrecompileState.ts                     |   8 +-
 .../precompileInterfaceEC/utils.ts            | 103 +++++++++++++++++
 src/explorations/REGISTRY.ts                  |   7 ++
 src/explorations/eip-7594/examples.ts         |   2 +-
 src/explorations/eip-7883/MyC.vue             |   2 +-
 src/explorations/eip-7883/examples.ts         |   4 +-
 src/explorations/eip-7951/examples.ts         |   2 +-
 11 files changed, 120 insertions(+), 127 deletions(-)
 delete mode 100644 src/components/lib/byteFormUtils.ts
 delete mode 100644 src/components/lib/general.ts
 create mode 100644 src/eComponents/precompileInterfaceEC/utils.ts

diff --git a/src/components/lib/byteFormUtils.ts b/src/components/lib/byteFormUtils.ts
deleted file mode 100644
index 3fb18e7..0000000
--- a/src/components/lib/byteFormUtils.ts
+++ /dev/null
@@ -1,108 +0,0 @@
-import type { Ref } from 'vue'
-import { bigIntToHex, hexToBigInt, hexToBytes, isHexString } from '@ethereumjs/util'
-
-/**
- * Checks for Byte input form validity
- * (call only after preformat! (so: strip 0x))
- *
- * - No 0x-prefix
- * - Valid hex values
- * - Even length (two chars per byte)
- *
- * @param str
- * @returns empty array if valid, otherwise an array of errors
- */
-export const isValidByteInputForm = (str: string, expectedLen?: bigint) => {
-  const errors: string[] = []
-  if (str.substring(0, 2) === '0x') {
-    errors.push('Enter without 0x-prefix')
-  }
-  if (expectedLen !== undefined && str.length !== Number(expectedLen) * 2) {
-    errors.push(`${Number(expectedLen)} bytes expected (${str.length / 2} bytes provided)`)
-  }
-  const validHex = isHexString(`0x${str}`)
-  if (!validHex) {
-    errors.push('Hex value invalid')
-  }
-  return errors
-}
-
-export const toBigInt = (data: Ref<string, string>, start: number, end: number) => {
-  return hexToBigInt(`0x${data.value.substring(start, end)}`)
-}
-
-export const toHex = (value: bigint, length: number) => {
-  return bigIntToHex(value).substring(2).padStart(length, '0')
-}
-
-export const padHex = (value: string) => {
-  const evenLength = value.length % 2 === 0
-  if (!evenLength) {
-    return `0${value}`
-  }
-  return value
-}
-
-/**
- * Derive the individual values from the combined data
- * being flexible on the number of values.
- *
- * @param data - The combined data as the "source of truth"
- * @param hexVals - The individual hex values
- * @param bigIntVals - The individual bigInt values
- * @param byteLengths - The individual byte lengths
- */
-export const dataToValueInput = (
-  data: Ref<string, string>,
-  hexVals: Ref<string[], string[]>,
-  bigIntVals: Ref<(bigint | undefined)[], (bigint | undefined)[]>,
-  byteLengths: Ref<bigint[], bigint[]>,
-) => {
-  let start = 0
-  for (let i = 0; i < hexVals.value.length; i++) {
-    const end = start + Number(byteLengths.value[i]) * 2
-    hexVals.value[i] = data.value.substring(start, end)
-    if (bigIntVals.value[i] !== undefined) {
-      bigIntVals.value[i] = toBigInt(data, start, end)
-    }
-    start = end
-  }
-}
-
-/**
- * Derive the combined data from the individual values
- * being flexible on the number of values.
- *
- * @param hexVals - The individual hex values
- * @param bigIntVals - The individual bigInt values
- * @param lengthsMask - The lengths mask defining certain fixed byte lengths
- * @param byteLengths - Calculated or taken from the lengths mask
- */
-export const valueToDataInput = (
-  hexVals: Ref<string[], string[]>,
-  bigIntVals: Ref<(bigint | undefined)[], (bigint | undefined)[]>,
-  lengthsMask: Ref<(bigint | undefined)[], (bigint | undefined)[]>,
-  byteLengths: Ref<bigint[], bigint[]>,
-) => {
-  for (let i = 0; i < hexVals.value.length; i++) {
-    if (lengthsMask.value[i] === undefined) {
-      byteLengths.value[i] = BigInt(hexToBytes(`0x${hexVals.value[i]}`).byteLength)
-    } else {
-      byteLengths.value[i] = lengthsMask.value[i]!
-    }
-    if (bigIntVals.value[i] !== undefined) {
-      bigIntVals.value[i] = hexToBigInt(`0x${hexVals.value[i]}`)
-    }
-  }
-}
-
-/**
- * Only use up to 99
- */
-export const countUpwardsHexStr = (num: number) => {
-  let str = ''
-  for (let i = 1; i <= num; i++) {
-    str += i.toString().substring(0, 2).padStart(2, '0')
-  }
-  return str
-}
diff --git a/src/components/lib/general.ts b/src/components/lib/general.ts
deleted file mode 100644
index d54abdc..0000000
--- a/src/components/lib/general.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-export interface Examples {
-  [key: string]: {
-    title: string
-    values: string[]
-  }
-}
diff --git a/src/eComponents/precompileInterfaceEC/PrecompileInterfaceEC.vue b/src/eComponents/precompileInterfaceEC/PrecompileInterfaceEC.vue
index 87e998f..012731b 100644
--- a/src/eComponents/precompileInterfaceEC/PrecompileInterfaceEC.vue
+++ b/src/eComponents/precompileInterfaceEC/PrecompileInterfaceEC.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import type { Examples } from '@/components/lib/general'
 import ExamplesC from '@/components/ui/ExamplesC.vue'
 import HexDataInputC from '@/components/ui/HexDataInputC.vue'
 import ExplorationC from '@/explorations/ExplorationC.vue'
 import PoweredByC from '@/explorations/PoweredByC.vue'
+import type { Examples } from '@/explorations/REGISTRY'
 import type { Exploration } from '@/explorations/REGISTRY'
 import { TOPICS } from '@/explorations/TOPICS'
 
diff --git a/src/eComponents/precompileInterfaceEC/PrecompileValueInputEC.vue b/src/eComponents/precompileInterfaceEC/PrecompileValueInputEC.vue
index ef8d584..edc0a46 100644
--- a/src/eComponents/precompileInterfaceEC/PrecompileValueInputEC.vue
+++ b/src/eComponents/precompileInterfaceEC/PrecompileValueInputEC.vue
@@ -1,9 +1,10 @@
 <script setup lang="ts">
 import { computed } from 'vue'
 
-import { isValidByteInputForm } from '@/components/lib/byteFormUtils'
 import TooltipC from '@/components/ui/TooltipC.vue'
 
+import { isValidByteInputForm } from './utils'
+
 const val = defineModel<string>()
 
 const props = defineProps<{
diff --git a/src/eComponents/precompileInterfaceEC/usePrecompileState.ts b/src/eComponents/precompileInterfaceEC/usePrecompileState.ts
index 8d014d0..9af1096 100644
--- a/src/eComponents/precompileInterfaceEC/usePrecompileState.ts
+++ b/src/eComponents/precompileInterfaceEC/usePrecompileState.ts
@@ -2,15 +2,11 @@ import { computed, ref } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
 import type { ExecResult } from '@ethereumjs/evm'
 
-import {
-  dataToValueInput,
-  isValidByteInputForm,
-  valueToDataInput,
-} from '@/components/lib/byteFormUtils'
-import type { Examples } from '@/components/lib/general'
+import type { Examples } from '@/explorations/REGISTRY'
 
 import { runPrecompile } from './run'
 import type { PrecompileConfig } from './types'
+import { dataToValueInput, isValidByteInputForm, valueToDataInput } from './utils'
 
 function createState(config: PrecompileConfig) {
   return {
diff --git a/src/eComponents/precompileInterfaceEC/utils.ts b/src/eComponents/precompileInterfaceEC/utils.ts
new file mode 100644
index 0000000..90d2376
--- /dev/null
+++ b/src/eComponents/precompileInterfaceEC/utils.ts
@@ -0,0 +1,103 @@
+import type { Ref } from 'vue'
+import { bigIntToHex, hexToBigInt, hexToBytes, isHexString } from '@ethereumjs/util'
+
+/**
+ * Validates a raw hex input string for use as precompile data.
+ *
+ * Expects the string WITHOUT `0x` prefix. Returns an empty array if
+ * valid, otherwise an array of human-readable error messages.
+ */
+export function isValidByteInputForm(str: string, expectedLen?: bigint): string[] {
+  const errors: string[] = []
+  if (str.substring(0, 2) === '0x') {
+    errors.push('Enter without 0x-prefix')
+  }
+  if (expectedLen !== undefined && str.length !== Number(expectedLen) * 2) {
+    errors.push(`${Number(expectedLen)} bytes expected (${str.length / 2} bytes provided)`)
+  }
+  if (!isHexString(`0x${str}`)) {
+    errors.push('Hex value invalid')
+  }
+  return errors
+}
+
+/**
+ * Converts a bigint to an unprefixed hex string, zero-padded to `length` characters.
+ *
+ * Example: `toHex(255n, 4)` → `"00ff"`
+ */
+export function toHex(value: bigint, length: number): string {
+  return bigIntToHex(value).substring(2).padStart(length, '0')
+}
+
+/**
+ * Ensures a hex string has even length by prepending a `0` if needed.
+ * Precompile data fields require whole-byte alignment (2 hex chars per byte).
+ *
+ * Example: `padHex("abc")` → `"0abc"`, `padHex("abcd")` → `"abcd"`
+ */
+export function padHex(value: string): string {
+  return value.length % 2 === 0 ? value : `0${value}`
+}
+
+/**
+ * Splits a combined hex data string into individual value fields.
+ *
+ * Reads `data` sequentially, slicing each field according to the byte lengths
+ * in `byteLengths`. Updates `hexVals` and (where defined) `bigIntVals` in place.
+ */
+export function dataToValueInput(
+  data: Ref<string>,
+  hexVals: Ref<string[]>,
+  bigIntVals: Ref<(bigint | undefined)[]>,
+  byteLengths: Ref<bigint[]>,
+): void {
+  let start = 0
+  for (let i = 0; i < hexVals.value.length; i++) {
+    const end = start + Number(byteLengths.value[i]) * 2
+    hexVals.value[i] = data.value.substring(start, end)
+    if (bigIntVals.value[i] !== undefined) {
+      bigIntVals.value[i] = hexToBigInt(`0x${data.value.substring(start, end)}`)
+    }
+    start = end
+  }
+}
+
+/**
+ * Derives byte lengths and bigint representations from individual hex value fields.
+ *
+ * For each value: if a fixed length is defined in `lengthsMask`, it is used directly;
+ * otherwise the actual byte length of the hex string is computed. BigInt values are
+ * updated where defined.
+ */
+export function valueToDataInput(
+  hexVals: Ref<string[]>,
+  bigIntVals: Ref<(bigint | undefined)[]>,
+  lengthsMask: Ref<(bigint | undefined)[]>,
+  byteLengths: Ref<bigint[]>,
+): void {
+  for (let i = 0; i < hexVals.value.length; i++) {
+    if (lengthsMask.value[i] === undefined) {
+      byteLengths.value[i] = BigInt(hexToBytes(`0x${hexVals.value[i]}`).byteLength)
+    } else {
+      byteLengths.value[i] = lengthsMask.value[i]!
+    }
+    if (bigIntVals.value[i] !== undefined) {
+      bigIntVals.value[i] = hexToBigInt(`0x${hexVals.value[i]}`)
+    }
+  }
+}
+
+/**
+ * Generates a hex string of `num` bytes where each byte is the counter value
+ * (01, 02, ..., 99). Useful for creating recognizable test data in examples.
+ *
+ * Example: `countUpwardsHexStr(3)` → `"010203"`
+ */
+export function countUpwardsHexStr(num: number): string {
+  let str = ''
+  for (let i = 1; i <= num; i++) {
+    str += i.toString().substring(0, 2).padStart(2, '0')
+  }
+  return str
+}
diff --git a/src/explorations/REGISTRY.ts b/src/explorations/REGISTRY.ts
index 4855bae..dfd3f96 100644
--- a/src/explorations/REGISTRY.ts
+++ b/src/explorations/REGISTRY.ts
@@ -8,6 +8,13 @@ export const EXPLORATIONS: Explorations = {
   [eip7951.id]: eip7951,
 }
 
+export interface Examples {
+  [key: string]: {
+    title: string
+    values: string[]
+  }
+}
+
 export interface PoweredByItem {
   name: string
   href: string
diff --git a/src/explorations/eip-7594/examples.ts b/src/explorations/eip-7594/examples.ts
index 3cfd5a5..2e51811 100644
--- a/src/explorations/eip-7594/examples.ts
+++ b/src/explorations/eip-7594/examples.ts
@@ -1,4 +1,4 @@
-import { type Examples } from '@/components/lib/general.js'
+import type { Examples } from '@/explorations/REGISTRY'
 
 import blobBase from './data/blob_base.txt?raw'
 import blobGnosis from './data/blob_gnosis.txt?raw'
diff --git a/src/explorations/eip-7883/MyC.vue b/src/explorations/eip-7883/MyC.vue
index ad91bba..2352a46 100644
--- a/src/explorations/eip-7883/MyC.vue
+++ b/src/explorations/eip-7883/MyC.vue
@@ -2,9 +2,9 @@
 import { Hardfork } from '@ethereumjs/common'
 import { hexToBigInt } from '@ethereumjs/util'
 
-import { padHex, toHex } from '@/components/lib/byteFormUtils'
 import PrecompileInterfaceEC from '@/eComponents/precompileInterfaceEC/PrecompileInterfaceEC.vue'
 import type { PrecompileConfig } from '@/eComponents/precompileInterfaceEC/types'
+import { padHex, toHex } from '@/eComponents/precompileInterfaceEC/utils'
 
 import { examples } from './examples'
 import { INFO as exploration } from './info'
diff --git a/src/explorations/eip-7883/examples.ts b/src/explorations/eip-7883/examples.ts
index 725f90a..cd2af8c 100644
--- a/src/explorations/eip-7883/examples.ts
+++ b/src/explorations/eip-7883/examples.ts
@@ -1,5 +1,5 @@
-import { countUpwardsHexStr } from '@/components/lib/byteFormUtils.js'
-import { type Examples } from '@/components/lib/general.js'
+import { countUpwardsHexStr } from '@/eComponents/precompileInterfaceEC/utils'
+import type { Examples } from '@/explorations/REGISTRY'
 
 export const examples: Examples = {
   simple: {
diff --git a/src/explorations/eip-7951/examples.ts b/src/explorations/eip-7951/examples.ts
index 6ab7267..bfe8e48 100644
--- a/src/explorations/eip-7951/examples.ts
+++ b/src/explorations/eip-7951/examples.ts
@@ -1,4 +1,4 @@
-import { type Examples } from '@/components/lib/general.js'
+import type { Examples } from '@/explorations/REGISTRY'
 
 export const examples: Examples = {
   valid: {

From 7a05efce68c90dee02453c7a70ba972451e3639c Mon Sep 17 00:00:00 2001
From: Holger Drewes <Holger.Drewes@gmail.com>
Date: Tue, 3 Mar 2026 15:26:25 +0100
Subject: [PATCH 16/29] UI component structure reorg

---
 dist/website/index.html                       |   4 +-
 docs/.vitepress/config.ts                     |   1 +
 docs/contributing/adding-an-exploration.md    |   6 +-
 docs/contributing/code-conventions.md         |   7 +-
 docs/contributing/e-components.md             |   2 +-
 docs/contributing/how-to-contribute.md        |   3 +-
 docs/contributing/styling.md                  |  30 ++--
 docs/contributing/ui-components.md            | 134 ++++++++++++++++++
 docs/guide/architecture.md                    |  24 ++--
 src/components/ui/HeadlineButtonC.vue         |  18 ---
 src/components/ui/PPBoxErrorText.vue          |  14 --
 src/components/ui/PPBoxInfoText.vue           |   9 --
 .../PrecompileInterfaceEC.vue                 |   4 +-
 .../PrecompileInterfaceResultEC.vue           |   6 +-
 .../PrecompileValueInputEC.vue                |   2 +-
 .../ui/ActionButtonC.vue                      |   0
 .../ui/ButtonC.vue                            |   0
 .../ui/ExamplesC.vue                          |   0
 .../ui/HexDataInputC.vue                      |   0
 .../ui/TooltipC.vue                           |   0
 .../ui/resultBox/ResultBoxC.vue}              |   7 +
 src/explorations/ExplorationC.vue             |   2 +-
 src/explorations/eip-7594/MyC.vue             |  44 +++---
 23 files changed, 209 insertions(+), 108 deletions(-)
 create mode 100644 docs/contributing/ui-components.md
 delete mode 100644 src/components/ui/HeadlineButtonC.vue
 delete mode 100644 src/components/ui/PPBoxErrorText.vue
 delete mode 100644 src/components/ui/PPBoxInfoText.vue
 rename src/{components => eComponents}/ui/ActionButtonC.vue (100%)
 rename src/{components => eComponents}/ui/ButtonC.vue (100%)
 rename src/{components => eComponents}/ui/ExamplesC.vue (100%)
 rename src/{components => eComponents}/ui/HexDataInputC.vue (100%)
 rename src/{components => eComponents}/ui/TooltipC.vue (100%)
 rename src/{components/ui/PPBoxC.vue => eComponents/ui/resultBox/ResultBoxC.vue} (50%)

diff --git a/dist/website/index.html b/dist/website/index.html
index 5d66f15..3736be8 100644
--- a/dist/website/index.html
+++ b/dist/website/index.html
@@ -5,8 +5,8 @@
     <link rel="icon" href="/assets/favicon-DIYJD7QH.png">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Feel Your Protocol</title>
-    <script type="module" crossorigin src="/assets/index-B_atD3G6.js"></script>
-    <link rel="stylesheet" crossorigin href="/assets/index-CNzM6x0m.css">
+    <script type="module" crossorigin src="/assets/index-sspndEZx.js"></script>
+    <link rel="stylesheet" crossorigin href="/assets/index-BFsdIEVP.css">
   </head>
   <body class="container mx-auto p-2">
     <div id="app"></div>
diff --git a/docs/.vitepress/config.ts b/docs/.vitepress/config.ts
index 070df3b..d77dd90 100644
--- a/docs/.vitepress/config.ts
+++ b/docs/.vitepress/config.ts
@@ -23,6 +23,7 @@ export default defineConfig({
         items: [
           { text: 'How to Contribute', link: '/contributing/how-to-contribute' },
           { text: 'Adding an Exploration', link: '/contributing/adding-an-exploration' },
+          { text: 'UI Components', link: '/contributing/ui-components' },
           { text: 'E-Components', link: '/contributing/e-components' },
           { text: 'Available E-Components', link: '/contributing/available-e-components' },
           { text: 'Styling & Design', link: '/contributing/styling' },
diff --git a/docs/contributing/adding-an-exploration.md b/docs/contributing/adding-an-exploration.md
index 65b610f..1bcc7b4 100644
--- a/docs/contributing/adding-an-exploration.md
+++ b/docs/contributing/adding-an-exploration.md
@@ -96,9 +96,9 @@ For explorations with unique behavior, build the widget from scratch using share
 import { ref } from 'vue'
 
 import { PP_BOX_LAYOUT } from '@/components/lib/layout'
-import ExamplesC from '@/components/ui/ExamplesC.vue'
-import HexDataInputC from '@/components/ui/HexDataInputC.vue'
-import PPBoxC from '@/components/ui/PPBoxC.vue'
+import ExamplesC from '@/eComponents/ui/ExamplesC.vue'
+import HexDataInputC from '@/eComponents/ui/HexDataInputC.vue'
+import ResultBoxC from '@/eComponents/ui/resultBox/ResultBoxC.vue'
 import ExplorationC from '@/explorations/ExplorationC.vue'
 import PoweredByC from '@/explorations/PoweredByC.vue'
 import { TOPICS } from '@/explorations/TOPICS'
diff --git a/docs/contributing/code-conventions.md b/docs/contributing/code-conventions.md
index ce4a0a7..9b748eb 100644
--- a/docs/contributing/code-conventions.md
+++ b/docs/contributing/code-conventions.md
@@ -13,7 +13,7 @@ Use `@/` path aliases for cross-module imports and relative paths (`./`, `../`)
 import { Hardfork } from '@ethereumjs/common'
 
 // Internal @/ alias imports
-import PPBoxC from '@/components/ui/PPBoxC.vue'
+import ResultBoxC from '@/eComponents/ui/resultBox/ResultBoxC.vue'
 import ExplorationC from '@/explorations/ExplorationC.vue'
 
 // Local relative imports last
@@ -52,9 +52,8 @@ E-Component folders and files use the `EC` postfix:
 
 ### UI Components
 
-Standard Vue component naming in `src/components/ui/`:
-- Components end with `C` (e.g. `PPBoxC.vue`, `ExamplesC.vue`)
-- Non-component helpers have descriptive names (e.g. `PPBoxErrorText.vue`)
+Standard Vue component naming in `src/eComponents/ui/`:
+- Components end with `C` (e.g. `ResultBoxC.vue`, `ExamplesC.vue`)
 
 ## Vue Patterns
 
diff --git a/docs/contributing/e-components.md b/docs/contributing/e-components.md
index 1d6954b..be4bf75 100644
--- a/docs/contributing/e-components.md
+++ b/docs/contributing/e-components.md
@@ -2,7 +2,7 @@
 
 **E-Components** are reusable, Ethereum-specific components that encapsulate common patterns across explorations. They live in `src/eComponents/` and are designed to let you build new explorations quickly without duplicating logic.
 
-While the shared [UI components](/guide/architecture#ui-components) (`src/components/ui/`) provide generic building blocks like buttons and input fields, E-Components go a level higher: they package complete Ethereum-domain patterns — like a full precompile testing interface — into a single component with a clean configuration API.
+While the shared [UI components](/contributing/ui-components) (`src/eComponents/ui/`) provide generic building blocks like buttons and input fields, E-Components go a level higher: they package complete Ethereum-domain patterns — like a full precompile testing interface — into a single component with a clean configuration API.
 
 For the list of ready-to-use E-Components, see [Available E-Components](/contributing/available-e-components).
 
diff --git a/docs/contributing/how-to-contribute.md b/docs/contributing/how-to-contribute.md
index a94db71..c60e5ff 100644
--- a/docs/contributing/how-to-contribute.md
+++ b/docs/contributing/how-to-contribute.md
@@ -75,8 +75,7 @@ npm run test:e2e     # E2E tests
 | Example presets | `src/explorations/<id>/examples.ts` |
 | Exploration registry | `src/explorations/REGISTRY.ts` |
 | E-Components | `src/eComponents/<name>EC/` |
-| Shared UI components | `src/components/ui/` |
-| Shared utilities | `src/components/lib/` |
+| Shared UI components | `src/eComponents/ui/` |
 | Unit tests | `src/views/__tests__/` (or co-located `__tests__/`) |
 | E2E tests | `cypress/e2e/` |
 | Documentation | `docs/` |
diff --git a/docs/contributing/styling.md b/docs/contributing/styling.md
index 8dea092..bc93a27 100644
--- a/docs/contributing/styling.md
+++ b/docs/contributing/styling.md
@@ -54,18 +54,18 @@ Result boxes are the dark panels used to display computation output (e.g. gas co
 | `e-result-text-md` | Medium text (e.g. status messages) |
 | `e-result-text-sm` | Small monospace text (e.g. hex output) |
 
-Usage with the `PPBoxC` component:
+Usage with the `ResultBoxC` component:
 
 ```vue
 <div class="e-grid-double">
-  <PPBoxC title="Before" :left="true">
+  <ResultBoxC title="Before" :left="true">
     <p class="e-result-text-lg">21000 Gas</p>
     <p class="e-result-text-sm">Result: 0xdeadbeef...</p>
-  </PPBoxC>
-  <PPBoxC title="After" :left="false">
+  </ResultBoxC>
+  <ResultBoxC title="After" :left="false">
     <p class="e-result-text-lg">42000 Gas</p>
     <p class="e-result-text-sm">Result: 0xcafebabe...</p>
-  </PPBoxC>
+  </ResultBoxC>
 </div>
 ```
 
@@ -107,18 +107,16 @@ Most styling is encapsulated in reusable UI components so you don't need to appl
 |-----------|-------------|
 | `ExamplesC` | Example selector dropdown — already styled with `e-select` |
 | `HexDataInputC` | Hex data input textarea — already styled with `e-textarea` |
-| `PPBoxC` | Result display box with title — uses `e-result-box` and `e-result-title` |
-| `PPBoxInfoText` | Informational placeholder message inside a result box |
-| `PPBoxErrorText` | Error message display inside a result box |
+| `ResultBoxC` | Result display box with title, info text, and error text — uses `e-result-box` and `e-result-title` |
 | `ActionButtonC` | Action button with loading state and tooltip |
 | `ButtonC` | Small icon button with tooltip |
 
-Import them from `@/components/ui/`:
+Import them from `@/eComponents/ui/`:
 
 ```typescript
-import PPBoxC from '@/components/ui/PPBoxC.vue'
-import HexDataInputC from '@/components/ui/HexDataInputC.vue'
-import ActionButtonC from '@/components/ui/ActionButtonC.vue'
+import ResultBoxC from '@/eComponents/ui/resultBox/ResultBoxC.vue'
+import HexDataInputC from '@/eComponents/ui/HexDataInputC.vue'
+import ActionButtonC from '@/eComponents/ui/ActionButtonC.vue'
 ```
 
 ## Custom Styling
@@ -156,12 +154,12 @@ While the design system handles the common cases, you can always add custom Tail
 
         <!-- Standard result display -->
         <div class="e-grid-double">
-          <PPBoxC title="Result A" :left="true">
+          <ResultBoxC title="Result A" :left="true">
             <p class="e-result-text-lg">{{ resultA }}</p>
-          </PPBoxC>
-          <PPBoxC title="Result B" :left="false">
+          </ResultBoxC>
+          <ResultBoxC title="Result B" :left="false">
             <p class="e-result-text-lg">{{ resultB }}</p>
-          </PPBoxC>
+          </ResultBoxC>
         </div>
 
         <PoweredByC :poweredBy="exploration.poweredBy" />
diff --git a/docs/contributing/ui-components.md b/docs/contributing/ui-components.md
new file mode 100644
index 0000000..1cb118e
--- /dev/null
+++ b/docs/contributing/ui-components.md
@@ -0,0 +1,134 @@
+# UI Components
+
+The project provides a set of generic, reusable UI components that you can use in any exploration or E-Component. They live in `src/eComponents/ui/` and are already styled with the exploration design system — colors adapt automatically to the current topic.
+
+## Where UI Components Live
+
+UI components are organized by scope:
+
+```
+src/eComponents/
+├── ui/                          # Shared across all E-Components and explorations
+│   ├── resultBox/               # Result display components
+│   │   └── ResultBoxC.vue
+│   ├── ExamplesC.vue
+│   ├── HexDataInputC.vue
+│   ├── ActionButtonC.vue
+│   ├── ButtonC.vue
+│   └── TooltipC.vue
+└── precompileInterfaceEC/
+    └── ui/                      # (future) Components specific to this E-Component
+```
+
+The placement rules:
+
+| Scope | Location | Example |
+|-------|----------|---------|
+| Used across multiple E-Components or explorations | `src/eComponents/ui/` | `ResultBoxC`, `ExamplesC` |
+| Specific to one E-Component | `src/eComponents/<name>/ui/` | (none yet) |
+| Specific to one exploration | `src/explorations/<id>/custom/ui/` | (none yet) |
+
+## Available Components
+
+### ExamplesC
+
+Example selector dropdown. Provides a `<select>` with pre-defined example presets.
+
+```vue
+<ExamplesC v-model="example" :examples="examples" :change="selectExample" />
+```
+
+| Prop | Type | Description |
+|------|------|-------------|
+| `v-model` | `string` | Selected example key |
+| `examples` | `Examples` | Object mapping keys to `{ title, values }` |
+| `change` | `() => void` | Called when selection changes |
+
+### HexDataInputC
+
+Hex data input textarea for raw byte input.
+
+```vue
+<HexDataInputC v-model="data" rows="6" :formChange="onDataInputFormChange" />
+```
+
+| Prop | Type | Description |
+|------|------|-------------|
+| `v-model` | `string` | The hex data string |
+| `rows` | `number` | Textarea row count |
+| `formChange` | `() => void` | Called on input change |
+
+### ResultBoxC
+
+Result display box with a title label. Used for showing computation output. Has built-in support for placeholder info text and error messages via optional props.
+
+```vue
+<ResultBoxC title="Result" :left="true">
+  <p class="e-result-text-lg">21000 Gas</p>
+</ResultBoxC>
+```
+
+| Prop | Type | Description |
+|------|------|-------------|
+| `title` | `string` | Title label shown in the box |
+| `left` | `boolean` | Alignment: `true` for left, `false` for right |
+| `infoText` | `string?` | Placeholder text shown when no content is available |
+| `errorText` | `string?` | Error message (red) with a "Report on GitHub" hint |
+
+`errorText` takes precedence over `infoText`. Both render below the slot content, so conditionally pass them only when the slot is empty:
+
+```vue
+<ResultBoxC
+  title="Result"
+  :left="true"
+  :error-text="hasError ? errorMsg : undefined"
+  :info-text="!hasResult ? 'Press button to compute...' : undefined"
+>
+  <table v-if="hasResult">...</table>
+</ResultBoxC>
+```
+
+Use with `e-grid-single` or `e-grid-double` for layout:
+
+```vue
+<div class="e-grid-double">
+  <ResultBoxC title="Before" :left="true">...</ResultBoxC>
+  <ResultBoxC title="After" :left="false">...</ResultBoxC>
+</div>
+```
+
+### ActionButtonC
+
+Async action button with loading state and tooltip. Disables itself and shows "Loading..." while the async handler runs.
+
+```vue
+<ActionButtonC tooltip="Runs the computation" text="RUN" :onClick="run" />
+```
+
+| Prop | Type | Description |
+|------|------|-------------|
+| `text` | `string` | Button label |
+| `tooltip` | `string` | Tooltip text on hover |
+| `onClick` | `() => Promise<void>` | Async click handler |
+
+### ButtonC
+
+Small icon button with tooltip. Used internally by `ExplorationC` for share and external-link icons.
+
+```vue
+<ButtonC :icon="ShareIcon" tooltip="Share" />
+```
+
+### TooltipC
+
+CSS tooltip wrapper. Used internally by `ButtonC` and `ActionButtonC`. You typically don't need this directly — use `ActionButtonC` or `ButtonC` instead.
+
+## Importing
+
+All shared UI components use the `@/eComponents/ui/` path:
+
+```typescript
+import ExamplesC from '@/eComponents/ui/ExamplesC.vue'
+import ResultBoxC from '@/eComponents/ui/resultBox/ResultBoxC.vue'
+import ActionButtonC from '@/eComponents/ui/ActionButtonC.vue'
+```
diff --git a/docs/guide/architecture.md b/docs/guide/architecture.md
index fe9e35b..76c642b 100644
--- a/docs/guide/architecture.md
+++ b/docs/guide/architecture.md
@@ -56,27 +56,23 @@ Using the Precompile Interface E-Component, a precompile exploration widget can
 
 ## UI Components
 
-Generic UI components live in `src/components/ui/` and are used across explorations:
+Generic UI components live in `src/eComponents/ui/` alongside the E-Components they serve. These are reusable building blocks available for any exploration or E-Component:
 
 | Component | Purpose |
 |-----------|---------|
 | `ExamplesC` | Example selector dropdown |
-| `HexDataInputC` | Hex data input textarea with validation |
-| `PPBoxC` | Result display box with title |
-| `PPBoxErrorText` | Error message display |
-| `PPBoxInfoText` | Informational message display |
-| `ActionButtonC` | Action button with tooltip |
+| `HexDataInputC` | Hex data input textarea |
+| `ResultBoxC` | Result display box with title, info text, and error text |
+| `ActionButtonC` | Async action button with loading state and tooltip |
 | `ButtonC` | Icon button with tooltip |
-| `HeadlineButtonC` | Headline with action button |
-| `TooltipC` | Generic tooltip wrapper |
+| `TooltipC` | CSS tooltip wrapper |
 
-Shared utilities in `src/components/lib/`:
+Import them from `@/eComponents/ui/`:
 
-| Module | Purpose |
-|--------|---------|
-| `byteFormUtils.ts` | Hex/byte conversion and validation |
-| `general.ts` | Shared types (e.g. `Examples`) |
-| `layout.ts` | Tailwind CSS class constants for consistent layouts |
+```typescript
+import ResultBoxC from '@/eComponents/ui/resultBox/ResultBoxC.vue'
+import ExamplesC from '@/eComponents/ui/ExamplesC.vue'
+```
 
 ## Key Design Decisions
 
diff --git a/src/components/ui/HeadlineButtonC.vue b/src/components/ui/HeadlineButtonC.vue
deleted file mode 100644
index f885b78..0000000
--- a/src/components/ui/HeadlineButtonC.vue
+++ /dev/null
@@ -1,18 +0,0 @@
-<script setup lang="ts">
-import { ArrowTopRightOnSquareIcon } from '@heroicons/vue/24/solid'
-
-import TooltipC from './TooltipC.vue'
-
-defineProps({
-  url: String,
-})
-</script>
-
-<template>
-  <span class="group relative inline-block">
-    <a :href="url" target="_blank">
-      <ArrowTopRightOnSquareIcon class="size-6 inline align-baseline e-text" />
-    </a>
-    <TooltipC :tooltip="url ?? ''" />
-  </span>
-</template>
diff --git a/src/components/ui/PPBoxErrorText.vue b/src/components/ui/PPBoxErrorText.vue
deleted file mode 100644
index d8210c3..0000000
--- a/src/components/ui/PPBoxErrorText.vue
+++ /dev/null
@@ -1,14 +0,0 @@
-<script setup lang="ts">
-defineProps<{
-  text: string
-}>()
-</script>
-
-<template>
-  <div class="e-result-text-sm m-5 text-center">
-    <p class="text-red-400">
-      {{ text }}
-    </p>
-    <p class="mt-2">(Wrong error? Report on GitHub.)</p>
-  </div>
-</template>
diff --git a/src/components/ui/PPBoxInfoText.vue b/src/components/ui/PPBoxInfoText.vue
deleted file mode 100644
index 27d7ac2..0000000
--- a/src/components/ui/PPBoxInfoText.vue
+++ /dev/null
@@ -1,9 +0,0 @@
-<script setup lang="ts">
-defineProps<{
-  text: string
-}>()
-</script>
-
-<template>
-  <p class="e-result-text-sm m-5 text-center">{{ text }}</p>
-</template>
diff --git a/src/eComponents/precompileInterfaceEC/PrecompileInterfaceEC.vue b/src/eComponents/precompileInterfaceEC/PrecompileInterfaceEC.vue
index 012731b..8cf8e37 100644
--- a/src/eComponents/precompileInterfaceEC/PrecompileInterfaceEC.vue
+++ b/src/eComponents/precompileInterfaceEC/PrecompileInterfaceEC.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import ExamplesC from '@/components/ui/ExamplesC.vue'
-import HexDataInputC from '@/components/ui/HexDataInputC.vue'
+import ExamplesC from '@/eComponents/ui/ExamplesC.vue'
+import HexDataInputC from '@/eComponents/ui/HexDataInputC.vue'
 import ExplorationC from '@/explorations/ExplorationC.vue'
 import PoweredByC from '@/explorations/PoweredByC.vue'
 import type { Examples } from '@/explorations/REGISTRY'
diff --git a/src/eComponents/precompileInterfaceEC/PrecompileInterfaceResultEC.vue b/src/eComponents/precompileInterfaceEC/PrecompileInterfaceResultEC.vue
index 4f63b0d..2012c8d 100644
--- a/src/eComponents/precompileInterfaceEC/PrecompileInterfaceResultEC.vue
+++ b/src/eComponents/precompileInterfaceEC/PrecompileInterfaceResultEC.vue
@@ -2,7 +2,7 @@
 import type { ExecResult } from '@ethereumjs/evm'
 import { bytesToHex } from '@ethereumjs/util'
 
-import PPBoxC from '@/components/ui/PPBoxC.vue'
+import ResultBoxC from '@/eComponents/ui/resultBox/ResultBoxC.vue'
 
 const execResult = defineModel<ExecResult>()
 
@@ -10,11 +10,11 @@ defineProps(['title', 'left'])
 </script>
 
 <template>
-  <PPBoxC :title="title" :left="true">
+  <ResultBoxC :title="title" :left="true">
     <p v-if="execResult" class="e-result-text-lg">{{ execResult?.executionGasUsed }} Gas</p>
     <p v-if="execResult" class="e-result-text-sm">
       Result: {{ execResult ? bytesToHex(execResult.returnValue) : '' }}
     </p>
     <p v-else class="e-result-text-md mt-5">Not available</p>
-  </PPBoxC>
+  </ResultBoxC>
 </template>
diff --git a/src/eComponents/precompileInterfaceEC/PrecompileValueInputEC.vue b/src/eComponents/precompileInterfaceEC/PrecompileValueInputEC.vue
index edc0a46..4d8d8c3 100644
--- a/src/eComponents/precompileInterfaceEC/PrecompileValueInputEC.vue
+++ b/src/eComponents/precompileInterfaceEC/PrecompileValueInputEC.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { computed } from 'vue'
 
-import TooltipC from '@/components/ui/TooltipC.vue'
+import TooltipC from '@/eComponents/ui/TooltipC.vue'
 
 import { isValidByteInputForm } from './utils'
 
diff --git a/src/components/ui/ActionButtonC.vue b/src/eComponents/ui/ActionButtonC.vue
similarity index 100%
rename from src/components/ui/ActionButtonC.vue
rename to src/eComponents/ui/ActionButtonC.vue
diff --git a/src/components/ui/ButtonC.vue b/src/eComponents/ui/ButtonC.vue
similarity index 100%
rename from src/components/ui/ButtonC.vue
rename to src/eComponents/ui/ButtonC.vue
diff --git a/src/components/ui/ExamplesC.vue b/src/eComponents/ui/ExamplesC.vue
similarity index 100%
rename from src/components/ui/ExamplesC.vue
rename to src/eComponents/ui/ExamplesC.vue
diff --git a/src/components/ui/HexDataInputC.vue b/src/eComponents/ui/HexDataInputC.vue
similarity index 100%
rename from src/components/ui/HexDataInputC.vue
rename to src/eComponents/ui/HexDataInputC.vue
diff --git a/src/components/ui/TooltipC.vue b/src/eComponents/ui/TooltipC.vue
similarity index 100%
rename from src/components/ui/TooltipC.vue
rename to src/eComponents/ui/TooltipC.vue
diff --git a/src/components/ui/PPBoxC.vue b/src/eComponents/ui/resultBox/ResultBoxC.vue
similarity index 50%
rename from src/components/ui/PPBoxC.vue
rename to src/eComponents/ui/resultBox/ResultBoxC.vue
index 9e54827..23e1712 100644
--- a/src/components/ui/PPBoxC.vue
+++ b/src/eComponents/ui/resultBox/ResultBoxC.vue
@@ -2,6 +2,8 @@
 defineProps<{
   title: string
   left?: boolean
+  infoText?: string
+  errorText?: string
 }>()
 </script>
 
@@ -11,5 +13,10 @@ defineProps<{
       <span class="e-result-title">{{ title }}</span>
     </div>
     <slot />
+    <div v-if="errorText" class="e-result-text-sm m-5 text-center">
+      <p class="text-red-400">{{ errorText }}</p>
+      <p class="mt-2">(Wrong error? Report on GitHub.)</p>
+    </div>
+    <p v-else-if="infoText" class="e-result-text-sm m-5 text-center">{{ infoText }}</p>
   </div>
 </template>
diff --git a/src/explorations/ExplorationC.vue b/src/explorations/ExplorationC.vue
index 0d65a36..c1191e5 100644
--- a/src/explorations/ExplorationC.vue
+++ b/src/explorations/ExplorationC.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { ArrowTopRightOnSquareIcon, ShareIcon } from '@heroicons/vue/24/solid'
 
-import ButtonC from '@/components/ui/ButtonC.vue'
+import ButtonC from '@/eComponents/ui/ButtonC.vue'
 
 import type { Exploration } from './REGISTRY'
 import { type Topic, topicCSSVars } from './TOPICS'
diff --git a/src/explorations/eip-7594/MyC.vue b/src/explorations/eip-7594/MyC.vue
index 0167785..e890bac 100644
--- a/src/explorations/eip-7594/MyC.vue
+++ b/src/explorations/eip-7594/MyC.vue
@@ -9,12 +9,10 @@ import {
 } from '@ethereumjs/util'
 import { trustedSetup } from '@paulmillr/trusted-setups/fast-peerdas.js'
 
-import ActionButtonC from '@/components/ui/ActionButtonC.vue'
-import ExamplesC from '@/components/ui/ExamplesC.vue'
-import HexDataInputC from '@/components/ui/HexDataInputC.vue'
-import PPBoxC from '@/components/ui/PPBoxC.vue'
-import PPBoxErrorText from '@/components/ui/PPBoxErrorText.vue'
-import PPBoxInfoText from '@/components/ui/PPBoxInfoText.vue'
+import ActionButtonC from '@/eComponents/ui/ActionButtonC.vue'
+import ExamplesC from '@/eComponents/ui/ExamplesC.vue'
+import HexDataInputC from '@/eComponents/ui/HexDataInputC.vue'
+import ResultBoxC from '@/eComponents/ui/resultBox/ResultBoxC.vue'
 import ExplorationC from '@/explorations/ExplorationC.vue'
 import PoweredByC from '@/explorations/PoweredByC.vue'
 import { TOPICS } from '@/explorations/TOPICS'
@@ -99,7 +97,13 @@ await init()
         <HexDataInputC v-model="data" rows="6" :formChange="onDataInputFormChange" />
 
         <div class="e-grid-single">
-          <PPBoxC title="EIP-4844 + EIP-7594" :left="true" class="4844-7594-box">
+          <ResultBoxC
+            title="EIP-4844 + EIP-7594"
+            :left="true"
+            class="4844-7594-box"
+            :error-text="commitment === '' && errorMsg !== '' ? errorMsg : undefined"
+            :info-text="commitment === '' && errorMsg === '' ? 'Press button to compute...' : undefined"
+          >
             <table v-if="commitment !== ''" class="e-result-text-sm">
               <tr>
                 <td class="p-3">Commitment</td>
@@ -119,20 +123,25 @@ await init()
                 <td class="p-3 break-all">{{ data.length }}</td>
               </tr>
             </table>
-            <div v-else>
-              <PPBoxErrorText v-if="errorMsg !== ''" :text="errorMsg" />
-              <PPBoxInfoText v-else text="Press button to compute..." />
-            </div>
-          </PPBoxC>
+          </ResultBoxC>
         </div>
         <div class="e-grid-double">
-          <PPBoxC title="EIP-4844 | 1 Blob Proof" :left="true" class="4844-box">
+          <ResultBoxC
+            title="EIP-4844 | 1 Blob Proof"
+            :left="true"
+            class="4844-box"
+            :info-text="commitment === '' ? 'Same here.' : undefined"
+          >
             <p v-if="commitment !== ''" class="e-result-text-sm">
               {{ blobProof }}
             </p>
-            <PPBoxInfoText v-else text="Same here." />
-          </PPBoxC>
-          <PPBoxC title="EIP-7594 | 128 Cell Proofs" :left="false" class="7594-box">
+          </ResultBoxC>
+          <ResultBoxC
+            title="EIP-7594 | 128 Cell Proofs"
+            :left="false"
+            class="7594-box"
+            :info-text="commitment === '' ? 'Same here.' : undefined"
+          >
             <div v-if="commitment !== ''">
               <p
                 v-for="(value, index) in cellProofs.slice(0, 4)"
@@ -143,8 +152,7 @@ await init()
               </p>
               <p v-if="cellProofs.length > 4" class="e-result-text-sm">...</p>
             </div>
-            <PPBoxInfoText v-else text="Same here." />
-          </PPBoxC>
+          </ResultBoxC>
         </div>
         <PoweredByC :poweredBy="exploration.poweredBy" />
       </div>

From c1207365bb2777bda9d7bdff3a0df7aef50a538c Mon Sep 17 00:00:00 2001
From: Holger Drewes <Holger.Drewes@gmail.com>
Date: Tue, 3 Mar 2026 15:31:15 +0100
Subject: [PATCH 17/29] UI component renaming

---
 dist/website/index.html                       |  2 +-
 docs/contributing/adding-an-exploration.md    | 10 ++--
 docs/contributing/code-conventions.md         |  4 +-
 docs/contributing/styling.md                  | 40 +++++++-------
 docs/contributing/ui-components.md            | 54 +++++++++----------
 docs/guide/architecture.md                    | 16 +++---
 .../PrecompileInterfaceEC.vue                 |  8 +--
 .../PrecompileInterfaceResultEC.vue           |  6 +--
 .../PrecompileValueInputEC.vue                |  4 +-
 ...{ActionButtonC.vue => ActionButtonUIC.vue} |  4 +-
 .../ui/{ButtonC.vue => ButtonUIC.vue}         |  4 +-
 .../ui/{ExamplesC.vue => ExamplesUIC.vue}     |  0
 ...{HexDataInputC.vue => HexDataInputUIC.vue} |  0
 .../ui/{TooltipC.vue => TooltipUIC.vue}       |  0
 .../{ResultBoxC.vue => ResultBoxUIC.vue}      |  0
 src/explorations/ExplorationC.vue             |  6 +--
 src/explorations/eip-7594/MyC.vue             | 26 ++++-----
 17 files changed, 92 insertions(+), 92 deletions(-)
 rename src/eComponents/ui/{ActionButtonC.vue => ActionButtonUIC.vue} (90%)
 rename src/eComponents/ui/{ButtonC.vue => ButtonUIC.vue} (73%)
 rename src/eComponents/ui/{ExamplesC.vue => ExamplesUIC.vue} (100%)
 rename src/eComponents/ui/{HexDataInputC.vue => HexDataInputUIC.vue} (100%)
 rename src/eComponents/ui/{TooltipC.vue => TooltipUIC.vue} (100%)
 rename src/eComponents/ui/resultBox/{ResultBoxC.vue => ResultBoxUIC.vue} (100%)

diff --git a/dist/website/index.html b/dist/website/index.html
index 3736be8..947b784 100644
--- a/dist/website/index.html
+++ b/dist/website/index.html
@@ -5,7 +5,7 @@
     <link rel="icon" href="/assets/favicon-DIYJD7QH.png">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Feel Your Protocol</title>
-    <script type="module" crossorigin src="/assets/index-sspndEZx.js"></script>
+    <script type="module" crossorigin src="/assets/index-Bt2YgA2K.js"></script>
     <link rel="stylesheet" crossorigin href="/assets/index-BFsdIEVP.css">
   </head>
   <body class="container mx-auto p-2">
diff --git a/docs/contributing/adding-an-exploration.md b/docs/contributing/adding-an-exploration.md
index 1bcc7b4..7177b4f 100644
--- a/docs/contributing/adding-an-exploration.md
+++ b/docs/contributing/adding-an-exploration.md
@@ -96,9 +96,9 @@ For explorations with unique behavior, build the widget from scratch using share
 import { ref } from 'vue'
 
 import { PP_BOX_LAYOUT } from '@/components/lib/layout'
-import ExamplesC from '@/eComponents/ui/ExamplesC.vue'
-import HexDataInputC from '@/eComponents/ui/HexDataInputC.vue'
-import ResultBoxC from '@/eComponents/ui/resultBox/ResultBoxC.vue'
+import ExamplesUIC from '@/eComponents/ui/ExamplesUIC.vue'
+import HexDataInputUIC from '@/eComponents/ui/HexDataInputUIC.vue'
+import ResultBoxUIC from '@/eComponents/ui/resultBox/ResultBoxUIC.vue'
 import ExplorationC from '@/explorations/ExplorationC.vue'
 import PoweredByC from '@/explorations/PoweredByC.vue'
 import { TOPICS } from '@/explorations/TOPICS'
@@ -131,8 +131,8 @@ await init()
   <ExplorationC explorationId="eip-XXXX" :exploration="exploration" :topic="topic">
     <template #content>
       <div>
-        <ExamplesC v-model="example" :examples="examples" :change="selectExample" />
-        <HexDataInputC v-model="data" rows="6" :formChange="onDataInputFormChange" />
+        <ExamplesUIC v-model="example" :examples="examples" :change="selectExample" />
+        <HexDataInputUIC v-model="data" rows="6" :formChange="onDataInputFormChange" />
         <!-- Your result display here -->
         <PoweredByC :poweredBy="exploration.poweredBy" :topic="topic" />
       </div>
diff --git a/docs/contributing/code-conventions.md b/docs/contributing/code-conventions.md
index 9b748eb..4b168f7 100644
--- a/docs/contributing/code-conventions.md
+++ b/docs/contributing/code-conventions.md
@@ -13,7 +13,7 @@ Use `@/` path aliases for cross-module imports and relative paths (`./`, `../`)
 import { Hardfork } from '@ethereumjs/common'
 
 // Internal @/ alias imports
-import ResultBoxC from '@/eComponents/ui/resultBox/ResultBoxC.vue'
+import ResultBoxUIC from '@/eComponents/ui/resultBox/ResultBoxUIC.vue'
 import ExplorationC from '@/explorations/ExplorationC.vue'
 
 // Local relative imports last
@@ -53,7 +53,7 @@ E-Component folders and files use the `EC` postfix:
 ### UI Components
 
 Standard Vue component naming in `src/eComponents/ui/`:
-- Components end with `C` (e.g. `ResultBoxC.vue`, `ExamplesC.vue`)
+- UI components end with `UIC` (e.g. `ResultBoxUIC.vue`, `ExamplesUIC.vue`), E-Components with `EC`, other structure components with `C`
 
 ## Vue Patterns
 
diff --git a/docs/contributing/styling.md b/docs/contributing/styling.md
index bc93a27..3a5fb13 100644
--- a/docs/contributing/styling.md
+++ b/docs/contributing/styling.md
@@ -54,18 +54,18 @@ Result boxes are the dark panels used to display computation output (e.g. gas co
 | `e-result-text-md` | Medium text (e.g. status messages) |
 | `e-result-text-sm` | Small monospace text (e.g. hex output) |
 
-Usage with the `ResultBoxC` component:
+Usage with the `ResultBoxUIC` component:
 
 ```vue
 <div class="e-grid-double">
-  <ResultBoxC title="Before" :left="true">
+  <ResultBoxUIC title="Before" :left="true">
     <p class="e-result-text-lg">21000 Gas</p>
     <p class="e-result-text-sm">Result: 0xdeadbeef...</p>
-  </ResultBoxC>
-  <ResultBoxC title="After" :left="false">
+  </ResultBoxUIC>
+  <ResultBoxUIC title="After" :left="false">
     <p class="e-result-text-lg">42000 Gas</p>
     <p class="e-result-text-sm">Result: 0xcafebabe...</p>
-  </ResultBoxC>
+  </ResultBoxUIC>
 </div>
 ```
 
@@ -78,7 +78,7 @@ Usage with the `ResultBoxC` component:
 
 ### Form Inputs
 
-These classes are already applied inside the shared UI components (`HexDataInputC`, `ExamplesC`). You typically don't need them directly, but they're available:
+These classes are already applied inside the shared UI components (`HexDataInputUIC`, `ExamplesUIC`). You typically don't need them directly, but they're available:
 
 | Class | Purpose |
 |-------|---------|
@@ -105,18 +105,18 @@ Most styling is encapsulated in reusable UI components so you don't need to appl
 
 | Component | What it does |
 |-----------|-------------|
-| `ExamplesC` | Example selector dropdown — already styled with `e-select` |
-| `HexDataInputC` | Hex data input textarea — already styled with `e-textarea` |
-| `ResultBoxC` | Result display box with title, info text, and error text — uses `e-result-box` and `e-result-title` |
-| `ActionButtonC` | Action button with loading state and tooltip |
-| `ButtonC` | Small icon button with tooltip |
+| `ExamplesUIC` | Example selector dropdown — already styled with `e-select` |
+| `HexDataInputUIC` | Hex data input textarea — already styled with `e-textarea` |
+| `ResultBoxUIC` | Result display box with title, info text, and error text — uses `e-result-box` and `e-result-title` |
+| `ActionButtonUIC` | Action button with loading state and tooltip |
+| `ButtonUIC` | Small icon button with tooltip |
 
 Import them from `@/eComponents/ui/`:
 
 ```typescript
-import ResultBoxC from '@/eComponents/ui/resultBox/ResultBoxC.vue'
-import HexDataInputC from '@/eComponents/ui/HexDataInputC.vue'
-import ActionButtonC from '@/eComponents/ui/ActionButtonC.vue'
+import ResultBoxUIC from '@/eComponents/ui/resultBox/ResultBoxUIC.vue'
+import HexDataInputUIC from '@/eComponents/ui/HexDataInputUIC.vue'
+import ActionButtonUIC from '@/eComponents/ui/ActionButtonUIC.vue'
 ```
 
 ## Custom Styling
@@ -143,8 +143,8 @@ While the design system handles the common cases, you can always add custom Tail
   <ExplorationC explorationId="my-exploration" :exploration="exploration" :topic="topic">
     <template #content>
       <div>
-        <ExamplesC v-model="example" :examples="examples" :change="selectExample" />
-        <HexDataInputC v-model="data" rows="6" :formChange="onDataInputFormChange" />
+        <ExamplesUIC v-model="example" :examples="examples" :change="selectExample" />
+        <HexDataInputUIC v-model="data" rows="6" :formChange="onDataInputFormChange" />
 
         <!-- Custom layout with design system colors -->
         <div class="mt-4 grid grid-cols-3 gap-2">
@@ -154,12 +154,12 @@ While the design system handles the common cases, you can always add custom Tail
 
         <!-- Standard result display -->
         <div class="e-grid-double">
-          <ResultBoxC title="Result A" :left="true">
+          <ResultBoxUIC title="Result A" :left="true">
             <p class="e-result-text-lg">{{ resultA }}</p>
-          </ResultBoxC>
-          <ResultBoxC title="Result B" :left="false">
+          </ResultBoxUIC>
+          <ResultBoxUIC title="Result B" :left="false">
             <p class="e-result-text-lg">{{ resultB }}</p>
-          </ResultBoxC>
+          </ResultBoxUIC>
         </div>
 
         <PoweredByC :poweredBy="exploration.poweredBy" />
diff --git a/docs/contributing/ui-components.md b/docs/contributing/ui-components.md
index 1cb118e..163ae25 100644
--- a/docs/contributing/ui-components.md
+++ b/docs/contributing/ui-components.md
@@ -10,12 +10,12 @@ UI components are organized by scope:
 src/eComponents/
 ├── ui/                          # Shared across all E-Components and explorations
 │   ├── resultBox/               # Result display components
-│   │   └── ResultBoxC.vue
-│   ├── ExamplesC.vue
-│   ├── HexDataInputC.vue
-│   ├── ActionButtonC.vue
-│   ├── ButtonC.vue
-│   └── TooltipC.vue
+│   │   └── ResultBoxUIC.vue
+│   ├── ExamplesUIC.vue
+│   ├── HexDataInputUIC.vue
+│   ├── ActionButtonUIC.vue
+│   ├── ButtonUIC.vue
+│   └── TooltipUIC.vue
 └── precompileInterfaceEC/
     └── ui/                      # (future) Components specific to this E-Component
 ```
@@ -24,18 +24,18 @@ The placement rules:
 
 | Scope | Location | Example |
 |-------|----------|---------|
-| Used across multiple E-Components or explorations | `src/eComponents/ui/` | `ResultBoxC`, `ExamplesC` |
+| Used across multiple E-Components or explorations | `src/eComponents/ui/` | `ResultBoxUIC`, `ExamplesUIC` |
 | Specific to one E-Component | `src/eComponents/<name>/ui/` | (none yet) |
 | Specific to one exploration | `src/explorations/<id>/custom/ui/` | (none yet) |
 
 ## Available Components
 
-### ExamplesC
+### ExamplesUIC
 
 Example selector dropdown. Provides a `<select>` with pre-defined example presets.
 
 ```vue
-<ExamplesC v-model="example" :examples="examples" :change="selectExample" />
+<ExamplesUIC v-model="example" :examples="examples" :change="selectExample" />
 ```
 
 | Prop | Type | Description |
@@ -44,12 +44,12 @@ Example selector dropdown. Provides a `<select>` with pre-defined example preset
 | `examples` | `Examples` | Object mapping keys to `{ title, values }` |
 | `change` | `() => void` | Called when selection changes |
 
-### HexDataInputC
+### HexDataInputUIC
 
 Hex data input textarea for raw byte input.
 
 ```vue
-<HexDataInputC v-model="data" rows="6" :formChange="onDataInputFormChange" />
+<HexDataInputUIC v-model="data" rows="6" :formChange="onDataInputFormChange" />
 ```
 
 | Prop | Type | Description |
@@ -58,14 +58,14 @@ Hex data input textarea for raw byte input.
 | `rows` | `number` | Textarea row count |
 | `formChange` | `() => void` | Called on input change |
 
-### ResultBoxC
+### ResultBoxUIC
 
 Result display box with a title label. Used for showing computation output. Has built-in support for placeholder info text and error messages via optional props.
 
 ```vue
-<ResultBoxC title="Result" :left="true">
+<ResultBoxUIC title="Result" :left="true">
   <p class="e-result-text-lg">21000 Gas</p>
-</ResultBoxC>
+</ResultBoxUIC>
 ```
 
 | Prop | Type | Description |
@@ -78,31 +78,31 @@ Result display box with a title label. Used for showing computation output. Has
 `errorText` takes precedence over `infoText`. Both render below the slot content, so conditionally pass them only when the slot is empty:
 
 ```vue
-<ResultBoxC
+<ResultBoxUIC
   title="Result"
   :left="true"
   :error-text="hasError ? errorMsg : undefined"
   :info-text="!hasResult ? 'Press button to compute...' : undefined"
 >
   <table v-if="hasResult">...</table>
-</ResultBoxC>
+</ResultBoxUIC>
 ```
 
 Use with `e-grid-single` or `e-grid-double` for layout:
 
 ```vue
 <div class="e-grid-double">
-  <ResultBoxC title="Before" :left="true">...</ResultBoxC>
-  <ResultBoxC title="After" :left="false">...</ResultBoxC>
+  <ResultBoxUIC title="Before" :left="true">...</ResultBoxUIC>
+  <ResultBoxUIC title="After" :left="false">...</ResultBoxUIC>
 </div>
 ```
 
-### ActionButtonC
+### ActionButtonUIC
 
 Async action button with loading state and tooltip. Disables itself and shows "Loading..." while the async handler runs.
 
 ```vue
-<ActionButtonC tooltip="Runs the computation" text="RUN" :onClick="run" />
+<ActionButtonUIC tooltip="Runs the computation" text="RUN" :onClick="run" />
 ```
 
 | Prop | Type | Description |
@@ -111,24 +111,24 @@ Async action button with loading state and tooltip. Disables itself and shows "L
 | `tooltip` | `string` | Tooltip text on hover |
 | `onClick` | `() => Promise<void>` | Async click handler |
 
-### ButtonC
+### ButtonUIC
 
 Small icon button with tooltip. Used internally by `ExplorationC` for share and external-link icons.
 
 ```vue
-<ButtonC :icon="ShareIcon" tooltip="Share" />
+<ButtonUIC :icon="ShareIcon" tooltip="Share" />
 ```
 
-### TooltipC
+### TooltipUIC
 
-CSS tooltip wrapper. Used internally by `ButtonC` and `ActionButtonC`. You typically don't need this directly — use `ActionButtonC` or `ButtonC` instead.
+CSS tooltip wrapper. Used internally by `ButtonUIC` and `ActionButtonUIC`. You typically don't need this directly — use `ActionButtonUIC` or `ButtonUIC` instead.
 
 ## Importing
 
 All shared UI components use the `@/eComponents/ui/` path:
 
 ```typescript
-import ExamplesC from '@/eComponents/ui/ExamplesC.vue'
-import ResultBoxC from '@/eComponents/ui/resultBox/ResultBoxC.vue'
-import ActionButtonC from '@/eComponents/ui/ActionButtonC.vue'
+import ExamplesUIC from '@/eComponents/ui/ExamplesUIC.vue'
+import ResultBoxUIC from '@/eComponents/ui/resultBox/ResultBoxUIC.vue'
+import ActionButtonUIC from '@/eComponents/ui/ActionButtonUIC.vue'
 ```
diff --git a/docs/guide/architecture.md b/docs/guide/architecture.md
index 76c642b..eea5731 100644
--- a/docs/guide/architecture.md
+++ b/docs/guide/architecture.md
@@ -60,18 +60,18 @@ Generic UI components live in `src/eComponents/ui/` alongside the E-Components t
 
 | Component | Purpose |
 |-----------|---------|
-| `ExamplesC` | Example selector dropdown |
-| `HexDataInputC` | Hex data input textarea |
-| `ResultBoxC` | Result display box with title, info text, and error text |
-| `ActionButtonC` | Async action button with loading state and tooltip |
-| `ButtonC` | Icon button with tooltip |
-| `TooltipC` | CSS tooltip wrapper |
+| `ExamplesUIC` | Example selector dropdown |
+| `HexDataInputUIC` | Hex data input textarea |
+| `ResultBoxUIC` | Result display box with title, info text, and error text |
+| `ActionButtonUIC` | Async action button with loading state and tooltip |
+| `ButtonUIC` | Icon button with tooltip |
+| `TooltipUIC` | CSS tooltip wrapper |
 
 Import them from `@/eComponents/ui/`:
 
 ```typescript
-import ResultBoxC from '@/eComponents/ui/resultBox/ResultBoxC.vue'
-import ExamplesC from '@/eComponents/ui/ExamplesC.vue'
+import ResultBoxUIC from '@/eComponents/ui/resultBox/ResultBoxUIC.vue'
+import ExamplesUIC from '@/eComponents/ui/ExamplesUIC.vue'
 ```
 
 ## Key Design Decisions
diff --git a/src/eComponents/precompileInterfaceEC/PrecompileInterfaceEC.vue b/src/eComponents/precompileInterfaceEC/PrecompileInterfaceEC.vue
index 8cf8e37..6511333 100644
--- a/src/eComponents/precompileInterfaceEC/PrecompileInterfaceEC.vue
+++ b/src/eComponents/precompileInterfaceEC/PrecompileInterfaceEC.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import ExamplesC from '@/eComponents/ui/ExamplesC.vue'
-import HexDataInputC from '@/eComponents/ui/HexDataInputC.vue'
+import ExamplesUIC from '@/eComponents/ui/ExamplesUIC.vue'
+import HexDataInputUIC from '@/eComponents/ui/HexDataInputUIC.vue'
 import ExplorationC from '@/explorations/ExplorationC.vue'
 import PoweredByC from '@/explorations/PoweredByC.vue'
 import type { Examples } from '@/explorations/REGISTRY'
@@ -48,8 +48,8 @@ await init()
   >
     <template #content>
       <div>
-        <ExamplesC v-model="example" :examples="examples" :change="selectExample" />
-        <HexDataInputC v-model="data" rows="6" :formChange="onDataInputFormChange" />
+        <ExamplesUIC v-model="example" :examples="examples" :change="selectExample" />
+        <HexDataInputUIC v-model="data" rows="6" :formChange="onDataInputFormChange" />
 
         <PrecompileValueInputEC
           v-for="val in inputValues"
diff --git a/src/eComponents/precompileInterfaceEC/PrecompileInterfaceResultEC.vue b/src/eComponents/precompileInterfaceEC/PrecompileInterfaceResultEC.vue
index 2012c8d..91feebf 100644
--- a/src/eComponents/precompileInterfaceEC/PrecompileInterfaceResultEC.vue
+++ b/src/eComponents/precompileInterfaceEC/PrecompileInterfaceResultEC.vue
@@ -2,7 +2,7 @@
 import type { ExecResult } from '@ethereumjs/evm'
 import { bytesToHex } from '@ethereumjs/util'
 
-import ResultBoxC from '@/eComponents/ui/resultBox/ResultBoxC.vue'
+import ResultBoxUIC from '@/eComponents/ui/resultBox/ResultBoxUIC.vue'
 
 const execResult = defineModel<ExecResult>()
 
@@ -10,11 +10,11 @@ defineProps(['title', 'left'])
 </script>
 
 <template>
-  <ResultBoxC :title="title" :left="true">
+  <ResultBoxUIC :title="title" :left="true">
     <p v-if="execResult" class="e-result-text-lg">{{ execResult?.executionGasUsed }} Gas</p>
     <p v-if="execResult" class="e-result-text-sm">
       Result: {{ execResult ? bytesToHex(execResult.returnValue) : '' }}
     </p>
     <p v-else class="e-result-text-md mt-5">Not available</p>
-  </ResultBoxC>
+  </ResultBoxUIC>
 </template>
diff --git a/src/eComponents/precompileInterfaceEC/PrecompileValueInputEC.vue b/src/eComponents/precompileInterfaceEC/PrecompileValueInputEC.vue
index 4d8d8c3..3e7dcb5 100644
--- a/src/eComponents/precompileInterfaceEC/PrecompileValueInputEC.vue
+++ b/src/eComponents/precompileInterfaceEC/PrecompileValueInputEC.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { computed } from 'vue'
 
-import TooltipC from '@/eComponents/ui/TooltipC.vue'
+import TooltipUIC from '@/eComponents/ui/TooltipUIC.vue'
 
 import { isValidByteInputForm } from './utils'
 
@@ -35,7 +35,7 @@ const tooltip = computed(() => {
       <p class="font-bold text-xl col-span-1 e-text">{{ title }}</p>
       <span class="group relative col-span-5">
         <input @input="input" v-model="val" :class="validation" class="e-input text-right" />
-        <TooltipC :tooltip="tooltip" />
+        <TooltipUIC :tooltip="tooltip" />
       </span>
 
       <p class="col-span-1 text-xs">{{ len }} Bytes</p>
diff --git a/src/eComponents/ui/ActionButtonC.vue b/src/eComponents/ui/ActionButtonUIC.vue
similarity index 90%
rename from src/eComponents/ui/ActionButtonC.vue
rename to src/eComponents/ui/ActionButtonUIC.vue
index 4f279f3..8826a4f 100644
--- a/src/eComponents/ui/ActionButtonC.vue
+++ b/src/eComponents/ui/ActionButtonUIC.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { nextTick, ref } from 'vue'
 
-import TooltipC from './TooltipC.vue'
+import TooltipUIC from './TooltipUIC.vue'
 
 const props = defineProps<{
   text: string
@@ -31,6 +31,6 @@ async function handleClick() {
 <template>
   <button @click="handleClick" type="button" :disabled="isLoading" class="group e-action-button">
     {{ buttonText }}
-    <TooltipC :tooltip="tooltip" />
+    <TooltipUIC :tooltip="tooltip" />
   </button>
 </template>
diff --git a/src/eComponents/ui/ButtonC.vue b/src/eComponents/ui/ButtonUIC.vue
similarity index 73%
rename from src/eComponents/ui/ButtonC.vue
rename to src/eComponents/ui/ButtonUIC.vue
index 856505d..ac65f98 100644
--- a/src/eComponents/ui/ButtonC.vue
+++ b/src/eComponents/ui/ButtonUIC.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import TooltipC from './TooltipC.vue'
+import TooltipUIC from './TooltipUIC.vue'
 
 defineProps({
   icon: Object,
@@ -10,6 +10,6 @@ defineProps({
 <template>
   <span class="group relative inline-block">
     <component :is="icon" class="e-button-icon" />
-    <TooltipC :tooltip="tooltip" />
+    <TooltipUIC :tooltip="tooltip" />
   </span>
 </template>
diff --git a/src/eComponents/ui/ExamplesC.vue b/src/eComponents/ui/ExamplesUIC.vue
similarity index 100%
rename from src/eComponents/ui/ExamplesC.vue
rename to src/eComponents/ui/ExamplesUIC.vue
diff --git a/src/eComponents/ui/HexDataInputC.vue b/src/eComponents/ui/HexDataInputUIC.vue
similarity index 100%
rename from src/eComponents/ui/HexDataInputC.vue
rename to src/eComponents/ui/HexDataInputUIC.vue
diff --git a/src/eComponents/ui/TooltipC.vue b/src/eComponents/ui/TooltipUIC.vue
similarity index 100%
rename from src/eComponents/ui/TooltipC.vue
rename to src/eComponents/ui/TooltipUIC.vue
diff --git a/src/eComponents/ui/resultBox/ResultBoxC.vue b/src/eComponents/ui/resultBox/ResultBoxUIC.vue
similarity index 100%
rename from src/eComponents/ui/resultBox/ResultBoxC.vue
rename to src/eComponents/ui/resultBox/ResultBoxUIC.vue
diff --git a/src/explorations/ExplorationC.vue b/src/explorations/ExplorationC.vue
index c1191e5..01cffa3 100644
--- a/src/explorations/ExplorationC.vue
+++ b/src/explorations/ExplorationC.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { ArrowTopRightOnSquareIcon, ShareIcon } from '@heroicons/vue/24/solid'
 
-import ButtonC from '@/eComponents/ui/ButtonC.vue'
+import ButtonUIC from '@/eComponents/ui/ButtonUIC.vue'
 
 import type { Exploration } from './REGISTRY'
 import { type Topic, topicCSSVars } from './TOPICS'
@@ -22,10 +22,10 @@ const cssVars = topicCSSVars(props.topic.color)
       <h3 class="font-bold text-xl col-span-3 e-text">{{ exploration.title }}</h3>
       <div class="flex justify-end items-center">
         <a v-if="shareURL" href="#" @click.prevent="shareURL" class="share-url-button mr-1.5">
-          <ButtonC :icon="ShareIcon" tooltip="Open Shareable URL" />
+          <ButtonUIC :icon="ShareIcon" tooltip="Open Shareable URL" />
         </a>
         <a :href="exploration.infoURL" target="_blank" class="visit-exploration-button mr-1">
-          <ButtonC
+          <ButtonUIC
             :icon="ArrowTopRightOnSquareIcon"
             tooltip="External Link with more information"
           />
diff --git a/src/explorations/eip-7594/MyC.vue b/src/explorations/eip-7594/MyC.vue
index e890bac..beeafcf 100644
--- a/src/explorations/eip-7594/MyC.vue
+++ b/src/explorations/eip-7594/MyC.vue
@@ -9,10 +9,10 @@ import {
 } from '@ethereumjs/util'
 import { trustedSetup } from '@paulmillr/trusted-setups/fast-peerdas.js'
 
-import ActionButtonC from '@/eComponents/ui/ActionButtonC.vue'
-import ExamplesC from '@/eComponents/ui/ExamplesC.vue'
-import HexDataInputC from '@/eComponents/ui/HexDataInputC.vue'
-import ResultBoxC from '@/eComponents/ui/resultBox/ResultBoxC.vue'
+import ActionButtonUIC from '@/eComponents/ui/ActionButtonUIC.vue'
+import ExamplesUIC from '@/eComponents/ui/ExamplesUIC.vue'
+import HexDataInputUIC from '@/eComponents/ui/HexDataInputUIC.vue'
+import ResultBoxUIC from '@/eComponents/ui/resultBox/ResultBoxUIC.vue'
 import ExplorationC from '@/explorations/ExplorationC.vue'
 import PoweredByC from '@/explorations/PoweredByC.vue'
 import { TOPICS } from '@/explorations/TOPICS'
@@ -85,7 +85,7 @@ await init()
   <ExplorationC explorationId="eip-7594" :exploration="exploration" :topic="topic">
     <template #content>
       <div class="mt-3 text-right">
-        <ActionButtonC
+        <ActionButtonUIC
           tooltip="This is a bit slow (> 10 seconds)"
           text="COMMIT/PROOF/RUN"
           :onClick="run"
@@ -93,11 +93,11 @@ await init()
         />
       </div>
       <div>
-        <ExamplesC v-model="example" :examples="examples" :change="selectExample" />
-        <HexDataInputC v-model="data" rows="6" :formChange="onDataInputFormChange" />
+        <ExamplesUIC v-model="example" :examples="examples" :change="selectExample" />
+        <HexDataInputUIC v-model="data" rows="6" :formChange="onDataInputFormChange" />
 
         <div class="e-grid-single">
-          <ResultBoxC
+          <ResultBoxUIC
             title="EIP-4844 + EIP-7594"
             :left="true"
             class="4844-7594-box"
@@ -123,10 +123,10 @@ await init()
                 <td class="p-3 break-all">{{ data.length }}</td>
               </tr>
             </table>
-          </ResultBoxC>
+          </ResultBoxUIC>
         </div>
         <div class="e-grid-double">
-          <ResultBoxC
+          <ResultBoxUIC
             title="EIP-4844 | 1 Blob Proof"
             :left="true"
             class="4844-box"
@@ -135,8 +135,8 @@ await init()
             <p v-if="commitment !== ''" class="e-result-text-sm">
               {{ blobProof }}
             </p>
-          </ResultBoxC>
-          <ResultBoxC
+          </ResultBoxUIC>
+          <ResultBoxUIC
             title="EIP-7594 | 128 Cell Proofs"
             :left="false"
             class="7594-box"
@@ -152,7 +152,7 @@ await init()
               </p>
               <p v-if="cellProofs.length > 4" class="e-result-text-sm">...</p>
             </div>
-          </ResultBoxC>
+          </ResultBoxUIC>
         </div>
         <PoweredByC :poweredBy="exploration.poweredBy" />
       </div>

From 5957f8ea2e9ca8927d3607e781292442569becc2 Mon Sep 17 00:00:00 2001
From: Holger Drewes <Holger.Drewes@gmail.com>
Date: Tue, 3 Mar 2026 15:32:12 +0100
Subject: [PATCH 18/29] Linting

---
 src/explorations/eip-7594/MyC.vue | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/explorations/eip-7594/MyC.vue b/src/explorations/eip-7594/MyC.vue
index beeafcf..468da53 100644
--- a/src/explorations/eip-7594/MyC.vue
+++ b/src/explorations/eip-7594/MyC.vue
@@ -102,7 +102,9 @@ await init()
             :left="true"
             class="4844-7594-box"
             :error-text="commitment === '' && errorMsg !== '' ? errorMsg : undefined"
-            :info-text="commitment === '' && errorMsg === '' ? 'Press button to compute...' : undefined"
+            :info-text="
+              commitment === '' && errorMsg === '' ? 'Press button to compute...' : undefined
+            "
           >
             <table v-if="commitment !== ''" class="e-result-text-sm">
               <tr>

From 326742c5e7fac9edc0b230197f80adba2898e1ea Mon Sep 17 00:00:00 2001
From: Holger Drewes <Holger.Drewes@gmail.com>
Date: Wed, 4 Mar 2026 13:56:11 +0100
Subject: [PATCH 19/29] Introduce @headlessui/vue, rework example select
 component

---
 dist/website/index.html            |  4 +-
 package-lock.json                  | 42 ++++++++++++++++++
 package.json                       |  1 +
 src/eComponents/ui/ExamplesUIC.vue | 68 +++++++++++++++++++++++++++---
 src/main.css                       | 14 ++++++
 5 files changed, 120 insertions(+), 9 deletions(-)

diff --git a/dist/website/index.html b/dist/website/index.html
index 947b784..6733395 100644
--- a/dist/website/index.html
+++ b/dist/website/index.html
@@ -5,8 +5,8 @@
     <link rel="icon" href="/assets/favicon-DIYJD7QH.png">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Feel Your Protocol</title>
-    <script type="module" crossorigin src="/assets/index-Bt2YgA2K.js"></script>
-    <link rel="stylesheet" crossorigin href="/assets/index-BFsdIEVP.css">
+    <script type="module" crossorigin src="/assets/index-BirL1uLJ.js"></script>
+    <link rel="stylesheet" crossorigin href="/assets/index-DlkO2kt0.css">
   </head>
   <body class="container mx-auto p-2">
     <div id="app"></div>
diff --git a/package-lock.json b/package-lock.json
index ecbc460..3294bef 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -11,6 +11,7 @@
         "@ethereumjs/common": "^10.1.1-nightly.1",
         "@ethereumjs/evm": "^10.1.1-nightly.1",
         "@ethereumjs/util": "^10.1.1-nightly.1",
+        "@headlessui/vue": "^1.7.23",
         "@heroicons/vue": "^2.2.0",
         "@paulmillr/trusted-setups": "^0.2.0",
         "@tailwindcss/vite": "^4.1.13",
@@ -1489,6 +1490,21 @@
         "@hapi/hoek": "^9.0.0"
       }
     },
+    "node_modules/@headlessui/vue": {
+      "version": "1.7.23",
+      "resolved": "https://registry.npmjs.org/@headlessui/vue/-/vue-1.7.23.tgz",
+      "integrity": "sha512-JzdCNqurrtuu0YW6QaDtR2PIYCKPUWq28csDyMvN4zmGccmE7lz40Is6hc3LA4HFeCI7sekZ/PQMTNmn9I/4Wg==",
+      "license": "MIT",
+      "dependencies": {
+        "@tanstack/vue-virtual": "^3.0.0-beta.60"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "peerDependencies": {
+        "vue": "^3.2.0"
+      }
+    },
     "node_modules/@heroicons/vue": {
       "version": "2.2.0",
       "resolved": "https://registry.npmjs.org/@heroicons/vue/-/vue-2.2.0.tgz",
@@ -2495,6 +2511,32 @@
         "vite": "^5.2.0 || ^6 || ^7"
       }
     },
+    "node_modules/@tanstack/virtual-core": {
+      "version": "3.13.19",
+      "resolved": "https://registry.npmjs.org/@tanstack/virtual-core/-/virtual-core-3.13.19.tgz",
+      "integrity": "sha512-/BMP7kNhzKOd7wnDeB8NrIRNLwkf5AhCYCvtfZV2GXWbBieFm/el0n6LOAXlTi6ZwHICSNnQcIxRCWHrLzDY+g==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/tannerlinsley"
+      }
+    },
+    "node_modules/@tanstack/vue-virtual": {
+      "version": "3.13.19",
+      "resolved": "https://registry.npmjs.org/@tanstack/vue-virtual/-/vue-virtual-3.13.19.tgz",
+      "integrity": "sha512-07Fp1TYuIziB4zIDA/moeDKHODePy3K1fN4c4VIAGnkxo1+uOvBJP7m54CoxKiQX6Q9a1dZnznrwOg9C86yvvA==",
+      "license": "MIT",
+      "dependencies": {
+        "@tanstack/virtual-core": "3.13.19"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/tannerlinsley"
+      },
+      "peerDependencies": {
+        "vue": "^2.7.0 || ^3.0.0"
+      }
+    },
     "node_modules/@tsconfig/node22": {
       "version": "22.0.2",
       "resolved": "https://registry.npmjs.org/@tsconfig/node22/-/node22-22.0.2.tgz",
diff --git a/package.json b/package.json
index ee7541b..ac00b10 100644
--- a/package.json
+++ b/package.json
@@ -28,6 +28,7 @@
     "@ethereumjs/common": "^10.1.1-nightly.1",
     "@ethereumjs/evm": "^10.1.1-nightly.1",
     "@ethereumjs/util": "^10.1.1-nightly.1",
+    "@headlessui/vue": "^1.7.23",
     "@heroicons/vue": "^2.2.0",
     "@paulmillr/trusted-setups": "^0.2.0",
     "@tailwindcss/vite": "^4.1.13",
diff --git a/src/eComponents/ui/ExamplesUIC.vue b/src/eComponents/ui/ExamplesUIC.vue
index 0115bf2..4f06f50 100644
--- a/src/eComponents/ui/ExamplesUIC.vue
+++ b/src/eComponents/ui/ExamplesUIC.vue
@@ -1,4 +1,13 @@
 <script setup lang="ts">
+import { computed } from 'vue'
+import {
+  Listbox,
+  ListboxButton,
+  ListboxOption,
+  ListboxOptions,
+} from '@headlessui/vue'
+import { ChevronUpDownIcon } from '@heroicons/vue/20/solid'
+
 interface Examples {
   [key: string]: {
     title: string
@@ -8,17 +17,62 @@ interface Examples {
 
 const example = defineModel<string>()
 
-defineProps<{
+const props = defineProps<{
   examples: Examples
   change: () => void
 }>()
+
+const selectedTitle = computed(() => {
+  if (!example.value || !props.examples[example.value]) return 'Examples'
+  return props.examples[example.value].title
+})
+
+function onSelect(key: string) {
+  example.value = key
+  props.change()
+}
 </script>
 
 <template>
-  <p class="text-right">
-    <select v-model="example" class="examples-select e-select" @change="change">
-      <option disabled value="">Examples</option>
-      <option v-for="(val, key) in examples" :key="key" :value="key">{{ val.title }}</option>
-    </select>
-  </p>
+  <div class="text-right">
+    <Listbox :model-value="example" @update:model-value="onSelect">
+      <div class="relative inline-block">
+        <ListboxButton class="e-select inline-flex items-center gap-1">
+          {{ selectedTitle }}
+          <ChevronUpDownIcon class="size-3.5 opacity-60" />
+        </ListboxButton>
+
+        <transition
+          enter-active-class="transition duration-100 ease-out"
+          enter-from-class="opacity-0 scale-95"
+          enter-to-class="opacity-100 scale-100"
+          leave-active-class="transition duration-75 ease-in"
+          leave-from-class="opacity-100 scale-100"
+          leave-to-class="opacity-0 scale-95"
+        >
+          <ListboxOptions
+            class="e-listbox-options absolute right-0 z-20 mt-1 w-max max-h-60 overflow-auto rounded-sm border text-xs shadow-lg focus:outline-none"
+          >
+            <ListboxOption
+              v-for="(val, key) in examples"
+              :key="key"
+              :value="key"
+              v-slot="{ active, selected }"
+              as="template"
+            >
+              <li
+                :class="[
+                  'e-listbox-option cursor-pointer whitespace-nowrap px-3 py-1.5 select-none first:rounded-t-sm last:rounded-b-sm',
+                  active ? 'e-listbox-option-active' : '',
+                  selected ? 'font-bold' : '',
+                ]"
+              >
+                {{ val.title }}
+              </li>
+            </ListboxOption>
+          </ListboxOptions>
+        </transition>
+      </div>
+    </Listbox>
+  </div>
 </template>
diff --git a/src/main.css b/src/main.css
index 5009191..a44c839 100644
--- a/src/main.css
+++ b/src/main.css
@@ -74,9 +74,23 @@
 
 .e-select {
   color: var(--e-text);
+  border-color: var(--e-text);
   @apply text-xs border-1 px-1 pt-0.5 pb-0.5 mb-0.5 rounded-sm;
 }
 
+.e-listbox-options {
+  background-color: var(--e-bg);
+  border-color: var(--e-text);
+}
+
+.e-listbox-option {
+  color: var(--e-text);
+}
+
+.e-listbox-option-active {
+  background-color: var(--e-bg-medium);
+}
+
 .e-input {
   background-color: var(--e-bg-light);
   @apply font-mono text-xs rounded-xs p-0.5 w-full;

From 6376270c35266b3c52f6a334dfe1c59c6cdd8fed Mon Sep 17 00:00:00 2001
From: Holger Drewes <Holger.Drewes@gmail.com>
Date: Wed, 4 Mar 2026 14:07:40 +0100
Subject: [PATCH 20/29] Reworked exploration navi using headlessui + navigation
 fix and additional test

---
 dist/website/index.html               |  4 +-
 docs/contributing/ui-components.md    | 11 ++-
 src/App.vue                           | 98 ++++++++++++++++++++-------
 src/views/__tests__/AppLayout.spec.ts | 76 ++++++++++++++++-----
 4 files changed, 145 insertions(+), 44 deletions(-)

diff --git a/dist/website/index.html b/dist/website/index.html
index 6733395..53fee0f 100644
--- a/dist/website/index.html
+++ b/dist/website/index.html
@@ -5,8 +5,8 @@
     <link rel="icon" href="/assets/favicon-DIYJD7QH.png">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Feel Your Protocol</title>
-    <script type="module" crossorigin src="/assets/index-BirL1uLJ.js"></script>
-    <link rel="stylesheet" crossorigin href="/assets/index-DlkO2kt0.css">
+    <script type="module" crossorigin src="/assets/index-C7Hp5vwk.js"></script>
+    <link rel="stylesheet" crossorigin href="/assets/index-Cwl5SZnM.css">
   </head>
   <body class="container mx-auto p-2">
     <div id="app"></div>
diff --git a/docs/contributing/ui-components.md b/docs/contributing/ui-components.md
index 163ae25..e0f8982 100644
--- a/docs/contributing/ui-components.md
+++ b/docs/contributing/ui-components.md
@@ -32,7 +32,7 @@ The placement rules:
 
 ### ExamplesUIC
 
-Example selector dropdown. Provides a `<select>` with pre-defined example presets.
+Example selector dropdown built on [Headless UI Listbox](https://headlessui.dev/v1/vue/listbox). Provides an accessible, keyboard-navigable dropdown with pre-defined example presets.
 
 ```vue
 <ExamplesUIC v-model="example" :examples="examples" :change="selectExample" />
@@ -123,6 +123,15 @@ Small icon button with tooltip. Used internally by `ExplorationC` for share and
 
 CSS tooltip wrapper. Used internally by `ButtonUIC` and `ActionButtonUIC`. You typically don't need this directly — use `ActionButtonUIC` or `ButtonUIC` instead.
 
+## Underlying Libraries
+
+Some UI components use [Headless UI](https://headlessui.dev/) (`@headlessui/vue`) — a set of completely unstyled, accessible UI primitives designed for Tailwind CSS. Headless UI handles keyboard navigation, focus management, and ARIA attributes while we control all styling via the exploration design system.
+
+Currently used by:
+- `ExamplesUIC` — uses the Headless UI **Listbox** component
+
+As a contributor you don't need to interact with Headless UI directly — just use the UIC components as documented above.
+
 ## Importing
 
 All shared UI components use the `@/eComponents/ui/` path:
diff --git a/src/App.vue b/src/App.vue
index 01319bb..8546411 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,23 +1,37 @@
 <script setup lang="ts">
-import { type Ref, ref, watch } from 'vue'
+import { computed, ref, watch } from 'vue'
 import { RouterLink, RouterView, useRoute, useRouter } from 'vue-router'
+import { Listbox, ListboxButton, ListboxOption, ListboxOptions } from '@headlessui/vue'
+import { ChevronUpDownIcon } from '@heroicons/vue/20/solid'
 
 import { EXPLORATIONS } from '@/explorations/REGISTRY'
 
 const router = useRouter()
 const route = useRoute()
-const selectedRoute: Ref<string> = ref(route.path.includes('eip-') ? route.path : '')
+const selectedRoute = ref(route.path.includes('eip-') ? route.path : '')
+
+const selectedLabel = computed(() => {
+  if (!selectedRoute.value) return 'All Explorations'
+  const entry = Object.entries(EXPLORATIONS).find(([, e]) => e.path === selectedRoute.value)
+  return entry ? entry[0].toUpperCase() : 'All Explorations'
+})
+
+watch(selectedRoute, (path) => {
+  const target = path || '/'
+  if (route.path !== target) {
+    router.push(target)
+  }
+})
 
 watch(
   () => route.path,
   (newPath) => {
-    selectedRoute.value = newPath.includes('eip-') ? newPath : ''
+    const expected = newPath.includes('eip-') ? newPath : ''
+    if (selectedRoute.value !== expected) {
+      selectedRoute.value = expected
+    }
   },
 )
-
-const navigate = () => {
-  router.push(selectedRoute.value)
-}
 </script>
 
 <template>
@@ -29,21 +43,59 @@ const navigate = () => {
         >
       </h1>
       <nav class="font-mono text-sm text-right flex justify-end items-center">
-        <select
-          v-model="selectedRoute"
-          @change="navigate"
-          class="text-sm ml-6 border-1 p-1 rounded-sm"
-          id="exploration-navi"
-        >
-          <option disabled value="">All Explorations</option>
-          <option
-            v-for="[id, exploration] in Object.entries(EXPLORATIONS)"
-            :key="id"
-            :value="exploration.path"
-          >
-            {{ id.toUpperCase() }}
-          </option>
-        </select>
+        <Listbox v-model="selectedRoute">
+          <div class="relative inline-block">
+            <ListboxButton
+              class="inline-flex items-center gap-1 text-sm ml-6 border-1 p-1 rounded-sm cursor-pointer"
+              id="exploration-navi"
+            >
+              {{ selectedLabel }}
+              <ChevronUpDownIcon class="size-4 opacity-60" />
+            </ListboxButton>
+
+            <transition
+              enter-active-class="transition duration-100 ease-out"
+              enter-from-class="opacity-0 scale-95"
+              enter-to-class="opacity-100 scale-100"
+              leave-active-class="transition duration-75 ease-in"
+              leave-from-class="opacity-100 scale-100"
+              leave-to-class="opacity-0 scale-95"
+            >
+              <ListboxOptions
+                class="absolute right-0 z-20 mt-1 w-max max-h-60 overflow-auto rounded-sm border border-slate-300 bg-white text-sm shadow-lg focus:outline-none"
+              >
+                <ListboxOption value="" v-slot="{ active, selected }" as="template">
+                  <li
+                    :class="[
+                      'cursor-pointer whitespace-nowrap px-3 py-1.5 select-none first:rounded-t-sm last:rounded-b-sm',
+                      active ? 'bg-blue-50' : '',
+                      selected ? 'font-bold' : '',
+                    ]"
+                  >
+                    All Explorations
+                  </li>
+                </ListboxOption>
+                <ListboxOption
+                  v-for="[id, exploration] in Object.entries(EXPLORATIONS)"
+                  :key="id"
+                  :value="exploration.path"
+                  v-slot="{ active, selected }"
+                  as="template"
+                >
+                  <li
+                    :class="[
+                      'cursor-pointer whitespace-nowrap px-3 py-1.5 select-none first:rounded-t-sm last:rounded-b-sm',
+                      active ? 'bg-blue-50' : '',
+                      selected ? 'font-bold' : '',
+                    ]"
+                  >
+                    {{ id.toUpperCase() }}
+                  </li>
+                </ListboxOption>
+              </ListboxOptions>
+            </transition>
+          </div>
+        </Listbox>
       </nav>
     </div>
     <div class="grid grid-cols-1">
@@ -51,7 +103,7 @@ const navigate = () => {
     </div>
   </header>
 
-  <RouterView class="grid grid-cols-1" />
+  <RouterView :key="route.path" class="grid grid-cols-1" />
 
   <footer class="grid grid-cols-2 pt-2 mt-10 mb-2">
     <h3 class="font-mono text-xs">
diff --git a/src/views/__tests__/AppLayout.spec.ts b/src/views/__tests__/AppLayout.spec.ts
index 4b69641..6895734 100644
--- a/src/views/__tests__/AppLayout.spec.ts
+++ b/src/views/__tests__/AppLayout.spec.ts
@@ -1,18 +1,26 @@
 import { describe, expect, it } from 'vitest'
 import { createMemoryHistory, createRouter } from 'vue-router'
-import { mount, RouterLinkStub } from '@vue/test-utils'
+import { flushPromises, mount, RouterLinkStub } from '@vue/test-utils'
 
 import App from '@/App.vue'
 import { EXPLORATIONS } from '@/explorations/REGISTRY'
 
 const DummyView = { template: '<div>dummy</div>' }
 
-const router = createRouter({
-  history: createMemoryHistory(),
-  routes: [{ path: '/', name: 'home', component: DummyView }],
-})
+function makeRouter() {
+  const explorationRoutes = Object.entries(EXPLORATIONS).map(([id, e]) => ({
+    path: e.path,
+    name: id,
+    component: DummyView,
+  }))
+
+  return createRouter({
+    history: createMemoryHistory(),
+    routes: [{ path: '/', name: 'home', component: DummyView }, ...explorationRoutes],
+  })
+}
 
-async function mountApp() {
+async function mountApp(router: ReturnType<typeof makeRouter>) {
   router.push('/')
   await router.isReady()
   return mount(App, {
@@ -26,35 +34,67 @@ async function mountApp() {
 describe('App layout', () => {
   describe('Header', () => {
     it('renders site title', async () => {
-      const wrapper = await mountApp()
+      const wrapper = await mountApp(makeRouter())
       expect(wrapper.find('header').text()).toContain('Feel Your Protocol')
     })
 
     it('renders subtitle', async () => {
-      const wrapper = await mountApp()
+      const wrapper = await mountApp(makeRouter())
       expect(wrapper.find('header').text()).toContain('Interactive Ethereum Protocol Explorations')
     })
 
-    it('exploration dropdown lists all explorations', async () => {
-      const wrapper = await mountApp()
-      const options = wrapper.findAll('#exploration-navi option')
-      const explorationCount = Object.keys(EXPLORATIONS).length
-      expect(options).toHaveLength(explorationCount + 1) // +1 for disabled placeholder
-      for (const id of Object.keys(EXPLORATIONS)) {
-        expect(wrapper.find('#exploration-navi').text()).toContain(id.toUpperCase())
-      }
+    it('exploration dropdown button is rendered', async () => {
+      const wrapper = await mountApp(makeRouter())
+      const button = wrapper.find('#exploration-navi')
+      expect(button.exists()).toBe(true)
+      expect(button.text()).toContain('All Explorations')
+    })
+  })
+
+  describe('Navigation', () => {
+    it('navigates to exploration when selected via dropdown', async () => {
+      const router = makeRouter()
+      const wrapper = await mountApp(router)
+
+      const [firstId, firstExploration] = Object.entries(EXPLORATIONS)[0]
+
+      // Open the listbox
+      await wrapper.find('#exploration-navi').trigger('click')
+      await flushPromises()
+
+      // Find and click the first exploration option
+      const options = wrapper.findAll('li')
+      const target = options.find((li) => li.text() === firstId.toUpperCase())
+      expect(target).toBeDefined()
+      await target!.trigger('click')
+      await flushPromises()
+
+      expect(router.currentRoute.value.path).toBe(firstExploration.path)
+    })
+
+    it('syncs dropdown label when navigating via router', async () => {
+      const router = makeRouter()
+      const wrapper = await mountApp(router)
+
+      const [firstId, firstExploration] = Object.entries(EXPLORATIONS)[0]
+
+      await router.push(firstExploration.path)
+      await flushPromises()
+
+      const button = wrapper.find('#exploration-navi')
+      expect(button.text()).toContain(firstId.toUpperCase())
     })
   })
 
   describe('Footer', () => {
     it('has Imprint link', async () => {
-      const wrapper = await mountApp()
+      const wrapper = await mountApp(makeRouter())
       const links = wrapper.findAllComponents(RouterLinkStub)
       expect(links.some((l) => l.props('to') === '/imprint')).toBe(true)
     })
 
     it('has GitHub link', async () => {
-      const wrapper = await mountApp()
+      const wrapper = await mountApp(makeRouter())
       const ghLink = wrapper.find('footer a[href="https://github.com/feelyourprotocol/website"]')
       expect(ghLink.exists()).toBe(true)
     })

From e26365afce0ead637dc13785a4a0cd79afe8329e Mon Sep 17 00:00:00 2001
From: Holger Drewes <Holger.Drewes@gmail.com>
Date: Wed, 4 Mar 2026 14:19:34 +0100
Subject: [PATCH 21/29] Some color palette rework

---
 dist/website/index.html   |  4 +--
 src/App.vue               |  6 ++--
 src/views/HomeView.vue    | 14 ++++++----
 src/views/ImprintView.vue | 59 ++++++++++++++++++++++++++-------------
 4 files changed, 53 insertions(+), 30 deletions(-)

diff --git a/dist/website/index.html b/dist/website/index.html
index 53fee0f..00e1b0b 100644
--- a/dist/website/index.html
+++ b/dist/website/index.html
@@ -5,8 +5,8 @@
     <link rel="icon" href="/assets/favicon-DIYJD7QH.png">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Feel Your Protocol</title>
-    <script type="module" crossorigin src="/assets/index-C7Hp5vwk.js"></script>
-    <link rel="stylesheet" crossorigin href="/assets/index-Cwl5SZnM.css">
+    <script type="module" crossorigin src="/assets/index-CL-ssia8.js"></script>
+    <link rel="stylesheet" crossorigin href="/assets/index-TR7RryOf.css">
   </head>
   <body class="container mx-auto p-2">
     <div id="app"></div>
diff --git a/src/App.vue b/src/App.vue
index 8546411..18532ef 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -38,7 +38,7 @@ watch(
   <header class="mt-3 mb-8">
     <div class="grid grid-cols-2 mb-3">
       <h1>
-        <RouterLink to="/" class="text-2xl md:text-4xl font-bold text-blue-900"
+        <RouterLink to="/" class="text-2xl md:text-4xl font-bold text-slate-800"
           >Feel Your Protocol</RouterLink
         >
       </h1>
@@ -68,7 +68,7 @@ watch(
                   <li
                     :class="[
                       'cursor-pointer whitespace-nowrap px-3 py-1.5 select-none first:rounded-t-sm last:rounded-b-sm',
-                      active ? 'bg-blue-50' : '',
+                      active ? 'bg-slate-100' : '',
                       selected ? 'font-bold' : '',
                     ]"
                   >
@@ -85,7 +85,7 @@ watch(
                   <li
                     :class="[
                       'cursor-pointer whitespace-nowrap px-3 py-1.5 select-none first:rounded-t-sm last:rounded-b-sm',
-                      active ? 'bg-blue-50' : '',
+                      active ? 'bg-slate-100' : '',
                       selected ? 'font-bold' : '',
                     ]"
                   >
diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
index 6d2c4a6..8646607 100644
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@@ -33,33 +33,35 @@ for (const topicId of Object.keys(TOPICS)) {
       </div>
 
       <div>
-        <div class="bg-blue-900 text-white rounded-xl mb-4 p-5">
+        <div class="bg-slate-800 text-white rounded-xl mb-4 p-5">
           <p class="mb-2 text-xl font-bold">About the Project</p>
-          <p class="text-blue-100 text-sm leading-relaxed">
+          <p class="text-slate-300 text-sm leading-relaxed">
             Feel Your Protocol is a collaborative open-source project providing interactive
             explorations of upcoming Ethereum protocol changes. Widgets are powered by real EVM and
             cryptography libraries running directly in the browser — no backend needed.
           </p>
-          <p class="text-blue-100 text-sm leading-relaxed mt-2">
+          <p class="text-slate-300 text-sm leading-relaxed mt-2">
             Want to contribute?
             <a
               href="https://docs.feelyourprotocol.org"
               target="_blank"
-              class="underline text-white hover:text-blue-200"
+              class="underline text-white hover:text-slate-100"
               >Check the docs</a
             >
             or jump straight into the
             <a
               href="https://github.com/feelyourprotocol/website"
               target="_blank"
-              class="underline text-white hover:text-blue-200"
+              class="underline text-white hover:text-slate-100"
               >code on GitHub</a
             >.
           </p>
         </div>
 
         <div class="text-right mb-3 mt-6">
-          <span class="text-sm rounded-lg font-mono border-1 p-1.5">Latest</span>
+          <span class="text-sm rounded-lg font-mono border-1 border-slate-300 text-slate-600 p-1.5"
+            >Latest</span
+          >
         </div>
 
         <RouterLink
diff --git a/src/views/ImprintView.vue b/src/views/ImprintView.vue
index f5dd55f..9a607b4 100644
--- a/src/views/ImprintView.vue
+++ b/src/views/ImprintView.vue
@@ -9,58 +9,79 @@
     </div>
 
     <div class="grid md:grid-cols-2 gap-4">
-      <div class="bg-blue-300 bg-clip-border p-6 rounded-xl font-mono text-xs">
-        <h3 class="font-bold text-lg text-blue-900">CONTRIBUTIONS 👾</h3>
+      <div class="bg-slate-800 text-white bg-clip-border p-6 rounded-xl font-mono text-xs">
+        <h3 class="font-bold text-lg">CONTRIBUTIONS 👾</h3>
 
-        <p class="mt-2">
+        <p class="mt-2 text-slate-300">
           Questions? Ideas? Suggestions?<br />
           Reach out!
         </p>
-        <p class="mt-5">This website is open for contributions on GitHub.</p>
+        <p class="mt-5 text-slate-300">This website is open for contributions on GitHub.</p>
 
-        <h3 class="font-bold text-lg text-blue-900 mt-8">ACKNOWLEDGEMENTS ❤️</h3>
+        <h3 class="font-bold text-lg mt-8">ACKNOWLEDGEMENTS ❤️</h3>
 
-        <p class="mt-2">This site uses the following libraries & tools:</p>
+        <p class="mt-2 text-slate-300">This site uses the following libraries & tools:</p>
 
-        <h4 class="font-bold text-sm text-blue-900 mt-5">Ethereum</h4>
-        <ul class="mt-2">
+        <h4 class="font-bold text-sm mt-5">Ethereum</h4>
+        <ul class="mt-2 text-slate-300">
           <li class="m-1">
             <a
               href="https://github.com/ethereumjs/ethereumjs-monorepo"
               target="_blank"
               rel="noopener"
+              class="underline text-white hover:text-slate-100"
               >EthereumJS</a
             >
           </li>
           <li class="m-1">
-            <a href="https://paulmillr.com/noble/" target="_blank" rel="noopener">Noble Crypto</a>
+            <a
+              href="https://paulmillr.com/noble/"
+              target="_blank"
+              rel="noopener"
+              class="underline text-white hover:text-slate-100"
+              >Noble Crypto</a
+            >
           </li>
         </ul>
 
-        <h4 class="font-bold text-sm text-blue-900 mt-5">Tooling</h4>
-        <ul class="mt-2">
+        <h4 class="font-bold text-sm mt-5">Tooling</h4>
+        <ul class="mt-2 text-slate-300">
           <li class="m-1">
-            <a href="https://vuejs.org/" target="_blank" rel="noopener"
+            <a
+              href="https://vuejs.org/"
+              target="_blank"
+              rel="noopener"
+              class="underline text-white hover:text-slate-100"
               >Vue.js (+ Vitest/Cypress/ESlint)</a
             >
           </li>
           <li class="m-1">
-            <a href="https://tailwindcss.com/" target="_blank" rel="noopener">Tailwind</a>
+            <a
+              href="https://tailwindcss.com/"
+              target="_blank"
+              rel="noopener"
+              class="underline text-white hover:text-slate-100"
+              >Tailwind</a
+            >
           </li>
         </ul>
 
-        <h4 class="font-bold text-sm text-blue-900 mt-5">Design</h4>
-        <ul class="mt-2">
+        <h4 class="font-bold text-sm mt-5">Design</h4>
+        <ul class="mt-2 text-slate-300">
           <li class="m-1">
-            <a href="https://www.midjourney.com" target="_blank" rel="noopener"
+            <a
+              href="https://www.midjourney.com"
+              target="_blank"
+              rel="noopener"
+              class="underline text-white hover:text-slate-100"
               >Midjourney (dancers)</a
             >
           </li>
         </ul>
       </div>
 
-      <div class="border-blue-300 border-2 bg-clip-border p-6 rounded-xl text-xs font-mono">
-        <h3 class="font-bold text-lg text-blue-900">CONTACT 👋</h3>
+      <div class="border-slate-300 border-2 bg-clip-border p-6 rounded-xl text-xs font-mono">
+        <h3 class="font-bold text-lg text-slate-800">CONTACT 👋</h3>
 
         <p class="mt-5">Holger Drewes</p>
         <p class="mt-2">
@@ -71,7 +92,7 @@
         <p class="mt-4">Contact: Holger.Drewes with Gmail, Twitter or GitHub</p>
 
         <div class="mt-10">
-          <h3 class="font-bold text-lg text-blue-900">DATA 🐠</h3>
+          <h3 class="font-bold text-lg text-slate-800">DATA 🐠</h3>
 
           <p class="mt-3">
             This website is a personal/developer project and does not collect any personal data, use

From b4175aed60d879491bdd9e794641ea3401cc8c3f Mon Sep 17 00:00:00 2001
From: Holger Drewes <Holger.Drewes@gmail.com>
Date: Wed, 4 Mar 2026 14:56:56 +0100
Subject: [PATCH 22/29] Design sparks

---
 src/App.vue                                  |  22 +++--
 src/assets/fonts/JetBrainsMono-Bold.woff2    | Bin 0 -> 94588 bytes
 src/assets/fonts/JetBrainsMono-OFL.txt       |  93 +++++++++++++++++++
 src/assets/fonts/JetBrainsMono-Regular.woff2 | Bin 0 -> 92164 bytes
 src/main.css                                 |  89 ++++++++++++++++++
 src/views/HomeView.vue                       |   6 +-
 src/views/ImprintView.vue                    |   7 +-
 src/views/TopicIntroView.vue                 |   2 +-
 8 files changed, 202 insertions(+), 17 deletions(-)
 create mode 100644 src/assets/fonts/JetBrainsMono-Bold.woff2
 create mode 100644 src/assets/fonts/JetBrainsMono-OFL.txt
 create mode 100644 src/assets/fonts/JetBrainsMono-Regular.woff2

diff --git a/src/App.vue b/src/App.vue
index 18532ef..a42a9e5 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -38,8 +38,10 @@ watch(
   <header class="mt-3 mb-8">
     <div class="grid grid-cols-2 mb-3">
       <h1>
-        <RouterLink to="/" class="text-2xl md:text-4xl font-bold text-slate-800"
-          >Feel Your Protocol</RouterLink
+        <RouterLink
+          to="/"
+          class="text-2xl md:text-4xl font-bold tracking-wider bg-gradient-to-r from-purple-600 to-cyan-500 bg-clip-text text-transparent"
+          ><span class="text-purple-500">◆</span> Feel Your Protocol</RouterLink
         >
       </h1>
       <nav class="font-mono text-sm text-right flex justify-end items-center">
@@ -98,26 +100,26 @@ watch(
         </Listbox>
       </nav>
     </div>
-    <div class="grid grid-cols-1">
-      <p class="text-xl md:text-2xl text-slate-500">Interactive Ethereum Protocol Explorations.</p>
-    </div>
+    <p class="text-lg md:text-xl text-slate-500 tracking-wide terminal-cursor">
+      Interactive Ethereum Protocol Explorations.
+    </p>
   </header>
 
   <RouterView :key="route.path" class="grid grid-cols-1" />
 
-  <footer class="grid grid-cols-2 pt-2 mt-10 mb-2">
-    <h3 class="font-mono text-xs">
-      Made with ❤️ and pure dedication by
+  <footer class="footer-accent grid grid-cols-2 pt-3 mt-10 mb-2">
+    <h3 class="font-mono text-xs text-slate-500">
+      <span class="text-purple-500">◆</span> Made with ❤️ and pure dedication by
       <a href="https://x.com/HolgerD77" target="_blank" rel="noopener">HolgerD77</a>
     </h3>
 
-    <h3 class="font-mono text-xs text-right">
+    <h3 class="font-mono text-xs text-right text-slate-500">
       <RouterLink to="/imprint">Imprint</RouterLink>
+      <span class="text-purple-500 mx-2">◆</span>
       <a
         href="https://github.com/feelyourprotocol/website"
         target="_blank"
         rel="noopener"
-        class="ml-3"
         >GitHub</a
       >
     </h3>
diff --git a/src/assets/fonts/JetBrainsMono-Bold.woff2 b/src/assets/fonts/JetBrainsMono-Bold.woff2
new file mode 100644
index 0000000000000000000000000000000000000000..4917f43410757b48e4ad1eca81b868dfe405d25b
GIT binary patch
literal 94588
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
W6KeHYDRQ^d=CvO2o&f^^0sSA5t?+*U

literal 0
HcmV?d00001

diff --git a/src/assets/fonts/JetBrainsMono-OFL.txt b/src/assets/fonts/JetBrainsMono-OFL.txt
new file mode 100644
index 0000000..8bee414
--- /dev/null
+++ b/src/assets/fonts/JetBrainsMono-OFL.txt
@@ -0,0 +1,93 @@
+Copyright 2020 The JetBrains Mono Project Authors (https://github.com/JetBrains/JetBrainsMono)
+
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+This license is copied below, and is also available with a FAQ at:
+https://scripts.sil.org/OFL
+
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded, 
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting -- in part or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.
diff --git a/src/assets/fonts/JetBrainsMono-Regular.woff2 b/src/assets/fonts/JetBrainsMono-Regular.woff2
new file mode 100644
index 0000000000000000000000000000000000000000..40da427651937ac3b65ea6842f9448a810f719c6
GIT binary patch
literal 92164
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%0A8;vgQ=!?I3ie`l+=pu?>UlrjFQ?&c
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
D$_u1J

literal 0
HcmV?d00001

diff --git a/src/main.css b/src/main.css
index a44c839..468f691 100644
--- a/src/main.css
+++ b/src/main.css
@@ -1,5 +1,85 @@
 @import 'tailwindcss';
 
+/* ============================================================
+ * JetBrains Mono — self-hosted, SIL Open Font License
+ * ============================================================ */
+
+@font-face {
+  font-family: 'JetBrains Mono';
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url('./assets/fonts/JetBrainsMono-Regular.woff2') format('woff2');
+}
+
+@font-face {
+  font-family: 'JetBrains Mono';
+  font-style: normal;
+  font-weight: 700;
+  font-display: swap;
+  src: url('./assets/fonts/JetBrainsMono-Bold.woff2') format('woff2');
+}
+
+@theme {
+  --font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
+    'Liberation Mono', 'Courier New', monospace;
+}
+
+/* ============================================================
+ * Protocol Signals — subtle cypherpunk design sparks
+ *
+ * Each spark carries philosophical weight from the cypherpunk
+ * movement: privacy, code-first culture, open commons,
+ * decentralized coordination. They signal "Ethereum builder
+ * space" without overpowering the content.
+ * ============================================================ */
+
+/* Spark 2: Protocol beacon — thin gradient accent at page top */
+body::before {
+  content: '';
+  display: block;
+  height: 2px;
+  background: linear-gradient(90deg, #7c3aed, #06b6d4);
+}
+
+/* Spark 4: Terminal cursor — always building, always running */
+@keyframes blink {
+  0%, 100% { opacity: 1; }
+  50% { opacity: 0; }
+}
+
+.terminal-cursor::after {
+  content: '▌';
+  animation: blink 1s step-end infinite;
+  @apply text-cyan-500 ml-0.5;
+}
+
+/* Spark 5: Neon hover glow — protocol nodes light up on interaction */
+.neon-glow-hover {
+  transition: box-shadow 0.25s ease;
+}
+
+.neon-glow-hover:hover {
+  box-shadow: 0 0 15px rgba(124, 58, 237, 0.12), 0 0 30px rgba(6, 182, 212, 0.06);
+}
+
+/* Spark 6: About box permanent glow */
+.neon-glow-permanent {
+  box-shadow: 0 0 25px rgba(124, 58, 237, 0.1);
+}
+
+/* Spark 8: Footer gradient accent */
+.footer-accent {
+  border-image: linear-gradient(90deg, #7c3aed, #06b6d4) 1;
+  border-top-width: 1px;
+}
+
+/* Spark 9: Dot-grid texture — network topology underneath */
+body {
+  background-image: radial-gradient(circle, #cbd5e1 0.5px, transparent 0.5px);
+  background-size: 24px 24px;
+}
+
 /* ============================================================
  * Exploration Design System
  *
@@ -115,3 +195,12 @@
   background-color: var(--e-bg-medium);
   @apply relative inline-flex items-center justify-center border-2 border-white rounded-lg p-2 text-xs font-bold cursor-pointer hover:bg-white disabled:opacity-50 disabled:cursor-not-allowed;
 }
+
+/* Spark 5 (continued): exploration cards glow on hover */
+.exploration-c {
+  transition: box-shadow 0.25s ease;
+}
+
+.exploration-c:hover {
+  box-shadow: 0 0 15px rgba(124, 58, 237, 0.12), 0 0 30px rgba(6, 182, 212, 0.06);
+}
diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
index 8646607..4fa3b27 100644
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@@ -33,8 +33,8 @@ for (const topicId of Object.keys(TOPICS)) {
       </div>
 
       <div>
-        <div class="bg-slate-800 text-white rounded-xl mb-4 p-5">
-          <p class="mb-2 text-xl font-bold">About the Project</p>
+        <div class="bg-slate-800 text-white rounded-xl mb-4 p-5 border-l-3 border-purple-500 neon-glow-permanent">
+          <p class="mb-2 text-xl font-bold bg-gradient-to-r from-purple-400 to-cyan-400 bg-clip-text text-transparent">About the Project</p>
           <p class="text-slate-300 text-sm leading-relaxed">
             Feel Your Protocol is a collaborative open-source project providing interactive
             explorations of upcoming Ethereum protocol changes. Widgets are powered by real EVM and
@@ -59,7 +59,7 @@ for (const topicId of Object.keys(TOPICS)) {
         </div>
 
         <div class="text-right mb-3 mt-6">
-          <span class="text-sm rounded-lg font-mono border-1 border-slate-300 text-slate-600 p-1.5"
+          <span class="text-sm rounded-lg font-mono bg-gradient-to-r from-purple-500 to-cyan-500 text-white px-3 py-1.5"
             >Latest</span
           >
         </div>
diff --git a/src/views/ImprintView.vue b/src/views/ImprintView.vue
index 9a607b4..5fac19a 100644
--- a/src/views/ImprintView.vue
+++ b/src/views/ImprintView.vue
@@ -3,13 +3,14 @@
 <template>
   <main>
     <div class="grid grid-cols-1 mb-3">
-      <p class="text-right text-3xl">
-        <span class="ml-3">IMPRINT</span>
+      <p class="text-right text-3xl tracking-widest text-slate-600">
+        <span class="text-purple-500">◆</span>
+        <span class="ml-2">IMPRINT</span>
       </p>
     </div>
 
     <div class="grid md:grid-cols-2 gap-4">
-      <div class="bg-slate-800 text-white bg-clip-border p-6 rounded-xl font-mono text-xs">
+      <div class="bg-slate-800 text-white bg-clip-border p-6 rounded-xl font-mono text-xs border-l-3 border-purple-500 neon-glow-permanent">
         <h3 class="font-bold text-lg">CONTRIBUTIONS 👾</h3>
 
         <p class="mt-2 text-slate-300">
diff --git a/src/views/TopicIntroView.vue b/src/views/TopicIntroView.vue
index f8dbb43..267c92d 100644
--- a/src/views/TopicIntroView.vue
+++ b/src/views/TopicIntroView.vue
@@ -19,7 +19,7 @@ const getImageUrl = (image: string) =>
 </script>
 
 <template>
-  <div class="border-2 bg-clip-border p-6 rounded-xl" :class="cc.border200">
+  <div class="border-2 bg-clip-border p-6 rounded-xl neon-glow-hover" :class="cc.border200">
     <h2 v-if="overviewMode" class="text-3xl md:text-4xl font-bold mb-4" :class="cc.text900">
       {{ topic.title }}
     </h2>

From 630631c791e845a7bd1059acf6babbcdbdad98a4 Mon Sep 17 00:00:00 2001
From: Holger Drewes <Holger.Drewes@gmail.com>
Date: Wed, 4 Mar 2026 16:45:02 +0100
Subject: [PATCH 23/29] Design overhaul

---
 src/App.vue                       |  29 +++---
 src/explorations/ExplorationC.vue |  14 +--
 src/explorations/PoweredByC.vue   |  11 ++-
 src/explorations/TOPICS.ts        |  32 ++++---
 src/main.css                      | 145 ++++++++++++++++++++----------
 src/views/HomeView.vue            |  12 +--
 src/views/TopicIntroView.vue      |  29 +++---
 src/views/TopicView.vue           |   2 +-
 8 files changed, 175 insertions(+), 99 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index a42a9e5..63507e8 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -40,19 +40,19 @@ watch(
       <h1>
         <RouterLink
           to="/"
-          class="text-2xl md:text-4xl font-bold tracking-wider bg-gradient-to-r from-purple-600 to-cyan-500 bg-clip-text text-transparent"
-          ><span class="text-purple-500">◆</span> Feel Your Protocol</RouterLink
+          class="text-2xl md:text-4xl font-bold tracking-wider whitespace-nowrap bg-gradient-to-r from-purple-600 to-cyan-500 bg-clip-text text-transparent"
+          >Feel Your Protocol</RouterLink
         >
       </h1>
       <nav class="font-mono text-sm text-right flex justify-end items-center">
         <Listbox v-model="selectedRoute">
           <div class="relative inline-block">
             <ListboxButton
-              class="inline-flex items-center gap-1 text-sm ml-6 border-1 p-1 rounded-sm cursor-pointer"
+              class="inline-flex items-center gap-1 text-xs ml-6 border border-slate-200 bg-white rounded-md text-slate-500 hover:text-slate-700 hover:border-slate-300 px-2 py-1 cursor-pointer"
               id="exploration-navi"
             >
               {{ selectedLabel }}
-              <ChevronUpDownIcon class="size-4 opacity-60" />
+              <ChevronUpDownIcon class="size-3.5 opacity-50" />
             </ListboxButton>
 
             <transition
@@ -64,14 +64,14 @@ watch(
               leave-to-class="opacity-0 scale-95"
             >
               <ListboxOptions
-                class="absolute right-0 z-20 mt-1 w-max max-h-60 overflow-auto rounded-sm border border-slate-300 bg-white text-sm shadow-lg focus:outline-none"
+                class="absolute right-0 z-20 mt-1 w-max max-h-60 overflow-auto rounded-md border border-slate-200 bg-white text-xs shadow-md focus:outline-none"
               >
                 <ListboxOption value="" v-slot="{ active, selected }" as="template">
                   <li
                     :class="[
-                      'cursor-pointer whitespace-nowrap px-3 py-1.5 select-none first:rounded-t-sm last:rounded-b-sm',
-                      active ? 'bg-slate-100' : '',
-                      selected ? 'font-bold' : '',
+                      'cursor-pointer whitespace-nowrap px-3 py-1.5 select-none text-slate-500',
+                      active ? 'bg-slate-50 text-slate-700' : '',
+                      selected ? 'font-bold text-slate-700' : '',
                     ]"
                   >
                     All Explorations
@@ -86,9 +86,9 @@ watch(
                 >
                   <li
                     :class="[
-                      'cursor-pointer whitespace-nowrap px-3 py-1.5 select-none first:rounded-t-sm last:rounded-b-sm',
-                      active ? 'bg-slate-100' : '',
-                      selected ? 'font-bold' : '',
+                      'cursor-pointer whitespace-nowrap px-3 py-1.5 select-none text-slate-500',
+                      active ? 'bg-slate-50 text-slate-700' : '',
+                      selected ? 'font-bold text-slate-700' : '',
                     ]"
                   >
                     {{ id.toUpperCase() }}
@@ -100,14 +100,15 @@ watch(
         </Listbox>
       </nav>
     </div>
-    <p class="text-lg md:text-xl text-slate-500 tracking-wide terminal-cursor">
-      Interactive Ethereum Protocol Explorations.
+    <p class="flex items-baseline text-sm md:text-xl text-slate-500 tracking-wide">
+      <span class="shrink-0">Interactive Ethereum Protocol Explorations</span>
+      <span class="protocol-dots flex-1 overflow-hidden whitespace-nowrap">· · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · ·</span>
     </p>
   </header>
 
   <RouterView :key="route.path" class="grid grid-cols-1" />
 
-  <footer class="footer-accent grid grid-cols-2 pt-3 mt-10 mb-2">
+  <footer class="grid grid-cols-2 pt-3 mt-10 mb-2">
     <h3 class="font-mono text-xs text-slate-500">
       <span class="text-purple-500">◆</span> Made with ❤️ and pure dedication by
       <a href="https://x.com/HolgerD77" target="_blank" rel="noopener">HolgerD77</a>
diff --git a/src/explorations/ExplorationC.vue b/src/explorations/ExplorationC.vue
index 01cffa3..0403b3a 100644
--- a/src/explorations/ExplorationC.vue
+++ b/src/explorations/ExplorationC.vue
@@ -18,13 +18,13 @@ const cssVars = topicCSSVars(props.topic.color)
 
 <template>
   <div :id="explorationId + '-c'" :style="cssVars" class="exploration-c">
-    <div class="grid grid-cols-4 mb-3 items-center">
-      <h3 class="font-bold text-xl col-span-3 e-text">{{ exploration.title }}</h3>
-      <div class="flex justify-end items-center">
-        <a v-if="shareURL" href="#" @click.prevent="shareURL" class="share-url-button mr-1.5">
+    <div class="grid grid-cols-4 mb-2 items-center">
+      <h3 class="font-bold text-lg tracking-tight col-span-3 e-text">{{ exploration.title }}</h3>
+      <div class="flex justify-end items-center gap-1">
+        <a v-if="shareURL" href="#" @click.prevent="shareURL" class="share-url-button">
           <ButtonUIC :icon="ShareIcon" tooltip="Open Shareable URL" />
         </a>
-        <a :href="exploration.infoURL" target="_blank" class="visit-exploration-button mr-1">
+        <a :href="exploration.infoURL" target="_blank" class="visit-exploration-button">
           <ButtonUIC
             :icon="ArrowTopRightOnSquareIcon"
             tooltip="External Link with more information"
@@ -33,9 +33,9 @@ const cssVars = topicCSSVars(props.topic.color)
       </div>
     </div>
 
-    <div class="font-mono text-xs mb-6 e-text">
+    <div class="font-mono text-xs leading-relaxed mb-5 text-slate-600">
       <p v-html="exploration.introText"></p>
-      <p class="mt-4" v-html="exploration.usageText"></p>
+      <p class="mt-3" v-html="exploration.usageText"></p>
     </div>
 
     <slot name="content"></slot>
diff --git a/src/explorations/PoweredByC.vue b/src/explorations/PoweredByC.vue
index 30daf93..83eeef4 100644
--- a/src/explorations/PoweredByC.vue
+++ b/src/explorations/PoweredByC.vue
@@ -1,17 +1,20 @@
 <script setup lang="ts">
+import { BoltIcon } from '@heroicons/vue/20/solid'
+
 defineProps<{
   poweredBy: { name: string; href: string }[]
 }>()
 </script>
 
 <template>
-  <div class="text-right text-xs mt-7">
-    Powered by:
+  <div class="text-right text-xs mt-6 text-slate-400 flex items-center justify-end gap-1">
+    <BoltIcon class="size-3 text-slate-300" />
+    <span>Powered by</span>
     <template v-for="(item, index) in poweredBy" :key="item.name">
-      <a :href="item.href" class="font-bold e-text" target="_blank" rel="noopener">{{
+      <a :href="item.href" class="font-semibold e-text hover:underline" target="_blank" rel="noopener">{{
         item.name
       }}</a>
-      <span v-if="index < poweredBy.length - 1"> | </span>
+      <span v-if="index < poweredBy.length - 1" class="text-slate-300">·</span>
     </template>
   </div>
 </template>
diff --git a/src/explorations/TOPICS.ts b/src/explorations/TOPICS.ts
index 227a75c..87734de 100644
--- a/src/explorations/TOPICS.ts
+++ b/src/explorations/TOPICS.ts
@@ -6,28 +6,38 @@ export const TOPIC_COLOR_CLASSES: Record<
   TopicColor,
   { bg200: string; text900: string; border200: string }
 > = {
-  blue: { bg200: 'bg-blue-200', text900: 'text-blue-900', border200: 'border-blue-200' },
-  yellow: { bg200: 'bg-yellow-200', text900: 'text-yellow-900', border200: 'border-yellow-200' },
-  green: { bg200: 'bg-green-200', text900: 'text-green-900', border200: 'border-green-200' },
-  red: { bg200: 'bg-red-200', text900: 'text-red-900', border200: 'border-red-200' },
+  blue: { bg200: 'bg-blue-50', text900: 'text-blue-800', border200: 'border-blue-200' },
+  yellow: { bg200: 'bg-amber-50', text900: 'text-amber-800', border200: 'border-amber-200' },
+  green: { bg200: 'bg-emerald-50', text900: 'text-emerald-800', border200: 'border-emerald-200' },
+  red: { bg200: 'bg-rose-50', text900: 'text-rose-800', border200: 'border-rose-200' },
 }
 
 /**
  * CSS custom properties for topic-aware styling inside explorations.
  * Set on ExplorationC's root element; inherited by all child components.
  */
+const CSS_COLOR_MAP: Record<TopicColor, string> = {
+  blue: 'blue',
+  yellow: 'amber',
+  green: 'emerald',
+  red: 'rose',
+}
+
 export function topicCSSVars(color: TopicColor): Record<string, string> {
+  const c = CSS_COLOR_MAP[color]
   return {
-    '--e-text': `var(--color-${color}-900)`,
-    '--e-bg': `var(--color-${color}-200)`,
-    '--e-bg-light': `var(--color-${color}-50)`,
-    '--e-bg-medium': `var(--color-${color}-100)`,
-    '--e-bg-dark': `var(--color-${color}-900)`,
-    '--e-border': `var(--color-${color}-200)`,
-    '--e-border-dark': `var(--color-${color}-900)`,
+    '--e-text': `var(--color-${c}-800)`,
+    '--e-bg': `var(--color-${c}-50)`,
+    '--e-bg-light': `var(--color-white)`,
+    '--e-bg-medium': `var(--color-${c}-100)`,
+    '--e-bg-dark': `var(--color-${c}-900)`,
+    '--e-border': `var(--color-${c}-200)`,
+    '--e-border-dark': `var(--color-${c}-800)`,
+    '--e-accent': `var(--color-${c}-500)`,
   }
 }
 
+
 export const TOPICS: Topics = {
   fusaka: {
     title: 'Fusaka',
diff --git a/src/main.css b/src/main.css
index 468f691..fa6fc01 100644
--- a/src/main.css
+++ b/src/main.css
@@ -34,24 +34,22 @@
  * space" without overpowering the content.
  * ============================================================ */
 
-/* Spark 2: Protocol beacon — thin gradient accent at page top */
-body::before {
-  content: '';
-  display: block;
-  height: 2px;
-  background: linear-gradient(90deg, #7c3aed, #06b6d4);
-}
 
-/* Spark 4: Terminal cursor — always building, always running */
-@keyframes blink {
-  0%, 100% { opacity: 1; }
-  50% { opacity: 0; }
+/* Spark 4: Protocol pulse — gradient dots that breathe */
+@keyframes gradientShift {
+  0%, 100% { background-position: 0% 50%; }
+  50% { background-position: 100% 50%; }
 }
 
-.terminal-cursor::after {
-  content: '▌';
-  animation: blink 1s step-end infinite;
-  @apply text-cyan-500 ml-0.5;
+.protocol-dots {
+  background: linear-gradient(90deg, #7c3aed, #06b6d4, #7c3aed);
+  background-size: 200% 100%;
+  background-clip: text;
+  -webkit-background-clip: text;
+  color: transparent;
+  animation: gradientShift 10s ease-in-out infinite;
+  letter-spacing: 0.25em;
+  @apply ml-7 font-mono text-sm;
 }
 
 /* Spark 5: Neon hover glow — protocol nodes light up on interaction */
@@ -68,11 +66,6 @@ body::before {
   box-shadow: 0 0 25px rgba(124, 58, 237, 0.1);
 }
 
-/* Spark 8: Footer gradient accent */
-.footer-accent {
-  border-image: linear-gradient(90deg, #7c3aed, #06b6d4) 1;
-  border-top-width: 1px;
-}
 
 /* Spark 9: Dot-grid texture — network topology underneath */
 body {
@@ -90,13 +83,14 @@ body {
 
 /* --- Defaults (blue, overridden per-topic by ExplorationC) --- */
 :root {
-  --e-text: var(--color-blue-900);
-  --e-bg: var(--color-blue-200);
-  --e-bg-light: var(--color-blue-50);
+  --e-text: var(--color-blue-800);
+  --e-bg: var(--color-blue-50);
+  --e-bg-light: var(--color-white);
   --e-bg-medium: var(--color-blue-100);
   --e-bg-dark: var(--color-blue-900);
   --e-border: var(--color-blue-200);
-  --e-border-dark: var(--color-blue-900);
+  --e-border-dark: var(--color-blue-800);
+  --e-accent: var(--color-blue-500);
 }
 
 /* --- Topic text color utility --- */
@@ -107,13 +101,25 @@ body {
 /* --- Exploration wrapper --- */
 .exploration-c {
   background-color: var(--e-bg);
-  @apply bg-clip-border p-4 rounded-xl;
+  border: 1px solid var(--e-border);
+  border-left: none;
+  @apply relative bg-clip-border p-5 pl-6 rounded-lg overflow-hidden;
+}
+
+.exploration-c::before {
+  content: '';
+  position: absolute;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  width: 3px;
+  background: linear-gradient(to bottom, #7c3aed, var(--e-accent));
 }
 
-/* --- Result boxes (dark comparison panels) --- */
+/* --- Result boxes (comparison panels) --- */
 .e-result-box {
   background-color: var(--e-bg-dark);
-  @apply rounded-sm p-2.5;
+  @apply rounded-md p-3;
 
   a {
     @apply text-white underline;
@@ -122,7 +128,7 @@ body {
 
 .e-result-title {
   color: var(--e-text);
-  @apply text-xs bg-white p-1 rounded-xs;
+  @apply text-xs font-mono font-bold bg-white/90 px-2 py-0.5 rounded-sm;
 }
 
 .e-result-text-lg {
@@ -139,28 +145,41 @@ body {
 
 /* --- Grid layouts for result panels --- */
 .e-grid-single {
-  @apply grid grid-cols-1 gap-1 mt-2.5;
+  @apply grid grid-cols-1 gap-1.5 mt-3;
 }
 
 .e-grid-double {
-  @apply grid grid-cols-2 gap-1 mt-2.5;
+  @apply grid grid-cols-2 gap-1.5 mt-3;
 }
 
 /* --- Form inputs --- */
 .e-textarea {
   background-color: var(--e-bg-light);
-  @apply block w-full mt-1.5 mb-2 font-mono text-xs rounded-sm text-slate-600 p-1;
+  border: 1px solid var(--e-border);
+  @apply block w-full mt-1.5 mb-2 font-mono text-xs rounded-md text-slate-600 p-2;
+  transition: border-color 0.15s ease, box-shadow 0.15s ease;
+}
+
+.e-textarea:focus {
+  border-color: var(--e-accent);
+  outline: none;
+  box-shadow: 0 0 0 2px color-mix(in srgb, var(--e-accent) 20%, transparent);
 }
 
 .e-select {
   color: var(--e-text);
-  border-color: var(--e-text);
-  @apply text-xs border-1 px-1 pt-0.5 pb-0.5 mb-0.5 rounded-sm;
+  border-color: var(--e-border);
+  @apply text-xs border-1 px-2 py-1 mb-0.5 rounded-md;
+  transition: border-color 0.15s ease;
+}
+
+.e-select:hover {
+  border-color: var(--e-accent);
 }
 
 .e-listbox-options {
   background-color: var(--e-bg);
-  border-color: var(--e-text);
+  border-color: var(--e-border);
 }
 
 .e-listbox-option {
@@ -173,34 +192,68 @@ body {
 
 .e-input {
   background-color: var(--e-bg-light);
-  @apply font-mono text-xs rounded-xs p-0.5 w-full;
+  border: 1px solid var(--e-border);
+  @apply font-mono text-xs rounded-md p-1 w-full;
+  transition: border-color 0.15s ease, box-shadow 0.15s ease;
+}
+
+.e-input:focus {
+  border-color: var(--e-accent);
+  outline: none;
+  box-shadow: 0 0 0 2px color-mix(in srgb, var(--e-accent) 20%, transparent);
 }
 
-/* --- Buttons --- */
+/* --- Icon buttons --- */
 .e-button-icon {
   color: var(--e-text);
-  border-color: var(--e-text);
-  @apply size-4 inline align-baseline border-1 p-0.5 rounded-xs;
+  border-color: var(--e-border);
+  @apply size-4 inline align-baseline border-1 p-0.5 rounded-sm;
+  transition: border-color 0.15s ease, color 0.15s ease;
+}
+
+.e-button-icon:hover {
+  border-color: var(--e-accent);
 }
 
 /* --- E-Component: Precompile Interface --- */
 .precompile-value-input {
-  border-top: 1px solid var(--e-border-dark);
+  border-top: 1px solid var(--e-border);
   @apply bg-clip-border pt-1.5 pb-0.5 px-0.5 mb-0.5;
 }
 
-/* --- Buttons --- */
+/* --- Action buttons --- */
 .e-action-button {
   color: var(--e-text);
   background-color: var(--e-bg-medium);
-  @apply relative inline-flex items-center justify-center border-2 border-white rounded-lg p-2 text-xs font-bold cursor-pointer hover:bg-white disabled:opacity-50 disabled:cursor-not-allowed;
+  border-color: var(--e-border);
+  @apply relative inline-flex items-center justify-center border-1 rounded-md p-2 text-xs font-bold cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed;
+  transition: background-color 0.15s ease, transform 0.1s ease, box-shadow 0.15s ease;
 }
 
-/* Spark 5 (continued): exploration cards glow on hover */
-.exploration-c {
-  transition: box-shadow 0.25s ease;
+.e-action-button:hover:not(:disabled) {
+  background-color: var(--e-bg);
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
+  transform: translateY(-1px);
 }
 
-.exploration-c:hover {
-  box-shadow: 0 0 15px rgba(124, 58, 237, 0.12), 0 0 30px rgba(6, 182, 212, 0.06);
+.e-action-button:active:not(:disabled) {
+  transform: translateY(0);
+}
+
+/* --- Topic intro cards (gradient left border) --- */
+.topic-intro-card {
+  border: 1px solid var(--e-border);
+  border-left: none;
+  position: relative;
+  overflow: hidden;
+}
+
+.topic-intro-card::before {
+  content: '';
+  position: absolute;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  width: 3px;
+  background: linear-gradient(to bottom, #7c3aed, var(--e-accent));
 }
diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
index 4fa3b27..da44602 100644
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@@ -21,7 +21,7 @@ for (const topicId of Object.keys(TOPICS)) {
           v-for="topicId in Object.keys(TOPICS)"
           :key="topicId"
           :to="TOPICS[topicId].path"
-          class="block mb-4 last:mb-0 no-underline"
+          class="block mb-5 last:mb-0 no-underline"
         >
           <TopicIntroView
             v-if="topicImages[topicId]"
@@ -33,8 +33,8 @@ for (const topicId of Object.keys(TOPICS)) {
       </div>
 
       <div>
-        <div class="bg-slate-800 text-white rounded-xl mb-4 p-5 border-l-3 border-purple-500 neon-glow-permanent">
-          <p class="mb-2 text-xl font-bold bg-gradient-to-r from-purple-400 to-cyan-400 bg-clip-text text-transparent">About the Project</p>
+        <div class="bg-slate-700 rounded-lg mb-4 p-5 border-l-3 border-l-purple-400 shadow-md">
+          <p class="mb-2 text-base font-bold text-white">About the Project</p>
           <p class="text-slate-300 text-sm leading-relaxed">
             Feel Your Protocol is a collaborative open-source project providing interactive
             explorations of upcoming Ethereum protocol changes. Widgets are powered by real EVM and
@@ -45,14 +45,14 @@ for (const topicId of Object.keys(TOPICS)) {
             <a
               href="https://docs.feelyourprotocol.org"
               target="_blank"
-              class="underline text-white hover:text-slate-100"
+              class="font-semibold text-white underline hover:text-slate-200"
               >Check the docs</a
             >
             or jump straight into the
             <a
               href="https://github.com/feelyourprotocol/website"
               target="_blank"
-              class="underline text-white hover:text-slate-100"
+              class="font-semibold text-white underline hover:text-slate-200"
               >code on GitHub</a
             >.
           </p>
@@ -68,7 +68,7 @@ for (const topicId of Object.keys(TOPICS)) {
           v-for="explorationId in featured"
           :key="explorationId"
           :to="EXPLORATIONS[explorationId].path"
-          class="block mb-2 no-underline"
+          class="block mb-3 no-underline"
         >
           <ExplorationC
             :explorationId="explorationId"
diff --git a/src/views/TopicIntroView.vue b/src/views/TopicIntroView.vue
index 267c92d..f0d012c 100644
--- a/src/views/TopicIntroView.vue
+++ b/src/views/TopicIntroView.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { type Topic, TOPIC_COLOR_CLASSES } from '@/explorations/TOPICS'
+import { type Topic, topicCSSVars } from '@/explorations/TOPICS'
 
 const props = withDefaults(
   defineProps<{
@@ -12,32 +12,41 @@ const props = withDefaults(
   },
 )
 
-const cc = TOPIC_COLOR_CLASSES[props.topic.color]
+const cssVars = topicCSSVars(props.topic.color)
 
 const getImageUrl = (image: string) =>
   image.includes('/') ? image : new URL(`../assets/imgs/dancers/${image}`, import.meta.url).href
 </script>
 
 <template>
-  <div class="border-2 bg-clip-border p-6 rounded-xl neon-glow-hover" :class="cc.border200">
-    <h2 v-if="overviewMode" class="text-3xl md:text-4xl font-bold mb-4" :class="cc.text900">
+  <div
+    :style="cssVars"
+    class="topic-intro-card bg-white rounded-lg p-5 shadow-sm"
+  >
+    <h2
+      v-if="overviewMode"
+      class="text-2xl md:text-3xl font-bold tracking-tight mb-4 e-text"
+    >
       {{ topic.title }}
     </h2>
-    <h2 v-else class="text-1xl md:text-2xl font-bold mb-4 text-right" :class="cc.text900">
+    <h2
+      v-else
+      class="text-lg md:text-xl font-bold tracking-tight mb-3 text-right e-text"
+    >
       <RouterLink :to="topic.path" class="hover:underline">{{ topic.title }} ↑</RouterLink>
     </h2>
 
     <template v-if="overviewMode">
       <div class="md:hidden">
-        <img :src="getImageUrl(image)" class="mx-auto mb-4 max-w-xs" />
-        <p v-if="topic.introText" class="text-sm leading-relaxed" :class="cc.text900">
+        <img :src="getImageUrl(image)" class="mx-auto mb-4 max-w-xs rounded-md" />
+        <p v-if="topic.introText" class="text-sm leading-relaxed text-slate-600">
           {{ topic.introText }}
         </p>
       </div>
 
       <div class="hidden md:block">
-        <img :src="getImageUrl(image)" class="float-right ml-5 mb-3 max-w-[45%]" />
-        <p v-if="topic.introText" class="text-sm leading-relaxed" :class="cc.text900">
+        <img :src="getImageUrl(image)" class="float-right ml-5 mb-3 max-w-[45%] rounded-md" />
+        <p v-if="topic.introText" class="text-sm leading-relaxed text-slate-600">
           {{ topic.introText }}
         </p>
         <div class="clear-both"></div>
@@ -45,7 +54,7 @@ const getImageUrl = (image: string) =>
     </template>
 
     <template v-else>
-      <img :src="getImageUrl(image)" />
+      <img :src="getImageUrl(image)" class="rounded-md" />
     </template>
   </div>
 </template>
diff --git a/src/views/TopicView.vue b/src/views/TopicView.vue
index fbf8060..6449467 100644
--- a/src/views/TopicView.vue
+++ b/src/views/TopicView.vue
@@ -26,7 +26,7 @@ const topicImage = getRandomTopicExplorationImage(topicId)
           v-for="explorationId in explorationIds"
           :key="explorationId"
           :to="EXPLORATIONS[explorationId].path"
-          class="block mb-2 no-underline"
+          class="block mb-3 no-underline"
         >
           <ExplorationC
             :explorationId="explorationId"

From 83002201326396209b47b8abda4e5ff5ef1eb9dd Mon Sep 17 00:00:00 2001
From: Holger Drewes <Holger.Drewes@gmail.com>
Date: Wed, 4 Mar 2026 16:55:16 +0100
Subject: [PATCH 24/29] More design tweaks

---
 src/explorations/TOPICS.ts | 14 +++++++-------
 src/main.css               | 28 ++--------------------------
 src/views/HomeView.vue     |  2 +-
 3 files changed, 10 insertions(+), 34 deletions(-)

diff --git a/src/explorations/TOPICS.ts b/src/explorations/TOPICS.ts
index 87734de..219e601 100644
--- a/src/explorations/TOPICS.ts
+++ b/src/explorations/TOPICS.ts
@@ -7,9 +7,9 @@ export const TOPIC_COLOR_CLASSES: Record<
   { bg200: string; text900: string; border200: string }
 > = {
   blue: { bg200: 'bg-blue-50', text900: 'text-blue-800', border200: 'border-blue-200' },
-  yellow: { bg200: 'bg-amber-50', text900: 'text-amber-800', border200: 'border-amber-200' },
-  green: { bg200: 'bg-emerald-50', text900: 'text-emerald-800', border200: 'border-emerald-200' },
-  red: { bg200: 'bg-rose-50', text900: 'text-rose-800', border200: 'border-rose-200' },
+  yellow: { bg200: 'bg-yellow-50', text900: 'text-yellow-800', border200: 'border-yellow-200' },
+  green: { bg200: 'bg-green-50', text900: 'text-green-800', border200: 'border-green-200' },
+  red: { bg200: 'bg-red-50', text900: 'text-red-800', border200: 'border-red-200' },
 }
 
 /**
@@ -18,9 +18,9 @@ export const TOPIC_COLOR_CLASSES: Record<
  */
 const CSS_COLOR_MAP: Record<TopicColor, string> = {
   blue: 'blue',
-  yellow: 'amber',
-  green: 'emerald',
-  red: 'rose',
+  yellow: 'yellow',
+  green: 'green',
+  red: 'red',
 }
 
 export function topicCSSVars(color: TopicColor): Record<string, string> {
@@ -33,7 +33,7 @@ export function topicCSSVars(color: TopicColor): Record<string, string> {
     '--e-bg-dark': `var(--color-${c}-900)`,
     '--e-border': `var(--color-${c}-200)`,
     '--e-border-dark': `var(--color-${c}-800)`,
-    '--e-accent': `var(--color-${c}-500)`,
+    '--e-accent': `var(--color-${c}-600)`,
   }
 }
 
diff --git a/src/main.css b/src/main.css
index fa6fc01..3305201 100644
--- a/src/main.css
+++ b/src/main.css
@@ -90,7 +90,7 @@ body {
   --e-bg-dark: var(--color-blue-900);
   --e-border: var(--color-blue-200);
   --e-border-dark: var(--color-blue-800);
-  --e-accent: var(--color-blue-500);
+  --e-accent: var(--color-blue-600);
 }
 
 /* --- Topic text color utility --- */
@@ -102,18 +102,7 @@ body {
 .exploration-c {
   background-color: var(--e-bg);
   border: 1px solid var(--e-border);
-  border-left: none;
-  @apply relative bg-clip-border p-5 pl-6 rounded-lg overflow-hidden;
-}
-
-.exploration-c::before {
-  content: '';
-  position: absolute;
-  left: 0;
-  top: 0;
-  bottom: 0;
-  width: 3px;
-  background: linear-gradient(to bottom, #7c3aed, var(--e-accent));
+  @apply p-5 rounded-lg;
 }
 
 /* --- Result boxes (comparison panels) --- */
@@ -243,17 +232,4 @@ body {
 /* --- Topic intro cards (gradient left border) --- */
 .topic-intro-card {
   border: 1px solid var(--e-border);
-  border-left: none;
-  position: relative;
-  overflow: hidden;
-}
-
-.topic-intro-card::before {
-  content: '';
-  position: absolute;
-  left: 0;
-  top: 0;
-  bottom: 0;
-  width: 3px;
-  background: linear-gradient(to bottom, #7c3aed, var(--e-accent));
 }
diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
index da44602..3651798 100644
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@@ -33,7 +33,7 @@ for (const topicId of Object.keys(TOPICS)) {
       </div>
 
       <div>
-        <div class="bg-slate-700 rounded-lg mb-4 p-5 border-l-3 border-l-purple-400 shadow-md">
+        <div class="bg-slate-700 rounded-lg mb-4 p-5 shadow-md">
           <p class="mb-2 text-base font-bold text-white">About the Project</p>
           <p class="text-slate-300 text-sm leading-relaxed">
             Feel Your Protocol is a collaborative open-source project providing interactive

From 82f1b64ee8e1d6ff7882e3b73f1fcad779a2353f Mon Sep 17 00:00:00 2001
From: Holger Drewes <Holger.Drewes@gmail.com>
Date: Wed, 4 Mar 2026 16:55:32 +0100
Subject: [PATCH 25/29] Lint

---
 src/App.vue                        | 11 +++++----
 src/eComponents/ui/ExamplesUIC.vue |  7 +-----
 src/explorations/PoweredByC.vue    | 10 +++++---
 src/explorations/TOPICS.ts         |  1 -
 src/main.css                       | 37 +++++++++++++++++++++---------
 src/views/HomeView.vue             |  3 ++-
 src/views/ImprintView.vue          |  4 +++-
 src/views/TopicIntroView.vue       | 15 +++---------
 8 files changed, 48 insertions(+), 40 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 63507e8..6f263c0 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -102,7 +102,11 @@ watch(
     </div>
     <p class="flex items-baseline text-sm md:text-xl text-slate-500 tracking-wide">
       <span class="shrink-0">Interactive Ethereum Protocol Explorations</span>
-      <span class="protocol-dots flex-1 overflow-hidden whitespace-nowrap">· · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · ·</span>
+      <span class="protocol-dots flex-1 overflow-hidden whitespace-nowrap"
+        >· · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · ·
+        · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · · ·
+        · · · · · · · ·</span
+      >
     </p>
   </header>
 
@@ -117,10 +121,7 @@ watch(
     <h3 class="font-mono text-xs text-right text-slate-500">
       <RouterLink to="/imprint">Imprint</RouterLink>
       <span class="text-purple-500 mx-2">◆</span>
-      <a
-        href="https://github.com/feelyourprotocol/website"
-        target="_blank"
-        rel="noopener"
+      <a href="https://github.com/feelyourprotocol/website" target="_blank" rel="noopener"
         >GitHub</a
       >
     </h3>
diff --git a/src/eComponents/ui/ExamplesUIC.vue b/src/eComponents/ui/ExamplesUIC.vue
index 4f06f50..46285f7 100644
--- a/src/eComponents/ui/ExamplesUIC.vue
+++ b/src/eComponents/ui/ExamplesUIC.vue
@@ -1,11 +1,6 @@
 <script setup lang="ts">
 import { computed } from 'vue'
-import {
-  Listbox,
-  ListboxButton,
-  ListboxOption,
-  ListboxOptions,
-} from '@headlessui/vue'
+import { Listbox, ListboxButton, ListboxOption, ListboxOptions } from '@headlessui/vue'
 import { ChevronUpDownIcon } from '@heroicons/vue/20/solid'
 
 interface Examples {
diff --git a/src/explorations/PoweredByC.vue b/src/explorations/PoweredByC.vue
index 83eeef4..fa7f873 100644
--- a/src/explorations/PoweredByC.vue
+++ b/src/explorations/PoweredByC.vue
@@ -11,9 +11,13 @@ defineProps<{
     <BoltIcon class="size-3 text-slate-300" />
     <span>Powered by</span>
     <template v-for="(item, index) in poweredBy" :key="item.name">
-      <a :href="item.href" class="font-semibold e-text hover:underline" target="_blank" rel="noopener">{{
-        item.name
-      }}</a>
+      <a
+        :href="item.href"
+        class="font-semibold e-text hover:underline"
+        target="_blank"
+        rel="noopener"
+        >{{ item.name }}</a
+      >
       <span v-if="index < poweredBy.length - 1" class="text-slate-300">·</span>
     </template>
   </div>
diff --git a/src/explorations/TOPICS.ts b/src/explorations/TOPICS.ts
index 219e601..66d8eb5 100644
--- a/src/explorations/TOPICS.ts
+++ b/src/explorations/TOPICS.ts
@@ -37,7 +37,6 @@ export function topicCSSVars(color: TopicColor): Record<string, string> {
   }
 }
 
-
 export const TOPICS: Topics = {
   fusaka: {
     title: 'Fusaka',
diff --git a/src/main.css b/src/main.css
index 3305201..c9ca6cc 100644
--- a/src/main.css
+++ b/src/main.css
@@ -21,8 +21,9 @@
 }
 
 @theme {
-  --font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
-    'Liberation Mono', 'Courier New', monospace;
+  --font-mono:
+    'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono',
+    'Courier New', monospace;
 }
 
 /* ============================================================
@@ -34,11 +35,15 @@
  * space" without overpowering the content.
  * ============================================================ */
 
-
 /* Spark 4: Protocol pulse — gradient dots that breathe */
 @keyframes gradientShift {
-  0%, 100% { background-position: 0% 50%; }
-  50% { background-position: 100% 50%; }
+  0%,
+  100% {
+    background-position: 0% 50%;
+  }
+  50% {
+    background-position: 100% 50%;
+  }
 }
 
 .protocol-dots {
@@ -58,7 +63,9 @@
 }
 
 .neon-glow-hover:hover {
-  box-shadow: 0 0 15px rgba(124, 58, 237, 0.12), 0 0 30px rgba(6, 182, 212, 0.06);
+  box-shadow:
+    0 0 15px rgba(124, 58, 237, 0.12),
+    0 0 30px rgba(6, 182, 212, 0.06);
 }
 
 /* Spark 6: About box permanent glow */
@@ -66,7 +73,6 @@
   box-shadow: 0 0 25px rgba(124, 58, 237, 0.1);
 }
 
-
 /* Spark 9: Dot-grid texture — network topology underneath */
 body {
   background-image: radial-gradient(circle, #cbd5e1 0.5px, transparent 0.5px);
@@ -146,7 +152,9 @@ body {
   background-color: var(--e-bg-light);
   border: 1px solid var(--e-border);
   @apply block w-full mt-1.5 mb-2 font-mono text-xs rounded-md text-slate-600 p-2;
-  transition: border-color 0.15s ease, box-shadow 0.15s ease;
+  transition:
+    border-color 0.15s ease,
+    box-shadow 0.15s ease;
 }
 
 .e-textarea:focus {
@@ -183,7 +191,9 @@ body {
   background-color: var(--e-bg-light);
   border: 1px solid var(--e-border);
   @apply font-mono text-xs rounded-md p-1 w-full;
-  transition: border-color 0.15s ease, box-shadow 0.15s ease;
+  transition:
+    border-color 0.15s ease,
+    box-shadow 0.15s ease;
 }
 
 .e-input:focus {
@@ -197,7 +207,9 @@ body {
   color: var(--e-text);
   border-color: var(--e-border);
   @apply size-4 inline align-baseline border-1 p-0.5 rounded-sm;
-  transition: border-color 0.15s ease, color 0.15s ease;
+  transition:
+    border-color 0.15s ease,
+    color 0.15s ease;
 }
 
 .e-button-icon:hover {
@@ -216,7 +228,10 @@ body {
   background-color: var(--e-bg-medium);
   border-color: var(--e-border);
   @apply relative inline-flex items-center justify-center border-1 rounded-md p-2 text-xs font-bold cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed;
-  transition: background-color 0.15s ease, transform 0.1s ease, box-shadow 0.15s ease;
+  transition:
+    background-color 0.15s ease,
+    transform 0.1s ease,
+    box-shadow 0.15s ease;
 }
 
 .e-action-button:hover:not(:disabled) {
diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
index 3651798..3869a81 100644
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@@ -59,7 +59,8 @@ for (const topicId of Object.keys(TOPICS)) {
         </div>
 
         <div class="text-right mb-3 mt-6">
-          <span class="text-sm rounded-lg font-mono bg-gradient-to-r from-purple-500 to-cyan-500 text-white px-3 py-1.5"
+          <span
+            class="text-sm rounded-lg font-mono bg-gradient-to-r from-purple-500 to-cyan-500 text-white px-3 py-1.5"
             >Latest</span
           >
         </div>
diff --git a/src/views/ImprintView.vue b/src/views/ImprintView.vue
index 5fac19a..6ad725a 100644
--- a/src/views/ImprintView.vue
+++ b/src/views/ImprintView.vue
@@ -10,7 +10,9 @@
     </div>
 
     <div class="grid md:grid-cols-2 gap-4">
-      <div class="bg-slate-800 text-white bg-clip-border p-6 rounded-xl font-mono text-xs border-l-3 border-purple-500 neon-glow-permanent">
+      <div
+        class="bg-slate-800 text-white bg-clip-border p-6 rounded-xl font-mono text-xs border-l-3 border-purple-500 neon-glow-permanent"
+      >
         <h3 class="font-bold text-lg">CONTRIBUTIONS 👾</h3>
 
         <p class="mt-2 text-slate-300">
diff --git a/src/views/TopicIntroView.vue b/src/views/TopicIntroView.vue
index f0d012c..ae9c783 100644
--- a/src/views/TopicIntroView.vue
+++ b/src/views/TopicIntroView.vue
@@ -19,20 +19,11 @@ const getImageUrl = (image: string) =>
 </script>
 
 <template>
-  <div
-    :style="cssVars"
-    class="topic-intro-card bg-white rounded-lg p-5 shadow-sm"
-  >
-    <h2
-      v-if="overviewMode"
-      class="text-2xl md:text-3xl font-bold tracking-tight mb-4 e-text"
-    >
+  <div :style="cssVars" class="topic-intro-card bg-white rounded-lg p-5 shadow-sm">
+    <h2 v-if="overviewMode" class="text-2xl md:text-3xl font-bold tracking-tight mb-4 e-text">
       {{ topic.title }}
     </h2>
-    <h2
-      v-else
-      class="text-lg md:text-xl font-bold tracking-tight mb-3 text-right e-text"
-    >
+    <h2 v-else class="text-lg md:text-xl font-bold tracking-tight mb-3 text-right e-text">
       <RouterLink :to="topic.path" class="hover:underline">{{ topic.title }} ↑</RouterLink>
     </h2>
 

From 7b2a8b0e6d75971bb41f5a58b11161fec321b5a0 Mon Sep 17 00:00:00 2001
From: Holger Drewes <Holger.Drewes@gmail.com>
Date: Wed, 4 Mar 2026 17:19:19 +0100
Subject: [PATCH 26/29] E2E test fixes

---
 cypress/e2e/eip7594.cy.ts                                   | 3 ++-
 cypress/e2e/eip7883_Precompile_R.cy.ts                      | 3 ++-
 cypress/e2e/eip7951.cy.ts                                   | 3 ++-
 cypress/e2e/sites.cy.ts                                     | 3 ++-
 dist/website/index.html                                     | 4 ++--
 src/App.vue                                                 | 6 +++---
 .../precompileInterfaceEC/PrecompileInterfaceResultEC.vue   | 2 +-
 7 files changed, 14 insertions(+), 10 deletions(-)

diff --git a/cypress/e2e/eip7594.cy.ts b/cypress/e2e/eip7594.cy.ts
index 2011289..ce38f7d 100644
--- a/cypress/e2e/eip7594.cy.ts
+++ b/cypress/e2e/eip7594.cy.ts
@@ -13,7 +13,8 @@ describe('EIP-7594/PeerDAS Tests', () => {
     )
 
     // Select different example
-    cy.get('#eip-7594-c').find('select').select(2)
+    cy.get('#eip-7594-c .e-select').click()
+    cy.get('#eip-7594-c [role="option"]').eq(1).click()
     cy.get('#eip-7594-c textarea', { timeout: 10000 }).should(
       'contain.value',
       '00000000000000000000000000000000000000000',
diff --git a/cypress/e2e/eip7883_Precompile_R.cy.ts b/cypress/e2e/eip7883_Precompile_R.cy.ts
index f8c6ccb..018616e 100644
--- a/cypress/e2e/eip7883_Precompile_R.cy.ts
+++ b/cypress/e2e/eip7883_Precompile_R.cy.ts
@@ -91,7 +91,8 @@ describe('EIP-7823/Precompile Component Tests', () => {
       cy.get('input').eq(2).should('have.value', '0202')
 
       // examples
-      cy.get('.examples-select').select('Simple')
+      cy.get('.e-select').click()
+      cy.contains('[role="option"]', 'Simple').click()
       cy.get('input').eq(0).should('have.value', '03')
       cy.get('input').eq(1).should('have.value', '03')
       cy.get('input').eq(2).should('have.value', '02')
diff --git a/cypress/e2e/eip7951.cy.ts b/cypress/e2e/eip7951.cy.ts
index 3925b59..342baf7 100644
--- a/cypress/e2e/eip7951.cy.ts
+++ b/cypress/e2e/eip7951.cy.ts
@@ -17,7 +17,8 @@ describe('EIP-7951/secp256r1 Precompile Support', () => {
     cy.get('.post-hardfork').find('p').eq(0).should('include.text', '6900 Gas')
 
     // Select different example
-    cy.get('#eip-7951-c').find('select').select('Invalid (Wycheproof), r value too large')
+    cy.get('#eip-7951-c .e-select').click()
+    cy.contains('[role="option"]', 'Invalid (Wycheproof), r value too large').click()
     cy.get('#eip-7951-c textarea', { timeout: 10000 }).should(
       'contain.value',
       '532eaabd9574880dbf76b9b8cc00832c20a6ec113d682299550d7a6e0f345e25',
diff --git a/cypress/e2e/sites.cy.ts b/cypress/e2e/sites.cy.ts
index 07eeb9a..35d3e6b 100644
--- a/cypress/e2e/sites.cy.ts
+++ b/cypress/e2e/sites.cy.ts
@@ -42,7 +42,8 @@ describe('Navigation', () => {
     cy.get('header').contains('Feel Your Protocol')
     cy.get('footer').contains('Imprint')
 
-    cy.get('#exploration-navi').select('EIP-7883')
+    cy.get('#exploration-navi').click()
+    cy.contains('[role="option"]', 'EIP-7883').click()
     cy.url().should('include', '/eip-7883')
 
     cy.get('footer').contains('Imprint').click()
diff --git a/dist/website/index.html b/dist/website/index.html
index 00e1b0b..1ba5325 100644
--- a/dist/website/index.html
+++ b/dist/website/index.html
@@ -5,8 +5,8 @@
     <link rel="icon" href="/assets/favicon-DIYJD7QH.png">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Feel Your Protocol</title>
-    <script type="module" crossorigin src="/assets/index-CL-ssia8.js"></script>
-    <link rel="stylesheet" crossorigin href="/assets/index-TR7RryOf.css">
+    <script type="module" crossorigin src="/assets/index-D0-gm-_I.js"></script>
+    <link rel="stylesheet" crossorigin href="/assets/index-BtSee313.css">
   </head>
   <body class="container mx-auto p-2">
     <div id="app"></div>
diff --git a/src/App.vue b/src/App.vue
index 6f263c0..375f521 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -16,12 +16,12 @@ const selectedLabel = computed(() => {
   return entry ? entry[0].toUpperCase() : 'All Explorations'
 })
 
-watch(selectedRoute, (path) => {
+function navigate(path: string) {
   const target = path || '/'
   if (route.path !== target) {
     router.push(target)
   }
-})
+}
 
 watch(
   () => route.path,
@@ -45,7 +45,7 @@ watch(
         >
       </h1>
       <nav class="font-mono text-sm text-right flex justify-end items-center">
-        <Listbox v-model="selectedRoute">
+        <Listbox v-model="selectedRoute" @update:model-value="navigate">
           <div class="relative inline-block">
             <ListboxButton
               class="inline-flex items-center gap-1 text-xs ml-6 border border-slate-200 bg-white rounded-md text-slate-500 hover:text-slate-700 hover:border-slate-300 px-2 py-1 cursor-pointer"
diff --git a/src/eComponents/precompileInterfaceEC/PrecompileInterfaceResultEC.vue b/src/eComponents/precompileInterfaceEC/PrecompileInterfaceResultEC.vue
index 91feebf..35df577 100644
--- a/src/eComponents/precompileInterfaceEC/PrecompileInterfaceResultEC.vue
+++ b/src/eComponents/precompileInterfaceEC/PrecompileInterfaceResultEC.vue
@@ -10,7 +10,7 @@ defineProps(['title', 'left'])
 </script>
 
 <template>
-  <ResultBoxUIC :title="title" :left="true">
+  <ResultBoxUIC :title="title" :left="left">
     <p v-if="execResult" class="e-result-text-lg">{{ execResult?.executionGasUsed }} Gas</p>
     <p v-if="execResult" class="e-result-text-sm">
       Result: {{ execResult ? bytesToHex(execResult.returnValue) : '' }}

From 2364c2af1801e82ca28062d884f2b935a0555bc6 Mon Sep 17 00:00:00 2001
From: Holger Drewes <Holger.Drewes@gmail.com>
Date: Wed, 4 Mar 2026 17:32:31 +0100
Subject: [PATCH 27/29] Design tweaks

---
 src/App.vue                       | 4 ++--
 src/eComponents/ui/TooltipUIC.vue | 2 +-
 src/explorations/TOPICS.ts        | 4 ++--
 src/main.css                      | 9 +++------
 4 files changed, 8 insertions(+), 11 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 375f521..db78485 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -48,7 +48,7 @@ watch(
         <Listbox v-model="selectedRoute" @update:model-value="navigate">
           <div class="relative inline-block">
             <ListboxButton
-              class="inline-flex items-center gap-1 text-xs ml-6 border border-slate-200 bg-white rounded-md text-slate-500 hover:text-slate-700 hover:border-slate-300 px-2 py-1 cursor-pointer"
+              class="inline-flex items-center gap-1 text-xs ml-6 border border-slate-400 bg-white rounded-md text-slate-500 px-2 py-1 cursor-pointer"
               id="exploration-navi"
             >
               {{ selectedLabel }}
@@ -64,7 +64,7 @@ watch(
               leave-to-class="opacity-0 scale-95"
             >
               <ListboxOptions
-                class="absolute right-0 z-20 mt-1 w-max max-h-60 overflow-auto rounded-md border border-slate-200 bg-white text-xs shadow-md focus:outline-none"
+                class="absolute right-0 z-20 mt-1 w-max max-h-60 overflow-auto rounded-md border border-slate-400 bg-white text-xs shadow-md focus:outline-none"
               >
                 <ListboxOption value="" v-slot="{ active, selected }" as="template">
                   <li
diff --git a/src/eComponents/ui/TooltipUIC.vue b/src/eComponents/ui/TooltipUIC.vue
index 16f7ce9..7f51ea3 100644
--- a/src/eComponents/ui/TooltipUIC.vue
+++ b/src/eComponents/ui/TooltipUIC.vue
@@ -7,7 +7,7 @@ defineProps({
 <template>
   <span
     :class="tooltip === '' ? 'group-hover:hidden' : 'group-hover:block'"
-    class="absolute left-1/2 -translate-x-1/2 bottom-full mb-2 hidden bg-gray-800 text-white text-xs rounded px-2 py-1 whitespace-nowrap z-10"
+    class="absolute left-1/2 -translate-x-1/2 bottom-full mb-2 hidden bg-slate-500 text-white text-xs rounded px-2 py-1 whitespace-nowrap z-10"
   >
     {{ tooltip }}
   </span>
diff --git a/src/explorations/TOPICS.ts b/src/explorations/TOPICS.ts
index 66d8eb5..ee1a18a 100644
--- a/src/explorations/TOPICS.ts
+++ b/src/explorations/TOPICS.ts
@@ -27,11 +27,11 @@ export function topicCSSVars(color: TopicColor): Record<string, string> {
   const c = CSS_COLOR_MAP[color]
   return {
     '--e-text': `var(--color-${c}-800)`,
-    '--e-bg': `var(--color-${c}-50)`,
+    '--e-bg': `var(--color-${c}-100)`,
     '--e-bg-light': `var(--color-white)`,
     '--e-bg-medium': `var(--color-${c}-100)`,
     '--e-bg-dark': `var(--color-${c}-900)`,
-    '--e-border': `var(--color-${c}-200)`,
+    '--e-border': `var(--color-${c}-300)`,
     '--e-border-dark': `var(--color-${c}-800)`,
     '--e-accent': `var(--color-${c}-600)`,
   }
diff --git a/src/main.css b/src/main.css
index c9ca6cc..440071c 100644
--- a/src/main.css
+++ b/src/main.css
@@ -90,11 +90,11 @@ body {
 /* --- Defaults (blue, overridden per-topic by ExplorationC) --- */
 :root {
   --e-text: var(--color-blue-800);
-  --e-bg: var(--color-blue-50);
+  --e-bg: var(--color-blue-100);
   --e-bg-light: var(--color-white);
   --e-bg-medium: var(--color-blue-100);
   --e-bg-dark: var(--color-blue-900);
-  --e-border: var(--color-blue-200);
+  --e-border: var(--color-blue-300);
   --e-border-dark: var(--color-blue-800);
   --e-accent: var(--color-blue-600);
 }
@@ -166,13 +166,10 @@ body {
 .e-select {
   color: var(--e-text);
   border-color: var(--e-border);
-  @apply text-xs border-1 px-2 py-1 mb-0.5 rounded-md;
+  @apply text-xs border-1 px-2 py-1 mb-0.5 rounded-md cursor-pointer;
   transition: border-color 0.15s ease;
 }
 
-.e-select:hover {
-  border-color: var(--e-accent);
-}
 
 .e-listbox-options {
   background-color: var(--e-bg);

From 67d487bd284bd7fc8c102c4d9e56f9fdab5225af Mon Sep 17 00:00:00 2001
From: Holger Drewes <Holger.Drewes@gmail.com>
Date: Wed, 4 Mar 2026 17:32:40 +0100
Subject: [PATCH 28/29] Lint

---
 src/main.css | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/main.css b/src/main.css
index 440071c..2d3d346 100644
--- a/src/main.css
+++ b/src/main.css
@@ -170,7 +170,6 @@ body {
   transition: border-color 0.15s ease;
 }
 
-
 .e-listbox-options {
   background-color: var(--e-bg);
   border-color: var(--e-border);

From ddbe43a3ba808c215f50991e6d1436339e922b41 Mon Sep 17 00:00:00 2001
From: Holger Drewes <Holger.Drewes@gmail.com>
Date: Wed, 4 Mar 2026 17:35:50 +0100
Subject: [PATCH 29/29] Small fix

---
 src/main.css | 7 -------
 1 file changed, 7 deletions(-)

diff --git a/src/main.css b/src/main.css
index 2d3d346..be07fa5 100644
--- a/src/main.css
+++ b/src/main.css
@@ -203,13 +203,6 @@ body {
   color: var(--e-text);
   border-color: var(--e-border);
   @apply size-4 inline align-baseline border-1 p-0.5 rounded-sm;
-  transition:
-    border-color 0.15s ease,
-    color 0.15s ease;
-}
-
-.e-button-icon:hover {
-  border-color: var(--e-accent);
 }
 
 /* --- E-Component: Precompile Interface --- */