From 37940e47774f3a89436db1c2800d5a5e1956f641 Mon Sep 17 00:00:00 2001
From: y3drk <ziebura.jedrzej@gmail.com>
Date: Fri, 29 May 2026 12:54:01 +0200
Subject: [PATCH 1/6] Apply feedback items 1,6,7 from 05/27/26 Google Doc + fix
 link hover color inside <Aside> component

---
 .../src/components/molecules/HostedEnsNodeInstance.astro     | 5 +++--
 .../omnigraph-static-example/StaticExampleActionBar.astro    | 2 +-
 .../StaticExamplePlaygroundHint.astro                        | 2 +-
 docs/ensnode.io/src/styles/starlight.css                     | 4 ++++
 4 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/docs/ensnode.io/src/components/molecules/HostedEnsNodeInstance.astro b/docs/ensnode.io/src/components/molecules/HostedEnsNodeInstance.astro
index d7755f133..7f28a0bb7 100644
--- a/docs/ensnode.io/src/components/molecules/HostedEnsNodeInstance.astro
+++ b/docs/ensnode.io/src/components/molecules/HostedEnsNodeInstance.astro
@@ -18,13 +18,14 @@ const hostedEnsNodeVersion = ACTIVE_OMNIGRAPH_VERSION;
           href={instanceURL}>{instanceURL}</a
         >
         <a
-          class="not-content w-fit open-in-ensadmin flex flex-row flex-nowrap justify-start items-center gap-1 min-[400px]:gap-2 transition-all button-as-child bg-[var(--sl-color-accent)]
+          class="not-content w-fit open-in-ensadmin flex flex-row flex-nowrap justify-start items-center gap-1 min-[400px]:gap-2 transition-colors button-as-child bg-[var(--sl-color-accent)]
                 hover:bg-[var(--sl-color-accent-high)] pl-1 pr-2 py-1 min-[400px]:pl-2 min-[400px]:pr-3 min-[400px]:py-2 rounded-lg"
           target="_blank"
           rel="noopener noreferrer"
           href={connectWithENSAdminURL}>
           <ENSAdminLogoDark className="h-6.5 w-auto shrink-0" />
-          <p class="text-[var(--sl-color-black)] text-xs min-[400px]:text-base font-normal">
+          <p
+            class="text-[var(--sl-color-black)] text-xs min-[400px]:text-base font-normal text-nowrap">
             Connect with ENSAdmin
           </p>
         </a>
