From d5a8673c820f8ac48056829462e52e6d72e80a42 Mon Sep 17 00:00:00 2001
From: Shivam Mishra <scm.mymail@gmail.com>
Date: Tue, 23 Dec 2025 13:30:32 +0530
Subject: [PATCH] feat: add captain paywall

---
 .../dashboard/routes/dashboard/settings/captain/Index.vue  | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/app/javascript/dashboard/routes/dashboard/settings/captain/Index.vue b/app/javascript/dashboard/routes/dashboard/settings/captain/Index.vue
index d0877f966..d38c6f52d 100644
--- a/app/javascript/dashboard/routes/dashboard/settings/captain/Index.vue
+++ b/app/javascript/dashboard/routes/dashboard/settings/captain/Index.vue
@@ -11,6 +11,7 @@ import BaseSettingsHeader from '../components/BaseSettingsHeader.vue';
 import SectionLayout from '../account/components/SectionLayout.vue';
 import ModelSelector from './components/ModelSelector.vue';
 import FeatureToggle from './components/FeatureToggle.vue';
+import CaptainPaywall from 'next/captain/pageComponents/Paywall.vue';
 
 const { t } = useI18n();
 const store = useStore();
@@ -101,7 +102,6 @@ onMounted(() => {
 <template>
   <SettingsLayout
     :is-loading="isLoading"
-    :no-records-found="!captainEnabled"
     :no-records-message="t('CAPTAIN_SETTINGS.NOT_ENABLED')"
     :loading-message="t('CAPTAIN_SETTINGS.LOADING')"
   >
@@ -115,7 +115,7 @@ onMounted(() => {
       />
     </template>
     <template #body>
-      <div class="flex flex-col gap-1">
+      <div v-if="captainEnabled" class="flex flex-col gap-1">
         <!-- Model Configuration Section -->
         <SectionLayout
           :title="t('CAPTAIN_SETTINGS.MODEL_CONFIG.TITLE')"
@@ -152,6 +152,9 @@ onMounted(() => {
           </div>
         </SectionLayout>
       </div>
+      <div v-else>
+        <CaptainPaywall />
+      </div>
     </template>
   </SettingsLayout>
 </template>