Hide the APIUrlsCard if LLM is disabled

Author: arabcoders

app/components/token/ApiUrlsCard.vue

@@ -16,43 +16,35 @@
         </template>
 
         <div v-if="isOpen" class="flex flex-col gap-4 p-4 border-t border-gray-200 dark:border-gray-700">
-            <!-- Payload URL -->
             <div class="space-y-2">
                 <label class="block text-sm font-medium text-gray-700 dark:text-gray-300">
                     Webhook URL
                 </label>
                 <div class="flex gap-2">
                     <UInput :model-value="payloadUrl" readonly size="md" class="flex-1 font-mono text-xs" />
                     <UTooltip :text="copyPayloadState === 'copied' ? 'Copied!' : 'Copy URL'">
-                        <UButton 
-                            :icon="copyPayloadState === 'copied' ? 'i-lucide-check' : 'i-lucide-copy'"
-                            color="neutral" 
-                            variant="soft"
-                            @click="handleCopyPayload" />
+                        <UButton :icon="copyPayloadState === 'copied' ? 'i-lucide-check' : 'i-lucide-copy'"
+                            color="neutral" variant="soft" @click="handleCopyPayload" />
                     </UTooltip>
                 </div>
                 <p class="text-xs text-gray-500 dark:text-gray-400">
                     Use this URL to capture requests.
                 </p>
             </div>
 
-            <!-- View API URL -->
             <div class="space-y-2">
                 <label class="block text-sm font-medium text-gray-700 dark:text-gray-300">
                     Automation API URL
                 </label>
                 <div class="flex gap-2">
                     <UInput :model-value="viewUrl" readonly size="md" class="flex-1 font-mono text-xs" />
                     <UTooltip :text="copyViewState === 'copied' ? 'Copied!' : 'Copy URL'">
-                        <UButton 
-                            :icon="copyViewState === 'copied' ? 'i-lucide-check' : 'i-lucide-copy'"
-                            color="neutral" 
-                            variant="soft"
-                            @click="handleCopyView" />
+                        <UButton :icon="copyViewState === 'copied' ? 'i-lucide-check' : 'i-lucide-copy'" color="neutral"
+                            variant="soft" @click="handleCopyView" />
                     </UTooltip>
                 </div>
                 <p class="text-xs text-gray-500 dark:text-gray-400">
-                    Read-only API for automation/LLMs. Returns all requests with bodies in JSON format.
+                    Read-only API for automation/LLMs.
                 </p>
             </div>
         </div>

app/pages/token/[id].vue

@@ -32,7 +32,7 @@
             </div>
           </div>
           <div class="grid gap-6 px-6 pb-6 lg:p-6">
-            <ApiUrlsCard :token-id="tokenId" />
+            <ApiUrlsCard v-if="llmEndpointEnabled" :token-id="tokenId" />
             <ResponseSettingsCard :token-id="tokenId" />
             <RawRequestCard :request="selectedRequest" :request-number="selectedRequestNumber" :token-id="tokenId" />
             <RequestDetailsCard :request="selectedRequest" :request-number="selectedRequestNumber"
@@ -78,6 +78,8 @@ const { data: requests } = requestsStore.useRequestsList(tokenId)
 const { mutateAsync: deleteRequestMutation } = requestsStore.useDeleteRequest()
 const { mutateAsync: deleteAllRequestsMutation } = requestsStore.useDeleteAllRequests()
 
+const llmEndpointEnabled = useRuntimeConfig().public?.llmEndpointEnabled === true
+
 const selectedRequestId = ref<string | null>(null)
 const incomingIds = ref<Set<string>>(new Set())
 const copyState = ref<'idle' | 'copied'>('idle')

nuxt.config.ts

@@ -1,6 +1,7 @@
 import tailwindcss from "@tailwindcss/vite";
 
 const sessionRestoreEnabled = process.env.SESSION_RESTORE_ENABLED !== 'false'
+const llmEndpointEnabled = process.env.ENABLE_LLM_ENDPOINT === 'true'
 
 export default defineNuxtConfig({
   compatibilityDate: '2025-07-15',
@@ -35,8 +36,10 @@ export default defineNuxtConfig({
   },
   runtimeConfig: {
     sessionRestoreEnabled,
+    llmEndpointEnabled,
     public: {
       sessionRestoreEnabled,
+      llmEndpointEnabled,
     },
   },
 

package.json

@@ -19,19 +19,19 @@
   },
   "dependencies": {
     "@iconify-json/lucide": "^1.2.79",
-    "@nuxt/eslint": "1.9.0",
-    "@nuxt/test-utils": "3.19.2",
-    "@nuxt/ui": "4.0.1",
+    "@nuxt/eslint": "1.11.0",
+    "@nuxt/test-utils": "3.21.0",
+    "@nuxt/ui": "4.2.1",
     "@tailwindcss/postcss": "^4.1.17",
     "@tailwindcss/vite": "^4.1.17",
     "@tanstack/vue-query": "^5.92.1",
     "@types/jsonwebtoken": "^9.0.10",
     "better-sqlite3": "^12.5.0",
-    "drizzle-orm": "^0.44.7",
+    "drizzle-orm": "^0.45.0",
     "eslint": "^9.39.1",
     "h3": "^1.15.4",
     "jsonwebtoken": "^9.0.3",
-    "marked": "^16.4.2",
+    "marked": "^17.0.1",
     "nuxt": "^4.2.1",
     "shiki": "^3.19.0",
     "tailwindcss": "^4.1.17",
@@ -46,6 +46,6 @@
     "@types/node": "^24.10.1",
     "drizzle-kit": "^0.31.8",
     "tsx": "^4.21.0",
-    "vitest": "^3.2.4"
+    "vitest": "^4.0.15"
   }
 }