feat: 實作銷售單匯入權限控管並全面精簡權限顯示名稱

resources/js/Pages/Admin/Role/PermissionSelector.tsx

@@ -9,6 +9,7 @@ import { ChevronsDown, ChevronsUp } from "lucide-react";
 export interface Permission {
     id: number;
     name: string;
+    display_name?: string;
 }
 
 export interface GroupedPermission {
@@ -104,7 +105,7 @@ export default function PermissionSelector({ groupedPermissions, selectedPermiss
 
             // Filter permissions that match
             const matchingPermissions = group.permissions.filter(p => {
-                const translatedName = translateAction(p.name);
+                const translatedName = p.display_name || translateAction(p.name);
                 return translatedName.includes(searchQuery) ||
                     p.name.toLowerCase().includes(searchQuery.toLowerCase());
             });
@@ -306,7 +307,7 @@ function PermissionItem({ permission, selectedPermissions, onToggle, translate }
                     htmlFor={permission.name}
                     className="text-sm leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 cursor-pointer text-gray-700 hover:text-primary-main transition-colors"
                 >
-                    {translate(permission.name)}
+                    {permission.display_name || translate(permission.name)}
                 </label>
                 <p className="text-[10px] text-gray-400 font-mono">
                     {permission.name}