From c5294d68d4e77a340c2d2ab665314a111fe7f860 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Sat, 28 Feb 2026 02:12:20 +0000
Subject: [PATCH 1/2] Initial plan


From 9b38f3e4da7e18d3d919860dd3c89252b4312d84 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Sat, 28 Feb 2026 02:20:49 +0000
Subject: [PATCH 2/2] fix: export resolveI18nLabel from @object-ui/react and
 use it for i18n label handling in plugin-designer

Co-authored-by: hotlong <50353452+hotlong@users.noreply.github.com>
---
 packages/plugin-designer/src/AppCreationWizard.tsx  |  3 ++-
 packages/plugin-designer/src/NavigationDesigner.tsx | 13 +++++++------
 packages/react/src/index.ts                         |  3 +++
 3 files changed, 12 insertions(+), 7 deletions(-)

diff --git a/packages/plugin-designer/src/AppCreationWizard.tsx b/packages/plugin-designer/src/AppCreationWizard.tsx
index 8fc8f4d39..b0a2f853f 100644
--- a/packages/plugin-designer/src/AppCreationWizard.tsx
+++ b/packages/plugin-designer/src/AppCreationWizard.tsx
@@ -48,6 +48,7 @@ import {
 } from 'lucide-react';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
+import { resolveI18nLabel } from '@object-ui/react';
 import { useDesignerTranslation } from './hooks/useDesignerTranslation';
 import { useConfirmDialog } from './hooks/useConfirmDialog';
 
@@ -524,7 +525,7 @@ function NavigationBuilderStep({
                 <span className="text-xs text-gray-400">{item.icon}</span>
               )}
               <span className="flex-1 truncate text-sm text-gray-800">
-                {item.type === 'separator' ? t('appDesigner.separatorLabel') : item.label}
+                {item.type === 'separator' ? t('appDesigner.separatorLabel') : resolveI18nLabel(item.label)}
               </span>
               <span
                 className={cn(
diff --git a/packages/plugin-designer/src/NavigationDesigner.tsx b/packages/plugin-designer/src/NavigationDesigner.tsx
index df7a2c7e6..adfb4a852 100644
--- a/packages/plugin-designer/src/NavigationDesigner.tsx
+++ b/packages/plugin-designer/src/NavigationDesigner.tsx
@@ -40,6 +40,7 @@ import {
 } from 'lucide-react';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
+import { resolveI18nLabel } from '@object-ui/react';
 import { useDesignerTranslation } from './hooks/useDesignerTranslation';
 
 function cn(...inputs: (string | undefined | false)[]) {
@@ -139,7 +140,7 @@ function NavItemRow({
   t,
 }: NavItemRowProps) {
   const [editingLabel, setEditingLabel] = useState(false);
-  const [labelDraft, setLabelDraft] = useState(item.label);
+  const [labelDraft, setLabelDraft] = useState(resolveI18nLabel(item.label) ?? '');
   const [editingIcon, setEditingIcon] = useState(false);
   const [iconDraft, setIconDraft] = useState(item.icon || '');
   const meta = NAV_TYPE_META[item.type];
@@ -151,7 +152,7 @@ function NavItemRow({
     if (labelDraft.trim()) {
       onUpdateLabel(item.id, labelDraft.trim());
     } else {
-      setLabelDraft(item.label);
+      setLabelDraft(resolveI18nLabel(item.label) ?? '');
     }
     setEditingLabel(false);
   };
@@ -243,7 +244,7 @@ function NavItemRow({
             onKeyDown={(e) => {
               if (e.key === 'Enter') handleLabelCommit();
               if (e.key === 'Escape') {
-                setLabelDraft(item.label);
+                setLabelDraft(resolveI18nLabel(item.label) ?? '');
                 setEditingLabel(false);
               }
             }}
@@ -258,12 +259,12 @@ function NavItemRow({
             )}
             onDoubleClick={() => {
               if (!readOnly && item.type !== 'separator') {
-                setLabelDraft(item.label);
+                setLabelDraft(resolveI18nLabel(item.label) ?? '');
                 setEditingLabel(true);
               }
             }}
           >
-            {item.label}
+            {resolveI18nLabel(item.label)}
           </span>
         )}
 
@@ -410,7 +411,7 @@ function PreviewItem({ item, depth }: { item: NavigationItem; depth: number }) {
         style={{ marginLeft: depth * 12 }}
       >
         <meta.Icon className="h-3 w-3 text-gray-400" />
-        <span className="truncate">{item.label}</span>
+        <span className="truncate">{resolveI18nLabel(item.label)}</span>
       </li>
       {item.type === 'group' && item.children?.map((child) => (
         <PreviewItem key={child.id} item={child} depth={depth + 1} />
diff --git a/packages/react/src/index.ts b/packages/react/src/index.ts
index 5a6afc8cb..ad7014ff4 100644
--- a/packages/react/src/index.ts
+++ b/packages/react/src/index.ts
@@ -13,6 +13,9 @@ export * from './components/form';
 export * from './LazyPluginLoader';
 export * from './spec-bridge';
 
+// i18n utilities
+export { resolveI18nLabel } from './utils/i18n';
+
 // Built-in i18n support
 export {
   I18nProvider,