feat: update copy

app/javascript/dashboard/helper/featureHelper.js

@@ -20,6 +20,7 @@ const FEATURE_HELP_URLS = {
   webhook: 'https://chwt.app/hc/webhooks',
   billing: 'https://chwt.app/pricing',
   saml: 'https://chwt.app/hc/saml',
+  captain_billing: 'https://chwt.app/hc/captain_billing',
 };
 
 export function getHelpUrlForFeature(featureName) {

app/javascript/dashboard/i18n/locale/en/settings.json

@@ -383,8 +383,9 @@
   },
   "CAPTAIN_SETTINGS": {
     "TITLE": "Captain Settings",
-    "DESCRIPTION": "Configure your AI models and features for Captain in Chatwoot.",
+    "DESCRIPTION": "Configure your AI models and features for Captain. Captain follows a credit based billing, you will be charged credits for every action Captain takes based on the model selected.",
     "LOADING": "Loading Captain configuration...",
+    "LINK_TEXT": "Learn more about Captain Credits",
     "NOT_ENABLED": "Captain is not enabled for your account. Please upgrade your plan to access Captain features.",
     "MODEL_CONFIG": {
       "TITLE": "Model Configuration",

app/javascript/dashboard/routes/dashboard/settings/captain/Index.vue

@@ -101,18 +101,21 @@ onMounted(() => {
 <template>
   <SettingsLayout
     :is-loading="isLoading"
+    :no-records-found="!captainEnabled"
+    :no-records-message="t('CAPTAIN_SETTINGS.NOT_ENABLED')"
     :loading-message="t('CAPTAIN_SETTINGS.LOADING')"
   >
     <template #header>
       <BaseSettingsHeader
         :title="t('CAPTAIN_SETTINGS.TITLE')"
         :description="t('CAPTAIN_SETTINGS.DESCRIPTION')"
+        :link-text="t('CAPTAIN_SETTINGS.LINK_TEXT')"
         icon-name="captain"
-        feature-name="captain"
+        feature-name="captain_billing"
       />
     </template>
     <template #body>
-      <div v-if="captainEnabled" class="flex flex-col gap-1">
+      <div class="flex flex-col gap-1">
         <!-- Model Configuration Section -->
         <SectionLayout
           :title="t('CAPTAIN_SETTINGS.MODEL_CONFIG.TITLE')"
@@ -149,9 +152,6 @@ onMounted(() => {
           </div>
         </SectionLayout>
       </div>
-      <div v-else class="text-n-slate-11 py-8 text-center">
-        {{ t('CAPTAIN_SETTINGS.NOT_ENABLED') }}
-      </div>
     </template>
   </SettingsLayout>
 </template>