diff --git a/src/accounting-app/views/RecordPage.vue b/src/accounting-app/views/RecordPage.vue
index 071299e..b3213f8 100644
--- a/src/accounting-app/views/RecordPage.vue
+++ b/src/accounting-app/views/RecordPage.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import { ref } from 'vue'
+import { ref, computed } from 'vue'
 import { useI18n } from 'vue-i18n'
 import { useTimeAgo } from '@vueuse/core'
-import { DollarSign, TrendingUp, FileText, Trash2, Image as ImageIcon } from 'lucide-vue-next'
+import { DollarSign, TrendingUp, Info, FileText, Trash2, Image as ImageIcon } from 'lucide-vue-next'
 import { Badge } from '@/components/ui/badge'
 import { Button } from '@/components/ui/button'
 import { Separator } from '@/components/ui/separator'
@@ -16,6 +16,8 @@ const { drafts, hasDrafts, deleteDraft } = useExpenseDrafts()
 const showAddExpense = ref(false)
 const showAddIncome = ref(false)
 
+const incomeEnabled = computed(() => import.meta.env.VITE_LIBRA_INCOME_ENABLED === 'true')
+
 function handleExpenseSubmitted() {
   // Could refresh balance or show notification
 }
@@ -65,19 +67,34 @@ function draftTimeAgo(isoDate: string) {
 
       <!-- Add Income Card -->
       <button
-        class="flex items-start gap-4 p-5 rounded-xl border bg-card text-left transition-colors hover:bg-accent/50 active:bg-accent/70"
-        @click="showAddIncome = true"
+        class="flex items-start gap-4 p-5 rounded-xl border bg-card text-left transition-colors"
+        :class="incomeEnabled
+          ? 'hover:bg-accent/50 active:bg-accent/70'
+          : 'opacity-60 cursor-not-allowed'"
+        :disabled="!incomeEnabled"
+        @click="incomeEnabled && (showAddIncome = true)"
       >
         <div class="flex items-center justify-center w-12 h-12 rounded-full bg-green-100 dark:bg-green-900/20 shrink-0">
           <TrendingUp class="w-6 h-6 text-green-600 dark:text-green-400" />
         </div>
         <div class="min-w-0 flex-1">
-          <h2 class="text-lg font-semibold text-foreground">{{ t('libra.record.addIncome') }}</h2>
+          <div class="flex items-center gap-2">
+            <h2 class="text-lg font-semibold text-foreground">{{ t('libra.record.addIncome') }}</h2>
+            <Badge v-if="!incomeEnabled" variant="secondary" class="text-xs">
+              {{ t('libra.record.comingSoon') }}
+            </Badge>
+          </div>
           <p class="text-sm text-muted-foreground mt-0.5">{{ t('libra.record.addIncomeDescription') }}</p>
         </div>
       </button>
     </div>
 
+    <!-- Info hint when income is disabled -->
+    <div v-if="!incomeEnabled" class="mt-4 flex items-start gap-2 p-3 rounded-lg bg-muted/50">
+      <Info class="w-4 h-4 text-muted-foreground mt-0.5 shrink-0" />
+      <p class="text-xs text-muted-foreground">{{ t('libra.income.notAvailable') }}</p>
+    </div>
+
     <!-- Drafts Section -->
     <template v-if="hasDrafts">
       <Separator class="my-6" />