From f4cb5e2c741a907b0f81edde44dde82615472c44 Mon Sep 17 00:00:00 2001
From: yaya <zaza@zazawowow.co.uk>
Date: Fri, 9 Oct 2026 13:38:15 +0100
Subject: [PATCH] fix(ui): preserve showcase height and broaden NIP-99 lookup

---
 neode-ui/src/components/RouterMarketplace.vue |  3 +--
 neode-ui/src/views/server/OpenWrtGateway.vue  | 18 +++++++++++++++---
 2 files changed, 16 insertions(+), 5 deletions(-)

diff --git a/neode-ui/src/components/RouterMarketplace.vue b/neode-ui/src/components/RouterMarketplace.vue
index 6a4f7b28..61261618 100644
--- a/neode-ui/src/components/RouterMarketplace.vue
+++ b/neode-ui/src/components/RouterMarketplace.vue
@@ -82,8 +82,7 @@ async function search() {
     socket.addEventListener('open', () => {
       socket.send(JSON.stringify(['REQ', `archy-router-${run}`, {
         kinds: [30402],
-        '#t': ['router', 'openwrt', 'wifi'],
-        limit: 50,
+        limit: 200,
       }]))
     })
     socket.addEventListener('message', message => {
diff --git a/neode-ui/src/views/server/OpenWrtGateway.vue b/neode-ui/src/views/server/OpenWrtGateway.vue
index 135dbc97..31a37e0f 100644
--- a/neode-ui/src/views/server/OpenWrtGateway.vue
+++ b/neode-ui/src/views/server/OpenWrtGateway.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ref, computed, onMounted } from 'vue'
+import { ref, computed, onMounted, nextTick } from 'vue'
 import { useRouter } from 'vue-router'
 import { rpcClient } from '@/api/rpc-client'
 import { useCachedResource } from '@/composables/useCachedResource'
@@ -116,6 +116,18 @@ const sshUser = ref('root')
 const sshPassword = ref('')
 const showConnectForm = ref(false)
 const routerShopOpen = ref(false)
+const routerCard = ref<HTMLElement>()
+const routerCardHeight = ref<string>()
+function openRouterShop() {
+  const height = routerCard.value?.getBoundingClientRect().height
+  if (height) routerCardHeight.value = `${height}px`
+  routerShopOpen.value = true
+}
+async function closeRouterShop() {
+  routerShopOpen.value = false
+  await nextTick()
+  routerCardHeight.value = undefined
+}
 const connecting = ref(false)
 const connectedParams = ref<Record<string, string> | null>(null)
 
@@ -534,10 +546,10 @@ onMounted(() => {
       <p v-if="error" class="mt-3 text-xs text-red-400">{{ error }}</p>
     </div>
 
-    <div class="glass-card p-6 mb-6 overflow-hidden router-model-card">
+    <div ref="routerCard" class="glass-card p-6 mb-6 overflow-hidden router-model-card" :style="routerCardHeight ? { height: routerCardHeight } : undefined">
       <div class="grid grid-cols-1 lg:grid-cols-[minmax(0,1fr)_minmax(280px,360px)] gap-6 items-start">
         <DeviceModel v-if="!routerShopOpen" model="beryl-ax" label="Beryl AX (GL-MT3000) OpenWrt router" fill-viewport :controls="false" />
-        <RouterMarketplace :expanded="routerShopOpen" @open="routerShopOpen = true" @close="routerShopOpen = false" />
+        <RouterMarketplace :expanded="routerShopOpen" @open="openRouterShop" @close="closeRouterShop" />
       </div>
     </div>