From be9a481e75901cbf7360399b208085f64574cf23 Mon Sep 17 00:00:00 2001
From: Tam Nhu Tran <kaitran.ntt@gmail.com>
Date: Mon, 13 Apr 2026 23:35:55 -0400
Subject: [PATCH] fix(ui): use i18n singleton in claude extension status card

---
 ui/src/pages/claude-extension.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/ui/src/pages/claude-extension.tsx b/ui/src/pages/claude-extension.tsx
index 251292b1..9d456880 100644
--- a/ui/src/pages/claude-extension.tsx
+++ b/ui/src/pages/claude-extension.tsx
@@ -11,6 +11,7 @@ import {
   Trash2,
 } from 'lucide-react';
 import { useTranslation } from 'react-i18next';
+import i18n from '@/lib/i18n';
 import { Badge } from '@/components/ui/badge';
 import { Button } from '@/components/ui/button';
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card';
@@ -228,7 +229,7 @@ function TargetStatusCard({
 
         <div className="rounded-lg border bg-muted/25 p-3 text-sm text-muted-foreground">
           {status?.message ||
-            t('claudeExtensionPage.verifyAfterSaving', {
+            i18n.t('claudeExtensionPage.verifyAfterSaving', {
               defaultValue: 'Verify the binding after saving to inspect the current file state.',
             })}
         </div>