Hide debug components without permission

inventory/src/components/product-import/steps/ValidationStepNew/components/ValidationContainer.tsx

@@ -18,6 +18,7 @@ import { useUpcValidation } from '../hooks/useUpcValidation'
 import { useProductLinesFetching } from '../hooks/useProductLinesFetching'
 import UpcValidationTableAdapter from './UpcValidationTableAdapter'
 import { Skeleton } from '@/components/ui/skeleton'
+import { Protected } from '@/components/auth/Protected'
 /**
  * ValidationContainer component - the main wrapper for the validation step
  * 
@@ -1149,15 +1150,17 @@ const ValidationContainer = <T extends string>({
           )}
           <div className="flex items-center gap-2">
             {/* Show Prompt Button */}
-            <Button 
+            <Protected permission="admin:debug">
-              variant="outline" 
+              <Button 
-              onClick={aiValidation.showCurrentPrompt}
+                variant="outline" 
-              disabled={aiValidation.isAiValidating}
+                onClick={aiValidation.showCurrentPrompt}
-              className="flex items-center gap-1"
+                disabled={aiValidation.isAiValidating}
-            >
+                className="flex items-center gap-1"
-              <FileText className="h-4 w-4" />
+              >
-              Show Prompt
+                <FileText className="h-4 w-4" />
-            </Button>
+                Show Prompt
+              </Button>
+            </Protected>
             
             {/* AI Validate Button */}
             <Button