From ebf92a91c72acc8b1b5e467ae75ff3b4bd6dc2f2 Mon Sep 17 00:00:00 2001
From: michael <michael@modernfreedom.com>
Date: Tue, 27 Jan 2026 15:45:48 -0600
Subject: [PATCH] Replace 'asset' with 'proof' in user-facing UI text

Update all user-visible strings across the frontend to use "proof/proofs"
terminology instead of "asset/assets". This includes button labels, headers,
tooltips, confirmation messages, and mock feedback text. Internal code
(variable names, types, HTML IDs) remains unchanged.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 frontend/components/AssetPreview.tsx          |  2 +-
 frontend/components/Campaigns.tsx             |  4 +-
 frontend/components/ChecksOverview.tsx        |  2 +-
 frontend/components/Hero.tsx                  |  2 +-
 frontend/components/Projects.tsx              | 52 +++++++++----------
 .../{AssetUpload.tsx => ProofUpload.tsx}      |  4 +-
 frontend/components/Settings.tsx              |  2 +-
 7 files changed, 34 insertions(+), 34 deletions(-)
 rename frontend/components/{AssetUpload.tsx => ProofUpload.tsx} (96%)

diff --git a/frontend/components/AssetPreview.tsx b/frontend/components/AssetPreview.tsx
index f281ae4..1829007 100755
--- a/frontend/components/AssetPreview.tsx
+++ b/frontend/components/AssetPreview.tsx
@@ -28,7 +28,7 @@ export const AssetPreview: React.FC<AssetPreviewProps> = ({ file, previewUrl, fi
     };
 
     const fileType = getMimeType();
-    const displayName = fileName || file?.name || 'Asset Preview';
+    const displayName = fileName || file?.name || 'Proof Preview';
 
     // Check if we have rasterized PDF pages to display
     const hasPdfPages = pdfPages && pdfPages.length > 0;
diff --git a/frontend/components/Campaigns.tsx b/frontend/components/Campaigns.tsx
index d0a4c28..d03e996 100755
--- a/frontend/components/Campaigns.tsx
+++ b/frontend/components/Campaigns.tsx
@@ -628,7 +628,7 @@ const UploadProofModal: React.FC<{
                     <div className="bg-white px-4 pt-5 pb-4 sm:p-6 sm:pb-4 border-b border-grey-300 flex justify-between items-start">
                         <div>
                              <h3 className="text-2xl font-bold text-primary-blue" id="modal-title">Upload New Proof</h3>
-                             <p className="text-sm text-grey-900 mt-1">Drag and drop your asset below to start AI analysis.</p>
+                             <p className="text-sm text-grey-900 mt-1">Drag and drop your proof below to start AI analysis.</p>
                         </div>
                         <button
                             onClick={onClose}
@@ -1505,7 +1505,7 @@ const ProofDetailView: React.FC<{
                                         title={`Download Version ${selectedVersion.version}`}
                                     >
                                         <DownloadIcon className="h-4 w-4" />
-                                        Download Asset
+                                        Download Proof
                                     </button>
                                     <button
                                         onClick={handleDownloadReport}
diff --git a/frontend/components/ChecksOverview.tsx b/frontend/components/ChecksOverview.tsx
index d3a6b45..3954870 100755
--- a/frontend/components/ChecksOverview.tsx
+++ b/frontend/components/ChecksOverview.tsx
@@ -35,7 +35,7 @@ const specialistAgents: CheckDetail[] = [
         name: 'Channel Tech Specs Agent',
         icon: <ChannelIcon />,
         role: 'Technical Specs',
-        description: 'Checks assets against platform-specific technical specifications.'
+        description: 'Checks proofs against platform-specific technical specifications.'
     }
 ];
 
diff --git a/frontend/components/Hero.tsx b/frontend/components/Hero.tsx
index a8ea2db..331b2db 100755
--- a/frontend/components/Hero.tsx
+++ b/frontend/components/Hero.tsx
@@ -37,7 +37,7 @@ export const Hero: React.FC<HeroProps> = ({ onGetStarted }) => {
                 </h1>
 
                 <p className="text-lg md:text-xl text-slate-300 mb-10 leading-relaxed max-w-2xl">
-                    Streamline your creative approval process. Mod Comms analyses your assets against guidelines and best practice in seconds, not days.
+                    Streamline your creative approval process. Mod Comms analyses your proofs against guidelines and best practice in seconds, not days.
                 </p>
 
                 <div className="flex flex-col sm:flex-row gap-4">
diff --git a/frontend/components/Projects.tsx b/frontend/components/Projects.tsx
index 8595324..002da26 100755
--- a/frontend/components/Projects.tsx
+++ b/frontend/components/Projects.tsx
@@ -49,15 +49,15 @@ const IG_HERO_POST_1_IMAGE_V2 = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTA4M
 
 const IG_HERO_POST_1_FEEDBACK_V1: AgentReview = {
   overallStatus: "Analysis Error",
-  leadAgentSummary: "The asset could not be reliably processed by some agents due to low confidence in the analysis. This may happen if the asset is too abstract or irrelevant to typical marketing content. This version has been logged for manual human review. Please try uploading a revised version of the asset.",
+  leadAgentSummary: "The proof could not be reliably processed by some agents due to low confidence in the analysis. This may happen if the proof is too abstract or irrelevant to typical marketing content. This version has been logged for manual human review. Please try uploading a revised version of the proof.",
   legalAgentReview: {
     ragStatus: "Error",
-    feedback: "The agent could not analyze this asset with high confidence. This may be because the content is irrelevant, nonsensical, or too far outside of expected marketing materials.",
+    feedback: "The agent could not analyze this proof with high confidence. This may be because the content is irrelevant, nonsensical, or too far outside of expected marketing materials.",
     issues: []
   },
   brandAgentReview: {
     ragStatus: "Error",
-    feedback: "The agent could not analyze this asset with high confidence. This may be because the content is irrelevant, nonsensical, or too far outside of expected marketing materials.",
+    feedback: "The agent could not analyze this proof with high confidence. This may be because the content is irrelevant, nonsensical, or too far outside of expected marketing materials.",
     issues: []
   },
   channelBestPracticesAgentReview: {
@@ -74,7 +74,7 @@ const IG_HERO_POST_1_FEEDBACK_V1: AgentReview = {
 
 const IG_HERO_POST_1_FEEDBACK_V2: AgentReview = {
   overallStatus: "Passed",
-  leadAgentSummary: "The asset has Passed review. All critical legal and brand issues from the previous version have been successfully addressed. The partnership claim is clear, and the design now fully aligns with brand guidelines. One minor suggestion is to consider a separate vertical version for Story placements, but the asset is approved for deployment.",
+  leadAgentSummary: "The proof has Passed review. All critical legal and brand issues from the previous version have been successfully addressed. The partnership claim is clear, and the design now fully aligns with brand guidelines. One minor suggestion is to consider a separate vertical version for Story placements, but the proof is approved for deployment.",
   legalAgentReview: {
     ragStatus: "Green",
     feedback: "All legal concerns have been addressed. The partnership claim is now clearly stated as 'Proud principal partner' and all necessary documentation for the use of the Lord's branding has been verified.",
@@ -82,7 +82,7 @@ const IG_HERO_POST_1_FEEDBACK_V2: AgentReview = {
   },
   brandAgentReview: {
     ragStatus: "Green",
-    feedback: "The asset now fully aligns with brand guidelines. The 'Principal partner' lockup uses the correct brand font, and the non-standard blue border has been removed, resulting in a cleaner, on-brand look.",
+    feedback: "The proof now fully aligns with brand guidelines. The 'Principal partner' lockup uses the correct brand font, and the non-standard blue border has been removed, resulting in a cleaner, on-brand look.",
     issues: []
   },
   channelBestPracticesAgentReview: {
@@ -140,9 +140,9 @@ export const initialProjectAssets: { [key: string]: any[] } = {
                   assetPreviewUrl: 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTA4MCIgaGVpZ2h0PSIxMDgwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9IiNmNGY2ZjgiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgZm9udC1mYW1pbHk9InNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iODAiIGZpbGw9IiMwMDFmNWEiLz48dGV4dCB4PSI1MCUiIHk9IjUwJSIgZm9udC1mYW1pbHk9InNhbnMtc2VyaWYiIGZvbnQtc2l6ZT0iODAiIGZpbGw9IiMwMDFmNWEiIHRleH0LWFuY2hvcj0ibWlkZGxlIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIj5RMyBSZXN1bHRzIEluZm9ncmFwaGljPC90ZXh0Pjwvc3ZnPg==',
                   feedback: {
                     overallStatus: "Passed",
-                    leadAgentSummary: "The asset has Passed review with no issues found across all categories. It is well-designed, compliant, and ready for deployment.",
+                    leadAgentSummary: "The proof has Passed review with no issues found across all categories. It is well-designed, compliant, and ready for deployment.",
                     legalAgentReview: { ragStatus: "Green", feedback: "All claims are substantiated and disclaimers are correctly placed.", issues: [] },
-                    brandAgentReview: { ragStatus: "Green", feedback: "The asset adheres perfectly to all brand guidelines.", issues: [] },
+                    brandAgentReview: { ragStatus: "Green", feedback: "The proof adheres perfectly to all brand guidelines.", issues: [] },
                     channelBestPracticesAgentReview: { ragStatus: "Green", feedback: "The content strategy is effective and well-optimized for engagement.", issues: [] },
                     channelTechSpecsAgentReview: { ragStatus: "Green", feedback: "The infographic format is highly suitable for the selected channel.", issues: [] },
                   },
@@ -230,7 +230,7 @@ const ProjectList: React.FC<{
                 <div className="flex flex-col md:flex-row justify-between items-start md:items-center gap-4">
                     <div>
                         <h1 className="text-3xl lg:text-4xl font-bold text-primary-blue">Projects</h1>
-                        <p className="text-base lg:text-lg text-primary-blue mt-1">Manage your campaigns and asset collections.</p>
+                        <p className="text-base lg:text-lg text-primary-blue mt-1">Manage your campaigns and proof collections.</p>
                     </div>
                      <div className="flex items-center gap-4">
                         <div className="flex items-center gap-2">
@@ -255,7 +255,7 @@ const ProjectList: React.FC<{
                             <thead className="bg-lime">
                                 <tr>
                                     <th scope="col" className="px-6 py-3 text-left text-xs font-bold text-black-title uppercase tracking-wider">Project Name</th>
-                                    <th scope="col" className="px-6 py-3 text-left text-xs font-bold text-black-title uppercase tracking-wider">Assets</th>
+                                    <th scope="col" className="px-6 py-3 text-left text-xs font-bold text-black-title uppercase tracking-wider">Proofs</th>
                                     <th scope="col" className="px-6 py-3 text-left text-xs font-bold text-black-title uppercase tracking-wider">Status</th>
                                     <th scope="col" className="px-6 py-3 text-left text-xs font-bold text-black-title uppercase tracking-wider">Created By</th>
                                     <th scope="col" className="px-6 py-3 text-left text-xs font-bold text-black-title uppercase tracking-wider">Owning Agency</th>
@@ -345,12 +345,12 @@ const ProjectAssetUpload: React.FC<{
 
     return (
         <section className="bg-white rounded-[10px] shadow-md p-6 border border-grey-300 mb-8">
-            <h2 className="text-xl font-bold text-primary-blue mb-4">Upload New Asset</h2>
+            <h2 className="text-xl font-bold text-primary-blue mb-4">Upload New Proof</h2>
             <form onSubmit={handleSubmit} className="space-y-4">
                 <div>
                     <label htmlFor="asset-name" className="flex items-center text-sm font-medium text-black-title mb-1">
                         <DocumentIcon className="h-5 w-5 mr-2 text-active-blue shrink-0" />
-                        Asset Name
+                        Proof Name
                     </label>
                     <input
                         id="asset-name"
@@ -364,7 +364,7 @@ const ProjectAssetUpload: React.FC<{
                     />
                      {isNewVersion && (
                         <p className="text-xs text-active-blue mt-2 p-2 bg-info-light rounded-[10px]">
-                            An asset with this name already exists. This will be uploaded as a new version.
+                            A proof with this name already exists. This will be uploaded as a new version.
                         </p>
                     )}
                 </div>
@@ -418,7 +418,7 @@ const ProjectAssetUpload: React.FC<{
                 </div>
 
                 <div>
-                    <label className="block text-sm font-medium text-black-title mb-1">Asset File</label>
+                    <label className="block text-sm font-medium text-black-title mb-1">Proof File</label>
                     <div className="mt-1 flex justify-center px-6 pt-5 pb-6 border-2 border-grey-300 border-dashed rounded-[10px]">
                         <div className="space-y-1 text-center">
                             <UploadIcon className="mx-auto h-12 w-12 text-grey-700" />
@@ -447,7 +447,7 @@ const ProjectAssetUpload: React.FC<{
                                 </svg>
                                 Analyzing...
                             </>
-                        ) : 'Upload & Analyze Asset'}
+                        ) : 'Upload & Analyze Proof'}
                     </button>
                 </div>
             </form>
@@ -502,7 +502,7 @@ const DeleteConfirmationModal: React.FC<{
             >
                 <h3 className="text-xl font-bold text-primary-blue">Confirm Deletion</h3>
                 <p className="text-black-title my-4">
-                    Are you sure you want to permanently delete the asset "{assetName}"? This action cannot be undone.
+                    Are you sure you want to permanently delete the proof "{assetName}"? This action cannot be undone.
                 </p>
                 <div className="mt-6 flex justify-end gap-3">
                     <button
@@ -517,7 +517,7 @@ const DeleteConfirmationModal: React.FC<{
                         onClick={onConfirm}
                         className="bg-error text-white font-semibold py-2 px-4 rounded-full hover:bg-error/80 transition-colors"
                     >
-                        Delete Asset
+                        Delete Proof
                     </button>
                 </div>
             </div>
@@ -606,7 +606,7 @@ const ProjectDetail: React.FC<{
                     </button>
                     <div>
                         <h1 className="text-3xl lg:text-4xl font-bold text-primary-blue">{projectName}</h1>
-                        <p className="text-base lg:text-lg text-primary-blue mt-1">Asset overview and compliance status.</p>
+                        <p className="text-base lg:text-lg text-primary-blue mt-1">Proof overview and compliance status.</p>
                     </div>
                 </div>
             </header>
@@ -628,18 +628,18 @@ const ProjectDetail: React.FC<{
                 {!isUploadFormVisible && (
                     <div className="mb-6 flex justify-end gap-3">
                         <button
-                            onClick={() => console.log('Download all assets clicked')}
+                            onClick={() => console.log('Download all proofs clicked')}
                             className="flex items-center gap-2 bg-white text-active-blue font-semibold py-2 px-4 rounded-full border-2 border-active-blue hover:bg-active-blue/10 transition-colors duration-300"
                         >
                             <DownloadIcon className="h-5 w-5" />
-                            Download All Assets
+                            Download All Proofs
                         </button>
                         <button
                             onClick={() => setIsUploadFormVisible(true)}
                             className="flex items-center gap-2 bg-active-blue text-white font-semibold py-2 px-4 rounded-full hover:bg-primary-blue transition-colors duration-300"
                         >
                             <PlusIcon className="h-5 w-5" />
-                            Upload New Asset
+                            Upload New Proof
                         </button>
                     </div>
                 )}
@@ -648,7 +648,7 @@ const ProjectDetail: React.FC<{
                         <table className="min-w-full divide-y divide-grey-300">
                             <thead className="bg-lime">
                                 <tr>
-                                    <th scope="col" className="px-6 py-3 text-left text-xs font-bold text-black-title uppercase tracking-wider">Asset Name</th>
+                                    <th scope="col" className="px-6 py-3 text-left text-xs font-bold text-black-title uppercase tracking-wider">Proof Name</th>
                                     <th scope="col" className="px-6 py-3 text-left text-xs font-bold text-black-title uppercase tracking-wider">Workfront #</th>
                                     <th scope="col" className="px-6 py-3 text-left text-xs font-bold text-black-title uppercase tracking-wider">Channel</th>
                                     <th scope="col" className="px-6 py-3 text-left text-xs font-bold text-black-title uppercase tracking-wider">Sub-Channel</th>
@@ -732,13 +732,13 @@ const ProjectDetail: React.FC<{
                                                      <button
                                                         onClick={(e) => handleNewVersionClick(e, asset)}
                                                         className="p-2 text-grey-700 rounded-full hover:bg-info-light hover:text-active-blue transition-colors disabled:opacity-50 disabled:cursor-not-allowed"
-                                                        title={`Upload new version for ${asset.assetName}`}
+                                                        title={`Upload new version of ${asset.assetName}`}
                                                         disabled={isUploading}
                                                     >
                                                         <UploadIcon className="h-5 w-5" />
                                                     </button>
                                                     <button
-                                                        onClick={(e) => { e.stopPropagation(); console.log('Download asset clicked'); }}
+                                                        onClick={(e) => { e.stopPropagation(); console.log('Download proof clicked'); }}
                                                         className="p-2 text-grey-700 rounded-full hover:bg-success-light hover:text-success transition-colors"
                                                         title={`Download ${asset.assetName}`}
                                                     >
@@ -832,7 +832,7 @@ const AssetDetailView: React.FC<{
     if (!selectedVersion) {
         return (
             <div className="p-8">
-                <p>Error: This asset has no versions to display.</p>
+                <p>Error: This proof has no versions to display.</p>
                 <button onClick={onBack}>Go Back</button>
             </div>
         );
@@ -862,7 +862,7 @@ const AssetDetailView: React.FC<{
                     <div className="sticky top-8 flex flex-col gap-y-6">
                         <div>
                              <h2 className="text-2xl font-bold text-primary-blue mb-4">
-                                Asset Preview
+                                Proof Preview
                             </h2>
                             <AssetPreview 
                                 previewUrl={selectedVersion.assetPreviewUrl} 
@@ -889,7 +889,7 @@ const AssetDetailView: React.FC<{
                                         onClick={handleUploadClick}
                                         disabled={isUploadingNewVersion}
                                         className="flex items-center gap-2 text-sm bg-white text-active-blue font-semibold py-1.5 px-3 rounded-full border-2 border-active-blue hover:bg-active-blue/10 transition-colors duration-200 disabled:bg-grey-300 disabled:text-grey-700 disabled:cursor-wait"
-                                        title="Upload a new version of this asset"
+                                        title="Upload a new version of this proof"
                                     >
                                         {isUploadingNewVersion ? (
                                             <>
diff --git a/frontend/components/AssetUpload.tsx b/frontend/components/ProofUpload.tsx
similarity index 96%
rename from frontend/components/AssetUpload.tsx
rename to frontend/components/ProofUpload.tsx
index 432ac68..7bafaae 100755
--- a/frontend/components/AssetUpload.tsx
+++ b/frontend/components/ProofUpload.tsx
@@ -35,7 +35,7 @@ export const AssetUpload: React.FC<AssetUploadProps> = ({ onFileUpload, isLoadin
             <button
                 onClick={handleClick}
                 disabled={isDisabled}
-                title={isUploadDisabled ? "Please complete all selections above" : "Upload an asset for review"}
+                title={isUploadDisabled ? "Please complete all selections above" : "Upload a proof for review"}
                 className="w-full bg-cyan-brand text-primary-blue font-bold py-3 px-6 rounded-full hover:bg-white transition-all duration-300 disabled:bg-gray-500 disabled:opacity-60 disabled:cursor-not-allowed flex items-center justify-center"
             >
                 {isLoading ? (
@@ -46,7 +46,7 @@ export const AssetUpload: React.FC<AssetUploadProps> = ({ onFileUpload, isLoadin
                         </svg>
                         Processing...
                     </>
-                ) : 'Upload Asset'}
+                ) : 'Upload Proof'}
             </button>
             <p className="text-xs text-gray-400 mt-4">Supports PNG, JPG, GIF, WEBP, MP4, PDF.</p>
         </div>
diff --git a/frontend/components/Settings.tsx b/frontend/components/Settings.tsx
index bec8982..1134dd4 100755
--- a/frontend/components/Settings.tsx
+++ b/frontend/components/Settings.tsx
@@ -495,7 +495,7 @@ export const Settings: React.FC<SettingsProps> = ({
                                             <ClipboardIcon className="h-6 w-6" />
                                         </div>
                                         <h3 className="font-bold text-primary-blue mb-1">WIP Reviewer</h3>
-                                        <p className="text-sm text-grey-900">Early-stage feedback on assets before they are finalized.</p>
+                                        <p className="text-sm text-grey-900">Early-stage feedback on proofs before they are finalized.</p>
                                     </button>
 
                                     <button