diff --git a/docs/ensnode.io/src/components/molecules/omnigraph-static-example/StaticExampleActionBar.astro b/docs/ensnode.io/src/components/molecules/omnigraph-static-example/StaticExampleActionBar.astro
index 3f806619f..6aed47cac 100644
--- a/docs/ensnode.io/src/components/molecules/omnigraph-static-example/StaticExampleActionBar.astro
+++ b/docs/ensnode.io/src/components/molecules/omnigraph-static-example/StaticExampleActionBar.astro
@@ -20,7 +20,7 @@ const { variant, adminUrl, hostedInstanceDocUrl, hostedInstanceNamespace, static
 const actionBarClass =
   "flex flex-wrap items-center gap-3 border-b border-black/[0.06] bg-[var(--sl-color-gray-6)] px-4 py-4 dark:border-white/[0.08] dark:bg-[var(--sl-color-gray-7)] md:px-5";
 const actionButtonClass =
-  "inline-flex shrink-0 cursor-pointer items-center gap-2 rounded-lg bg-[var(--sl-color-text-accent)] p-1.5 pr-2 text-sm font-semibold text-[var(--sl-color-black)] transition-opacity hover:opacity-90 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--sl-color-text-accent)]";
+  "inline-flex shrink-0 cursor-pointer items-center gap-2 rounded-lg bg-[var(--sl-color-text-accent)] p-1.5 pr-2 text-sm font-semibold text-[var(--sl-color-black)] transition-colors hover:bg-[var(--sl-color-accent-high)] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--sl-color-text-accent)]";
 ---
 
 <div class={actionBarClass}>
diff --git a/docs/ensnode.io/src/components/molecules/omnigraph-static-example/StaticExamplePlaygroundHint.astro b/docs/ensnode.io/src/components/molecules/omnigraph-static-example/StaticExamplePlaygroundHint.astro
index b6ca81776..10a0a6fde 100644
--- a/docs/ensnode.io/src/components/molecules/omnigraph-static-example/StaticExamplePlaygroundHint.astro
+++ b/docs/ensnode.io/src/components/molecules/omnigraph-static-example/StaticExamplePlaygroundHint.astro
@@ -10,7 +10,7 @@ interface Props {
 const { variant, hostedInstanceDocUrl, hostedInstanceNamespace } = Astro.props;
 
 const hostedInstanceLinkClass =
-  "text-sm font-semibold text-[var(--sl-color-gray-1)] underline decoration-[var(--sl-color-gray-4)] underline-offset-2 transition-colors hover:text-[var(--sl-color-text-accent)] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--sl-color-text-accent)]";
+  "text-sm font-semibold text-[var(--sl-color-accent)] underline underline-offset-4 hover:underline-offset-2 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 transition-underline duration-200";
 ---
 
 <span class="hidden text-xs leading-snug text-[var(--sl-color-gray-3)] sm:block">
diff --git a/docs/ensnode.io/src/styles/starlight.css b/docs/ensnode.io/src/styles/starlight.css
index 15303569b..528ce1727 100644
--- a/docs/ensnode.io/src/styles/starlight.css
+++ b/docs/ensnode.io/src/styles/starlight.css
@@ -482,6 +482,10 @@ starlight-tabs ul[role="tablist"] {
 
   & a {
     color: var(--aside-text-color, var(--aside-color));
+
+    &:hover {
+      color: var(--aside-text-color, var(--aside-color));
+    }
   }
 
   & code {

From 45b3b0dc1645f3dcab726162383e2145bd64020c Mon Sep 17 00:00:00 2001
From: y3drk <ziebura.jedrzej@gmail.com>
Date: Fri, 29 May 2026 13:07:33 +0200
Subject: [PATCH 2/6] Apply AI agents' suggestions, pt.1

---
 .../omnigraph-static-example/StaticExamplePlaygroundHint.astro  | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/ensnode.io/src/components/molecules/omnigraph-static-example/StaticExamplePlaygroundHint.astro b/docs/ensnode.io/src/components/molecules/omnigraph-static-example/StaticExamplePlaygroundHint.astro
index 10a0a6fde..17d8908e7 100644
--- a/docs/ensnode.io/src/components/molecules/omnigraph-static-example/StaticExamplePlaygroundHint.astro
+++ b/docs/ensnode.io/src/components/molecules/omnigraph-static-example/StaticExamplePlaygroundHint.astro
@@ -10,7 +10,7 @@ interface Props {
 const { variant, hostedInstanceDocUrl, hostedInstanceNamespace } = Astro.props;
 
 const hostedInstanceLinkClass =
-  "text-sm font-semibold text-[var(--sl-color-accent)] underline underline-offset-4 hover:underline-offset-2 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 transition-underline duration-200";
+  "text-sm font-semibold text-[var(--sl-color-accent)] underline underline-offset-4 hover:underline-offset-2 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--sl-color-text-accent)] transition-[text-underline-offset] duration-200";
 ---
 
 <span class="hidden text-xs leading-snug text-[var(--sl-color-gray-3)] sm:block">

From 07204ae83b47404811343c7c29b79db1b44c49fe Mon Sep 17 00:00:00 2001
From: y3drk <ziebura.jedrzej@gmail.com>
Date: Fri, 29 May 2026 13:20:39 +0200
Subject: [PATCH 3/6] Final unification of ENSAdmin CTA buttons

---
 .../src/components/molecules/HostedEnsNodeInstance.astro    | 6 +++---
 .../omnigraph-static-example/StaticExampleActionBar.astro   | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/docs/ensnode.io/src/components/molecules/HostedEnsNodeInstance.astro b/docs/ensnode.io/src/components/molecules/HostedEnsNodeInstance.astro
index 7f28a0bb7..4c065459b 100644
--- a/docs/ensnode.io/src/components/molecules/HostedEnsNodeInstance.astro
+++ b/docs/ensnode.io/src/components/molecules/HostedEnsNodeInstance.astro
@@ -19,13 +19,13 @@ const hostedEnsNodeVersion = ACTIVE_OMNIGRAPH_VERSION;
         >
         <a
           class="not-content w-fit open-in-ensadmin flex flex-row flex-nowrap justify-start items-center gap-1 min-[400px]:gap-2 transition-colors button-as-child bg-[var(--sl-color-accent)]
-                hover:bg-[var(--sl-color-accent-high)] pl-1 pr-2 py-1 min-[400px]:pl-2 min-[400px]:pr-3 min-[400px]:py-2 rounded-lg"
+                hover:bg-[var(--sl-color-accent-high)] p-1.5 pr-2 rounded-lg"
           target="_blank"
           rel="noopener noreferrer"
           href={connectWithENSAdminURL}>
-          <ENSAdminLogoDark className="h-6.5 w-auto shrink-0" />
+          <ENSAdminLogoDark className="h-5 w-auto shrink-0" />
           <p
-            class="text-[var(--sl-color-black)] text-xs min-[400px]:text-base font-normal text-nowrap">
+            class="text-[var(--sl-color-black)] text-xs min-[400px]:text-sm font-medium text-nowrap">
             Connect with ENSAdmin
           </p>
         </a>
diff --git a/docs/ensnode.io/src/components/molecules/omnigraph-static-example/StaticExampleActionBar.astro b/docs/ensnode.io/src/components/molecules/omnigraph-static-example/StaticExampleActionBar.astro
index 6aed47cac..589151566 100644
--- a/docs/ensnode.io/src/components/molecules/omnigraph-static-example/StaticExampleActionBar.astro
+++ b/docs/ensnode.io/src/components/molecules/omnigraph-static-example/StaticExampleActionBar.astro
@@ -20,7 +20,7 @@ const { variant, adminUrl, hostedInstanceDocUrl, hostedInstanceNamespace, static
 const actionBarClass =
   "flex flex-wrap items-center gap-3 border-b border-black/[0.06] bg-[var(--sl-color-gray-6)] px-4 py-4 dark:border-white/[0.08] dark:bg-[var(--sl-color-gray-7)] md:px-5";
 const actionButtonClass =
-  "inline-flex shrink-0 cursor-pointer items-center gap-2 rounded-lg bg-[var(--sl-color-text-accent)] p-1.5 pr-2 text-sm font-semibold text-[var(--sl-color-black)] transition-colors hover:bg-[var(--sl-color-accent-high)] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--sl-color-text-accent)]";
+  "inline-flex shrink-0 cursor-pointer items-center gap-2 rounded-lg bg-[var(--sl-color-text-accent)] p-1.5 pr-2 text-sm font-medium text-[var(--sl-color-black)] transition-colors hover:bg-[var(--sl-color-accent-high)] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--sl-color-text-accent)]";
 ---
 
 <div class={actionBarClass}>

From 6e88f4351b288f71f4fbccf27c59b795f20dd295 Mon Sep 17 00:00:00 2001
From: y3drk <ziebura.jedrzej@gmail.com>
Date: Fri, 29 May 2026 13:26:24 +0200
Subject: [PATCH 4/6] Final unification of ENSAdmin CTA buttons, pt.2

---
 .../src/components/molecules/HostedEnsNodeInstance.astro     | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/docs/ensnode.io/src/components/molecules/HostedEnsNodeInstance.astro b/docs/ensnode.io/src/components/molecules/HostedEnsNodeInstance.astro
index 4c065459b..512792d11 100644
--- a/docs/ensnode.io/src/components/molecules/HostedEnsNodeInstance.astro
+++ b/docs/ensnode.io/src/components/molecules/HostedEnsNodeInstance.astro
@@ -18,14 +18,13 @@ const hostedEnsNodeVersion = ACTIVE_OMNIGRAPH_VERSION;
           href={instanceURL}>{instanceURL}</a
         >
         <a
-          class="not-content w-fit open-in-ensadmin flex flex-row flex-nowrap justify-start items-center gap-1 min-[400px]:gap-2 transition-colors button-as-child bg-[var(--sl-color-accent)]
+          class="not-content w-fit open-in-ensadmin flex flex-row flex-nowrap justify-start items-center gap-2 transition-colors button-as-child bg-[var(--sl-color-accent)]
                 hover:bg-[var(--sl-color-accent-high)] p-1.5 pr-2 rounded-lg"
           target="_blank"
           rel="noopener noreferrer"
           href={connectWithENSAdminURL}>
           <ENSAdminLogoDark className="h-5 w-auto shrink-0" />
-          <p
-            class="text-[var(--sl-color-black)] text-xs min-[400px]:text-sm font-medium text-nowrap">
+          <p class="text-[var(--sl-color-black)] text-sm font-medium text-nowrap">
             Connect with ENSAdmin
           </p>
         </a>

From 11c16f8ab8d8772a03138dd45d00859bfcefe725 Mon Sep 17 00:00:00 2001
From: y3drk <ziebura.jedrzej@gmail.com>
Date: Fri, 29 May 2026 14:21:00 +0200
Subject: [PATCH 5/6] Refactor ENSAdminCTA button to remove duplicated code

---
 .../components/atoms/ENSAdminCTAButton.astro  | 23 +++++++++++++++++++
 .../molecules/HostedEnsNodeInstance.astro     | 16 ++++---------
 .../StaticExampleActionBar.astro              | 11 ++-------
 docs/ensnode.io/src/styles/starlight.css      |  6 -----
 4 files changed, 29 insertions(+), 27 deletions(-)
 create mode 100644 docs/ensnode.io/src/components/atoms/ENSAdminCTAButton.astro

diff --git a/docs/ensnode.io/src/components/atoms/ENSAdminCTAButton.astro b/docs/ensnode.io/src/components/atoms/ENSAdminCTAButton.astro
new file mode 100644
index 000000000..19841d84f
--- /dev/null
+++ b/docs/ensnode.io/src/components/atoms/ENSAdminCTAButton.astro
@@ -0,0 +1,23 @@
+---
+import ENSAdminLogoDark from "@components/atoms/logos/astro/ENSAdminLogoDark.astro";
+import cc from "classcat";
+
+interface ENSAdminCTAButtonProps {
+  ensAdminHref?: string;
+  text: string;
+}
+
+const { ensAdminHref, text } = Astro.props as ENSAdminCTAButtonProps;
+
+const styles =
+  "w-fit inline-flex shrink-0 cursor-pointer items-center gap-2 rounded-lg bg-[var(--sl-color-text-accent)] p-1.5 pr-2 text-sm font-medium text-[var(--sl-color-black)] transition-colors hover:bg-[var(--sl-color-accent-high)] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--sl-color-text-accent)]";
+---
+
+<a
+  class={cc([styles, "no-underline"])}
+  href={ensAdminHref}
+  target="_blank"
+  rel="noopener noreferrer">
+  <ENSAdminLogoDark className="h-5 w-auto shrink-0" />
+  {text}
+</a>
diff --git a/docs/ensnode.io/src/components/molecules/HostedEnsNodeInstance.astro b/docs/ensnode.io/src/components/molecules/HostedEnsNodeInstance.astro
index 512792d11..01fb9211b 100644
--- a/docs/ensnode.io/src/components/molecules/HostedEnsNodeInstance.astro
+++ b/docs/ensnode.io/src/components/molecules/HostedEnsNodeInstance.astro
@@ -1,5 +1,5 @@
 ---
-import ENSAdminLogoDark from "@components/atoms/logos/astro/ENSAdminLogoDark.astro";
+import ENSAdminCTAButton from "@components/atoms/ENSAdminCTAButton.astro";
 import { ACTIVE_OMNIGRAPH_VERSION } from "@data/omnigraph-examples/active";
 
 const { instanceURL, connectWithENSAdminURL, namespace, ensVersions, plugins } = Astro.props;
@@ -17,17 +17,9 @@ const hostedEnsNodeVersion = ACTIVE_OMNIGRAPH_VERSION;
           class="sl-markdown-content underline underline-offset-4 hover:underline-offset-2 transition-[text-underline-offset] duration-200"
           href={instanceURL}>{instanceURL}</a
         >
-        <a
-          class="not-content w-fit open-in-ensadmin flex flex-row flex-nowrap justify-start items-center gap-2 transition-colors button-as-child bg-[var(--sl-color-accent)]
-                hover:bg-[var(--sl-color-accent-high)] p-1.5 pr-2 rounded-lg"
-          target="_blank"
-          rel="noopener noreferrer"
-          href={connectWithENSAdminURL}>
-          <ENSAdminLogoDark className="h-5 w-auto shrink-0" />
-          <p class="text-[var(--sl-color-black)] text-sm font-medium text-nowrap">
-            Connect with ENSAdmin
-          </p>
-        </a>
+        <div class="not-content">
+          <ENSAdminCTAButton ensAdminHref={connectWithENSAdminURL} text="Connect with ENSAdmin" />
+        </div>
       </td>
     </tr>
     <tr>
diff --git a/docs/ensnode.io/src/components/molecules/omnigraph-static-example/StaticExampleActionBar.astro b/docs/ensnode.io/src/components/molecules/omnigraph-static-example/StaticExampleActionBar.astro
index 589151566..a8de89678 100644
--- a/docs/ensnode.io/src/components/molecules/omnigraph-static-example/StaticExampleActionBar.astro
+++ b/docs/ensnode.io/src/components/molecules/omnigraph-static-example/StaticExampleActionBar.astro
@@ -1,7 +1,7 @@
 ---
 import type { ENSNamespaceId } from "@ensnode/ensnode-sdk";
 
-import ENSAdminLogoDark from "@components/atoms/logos/astro/ENSAdminLogoDark.astro";
+import ENSAdminCTAButton from "@components/atoms/ENSAdminCTAButton.astro";
 import StackBlitzLogo from "@components/atoms/logos/astro/StackBlitzLogo.astro";
 
 import StaticExamplePlaygroundHint from "./StaticExamplePlaygroundHint.astro";
@@ -26,14 +26,7 @@ const actionButtonClass =
 <div class={actionBarClass}>
   {
     variant === "ensadmin" ? (
-      <a
-        class={`${actionButtonClass} no-underline`}
-        href={adminUrl}
-        target="_blank"
-        rel="noopener noreferrer">
-        <ENSAdminLogoDark className="h-5 w-auto shrink-0" />
-        Run in ENSAdmin
-      </a>
+      <ENSAdminCTAButton ensAdminHref={adminUrl} text="Run in ENSAdmin" />
     ) : (
       <button type="button" class={actionButtonClass} data-static-example-id={staticExampleId}>
         <StackBlitzLogo className="h-5 w-auto shrink-0" />
diff --git a/docs/ensnode.io/src/styles/starlight.css b/docs/ensnode.io/src/styles/starlight.css
index 528ce1727..cdd597730 100644
--- a/docs/ensnode.io/src/styles/starlight.css
+++ b/docs/ensnode.io/src/styles/starlight.css
@@ -337,12 +337,6 @@ starlight-toc a:hover {
   }
 }
 
-.open-in-ensadmin {
-  @media screen and (max-width: 400px) {
-    font-size: 14px;
-  }
-}
-
 /* Enhance hover and selected states for sidebar items */
 #starlight__sidebar a {
   transition:

From 346ec851f4a6ff1af5cfb342e56b5fba5d94f354 Mon Sep 17 00:00:00 2001
From: y3drk <ziebura.jedrzej@gmail.com>
Date: Fri, 29 May 2026 14:33:46 +0200
Subject: [PATCH 6/6] Apply AI agents' suggestions, pt.2

---
 docs/ensnode.io/src/components/atoms/ENSAdminCTAButton.astro    | 2 +-
 .../omnigraph-static-example/StaticExampleActionBar.astro       | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/docs/ensnode.io/src/components/atoms/ENSAdminCTAButton.astro b/docs/ensnode.io/src/components/atoms/ENSAdminCTAButton.astro
index 19841d84f..49a57e379 100644
--- a/docs/ensnode.io/src/components/atoms/ENSAdminCTAButton.astro
+++ b/docs/ensnode.io/src/components/atoms/ENSAdminCTAButton.astro
@@ -3,7 +3,7 @@ import ENSAdminLogoDark from "@components/atoms/logos/astro/ENSAdminLogoDark.ast
 import cc from "classcat";
 
 interface ENSAdminCTAButtonProps {
-  ensAdminHref?: string;
+  ensAdminHref: string;
   text: string;
 }
 
diff --git a/docs/ensnode.io/src/components/molecules/omnigraph-static-example/StaticExampleActionBar.astro b/docs/ensnode.io/src/components/molecules/omnigraph-static-example/StaticExampleActionBar.astro
index a8de89678..b074cc0b1 100644
--- a/docs/ensnode.io/src/components/molecules/omnigraph-static-example/StaticExampleActionBar.astro
+++ b/docs/ensnode.io/src/components/molecules/omnigraph-static-example/StaticExampleActionBar.astro
@@ -26,7 +26,7 @@ const actionButtonClass =
 <div class={actionBarClass}>
   {
     variant === "ensadmin" ? (
-      <ENSAdminCTAButton ensAdminHref={adminUrl} text="Run in ENSAdmin" />
+      adminUrl && <ENSAdminCTAButton ensAdminHref={adminUrl} text="Run in ENSAdmin" />
     ) : (
       <button type="button" class={actionButtonClass} data-static-example-id={staticExampleId}>
         <StackBlitzLogo className="h-5 w-auto shrink-0" />