From 820c98c21c216ac1be107cab7248c2aa5a524933 Mon Sep 17 00:00:00 2001
From: Harvey Zuccon <hzuccon@gmail.com>
Date: Fri, 30 May 2025 05:13:09 +0000
Subject: [PATCH] Feat(Docs): Added link to electrum methdos docs

---
 .../docs/src/.vitepress/theme/components/PrimitiveTool.vue | 7 +++++++
 packages/docs/src/.vitepress/theme/tools.css               | 4 ++++
 packages/docs/src/tools/stack/blockchain-functions.ts      | 1 +
 3 files changed, 12 insertions(+)

diff --git a/packages/docs/src/.vitepress/theme/components/PrimitiveTool.vue b/packages/docs/src/.vitepress/theme/components/PrimitiveTool.vue
index e8368f4..d6e2f60 100644
--- a/packages/docs/src/.vitepress/theme/components/PrimitiveTool.vue
+++ b/packages/docs/src/.vitepress/theme/components/PrimitiveTool.vue
@@ -53,6 +53,10 @@
             <select v-model="state.selectedMethod">
               <option v-for="method of state.methods" :key="method.label" :value="method">{{ method.label }}</option>
             </select>
+            <!-- Display a hint if the selected method has one -->
+            <div v-if="state.selectedMethod && state.selectedMethod.hint" class="hint-container">
+              <div v-html="state.selectedMethod.hint"></div>
+            </div>
           </div>
           <div v-if="state.selectedMethod" class="form-group input-group" :class="{ 'extended': state.selectedMethod.extendedInput }">
             <template v-for="(_input, i) of state.selectedMethod.inputs" :key="i">
@@ -156,6 +160,9 @@ export interface Method<Primitive> {
 
   // Whether the input is extended onto a new line
   extendedInput?: boolean
+
+  // Hint for the input
+  hint?: string,
 }
 
 export interface Props<Primitive> {
diff --git a/packages/docs/src/.vitepress/theme/tools.css b/packages/docs/src/.vitepress/theme/tools.css
index 9210cac..ff05b90 100644
--- a/packages/docs/src/.vitepress/theme/tools.css
+++ b/packages/docs/src/.vitepress/theme/tools.css
@@ -171,6 +171,10 @@
   color: #f46666;
 }
 
+.hint-container {
+  margin-top: 5px;
+}
+
 /* Mobile responsiveness */
 @media (max-width: 768px) {
   .select-group {
diff --git a/packages/docs/src/tools/stack/blockchain-functions.ts b/packages/docs/src/tools/stack/blockchain-functions.ts
index dea5ba1..8df2379 100644
--- a/packages/docs/src/tools/stack/blockchain-functions.ts
+++ b/packages/docs/src/tools/stack/blockchain-functions.ts
@@ -33,6 +33,7 @@ export const electrumClient = {
       inputs: ['Method', 'Parameters'],
       dynamicInputs: true,
       models: ['', ''],
+      hint: '<div>For a list of supported methods, see the <a href="https://electrum-cash-protocol.readthedocs.io/en/latest/protocol-methods.html" target="_blank">Electrum Protocol Documentation</a></div>',
       callback: async (
         electrum: BlockchainElectrum,
         args: [string, string],