fix: address code review feedback - make UI text configurable for i18n

Co-authored-by: hotlong <50353452+hotlong@users.noreply.github.com>

Author: Copilot

packages/components/src/renderers/navigation/header-bar.tsx

@@ -82,7 +82,7 @@ ComponentRegistry.register('header-bar',
             <Search className="absolute left-2.5 top-2.5 h-4 w-4 text-muted-foreground" />
             <Input
               type="search"
-              placeholder={schema.search.placeholder || 'Search...'}
+              placeholder={schema.search.placeholder}
               className="pl-8 w-[200px] lg:w-[300px]"
             />
             {schema.search.shortcut && (

packages/layout/src/SidebarNav.tsx

@@ -40,6 +40,7 @@ export interface SidebarNavProps {
     className?: string;
     collapsible?: "offcanvas" | "icon" | "none";
     searchEnabled?: boolean;
+    searchPlaceholder?: string;
 }
 
 function isNavGroup(item: NavItem | NavGroup): item is NavGroup {
@@ -104,7 +105,7 @@ function NavItemRenderer({ item, pathname }: { item: NavItem; pathname: string }
   );
 }
 
-export function SidebarNav({ items, title = "Application", className, collapsible = "icon", searchEnabled = false }: SidebarNavProps) {
+export function SidebarNav({ items, title = "Application", className, collapsible = "icon", searchEnabled = false, searchPlaceholder = "Search..." }: SidebarNavProps) {
   const location = useLocation();
   const [search, setSearch] = React.useState('');
 
@@ -137,7 +138,7 @@ export function SidebarNav({ items, title = "Application", className, collapsibl
               <Search className="absolute left-2.5 top-2.5 h-4 w-4 text-muted-foreground" />
               <Input
                 type="search"
-                placeholder="Search..."
+                placeholder={searchPlaceholder}
                 value={search}
                 onChange={(e) => setSearch(e.target.value)}
                 className="pl-8 h-9"

packages/plugin-view/src/ViewSwitcher.tsx

@@ -49,6 +49,7 @@ export type ViewSwitcherProps = {
   onViewChange?: (view: ViewType) => void;
   onCreateView?: () => void;
   onViewAction?: (action: string, view: ViewType) => void;
+  createViewLabel?: string;
   [key: string]: any;
 };
 
@@ -169,12 +170,20 @@ const DEFAULT_VIEW_ACTION_ICONS: Record<string, LucideIcon> = {
   delete: Trash2,
 };
 
+const DEFAULT_VIEW_ACTION_LABELS: Record<string, string> = {
+  share: 'Share',
+  settings: 'Settings',
+  duplicate: 'Duplicate',
+  delete: 'Delete',
+};
+
 export const ViewSwitcher: React.FC<ViewSwitcherProps> = ({
   schema,
   className,
   onViewChange,
   onCreateView,
   onViewAction,
+  createViewLabel = 'Create view',
   ...props
 }) => {
   const storageKey = React.useMemo(() => {
@@ -254,7 +263,7 @@ export const ViewSwitcher: React.FC<ViewSwitcherProps> = ({
             variant="ghost"
             size="icon-sm"
             onClick={() => onViewAction?.(action.type, currentView!)}
-            title={action.type}
+            title={DEFAULT_VIEW_ACTION_LABELS[action.type] || action.type}
           >
             {ActionIcon ? <ActionIcon className="h-3.5 w-3.5" /> : null}
           </Button>
@@ -269,7 +278,7 @@ export const ViewSwitcher: React.FC<ViewSwitcherProps> = ({
       variant="ghost"
       size="icon-sm"
       onClick={() => onCreateView?.()}
-      title="Create view"
+      title={createViewLabel}
     >
       <Plus className="h-3.5 w-3.5" />
     </Button>