@striae-org/striae 4.3.0 → 4.3.2

package/app/components/actions/case-import/confirmation-import.ts

@@ -1,6 +1,7 @@
 import type { User } from 'firebase/auth';
 import { fetchDataApi } from '~/utils/api';
-import { type ConfirmationImportResult, type ConfirmationImportData } from '~/types';
+import { upsertFileConfirmationSummary } from '~/utils/data';
+import { type AnnotationData, type ConfirmationImportResult, type ConfirmationImportData } from '~/types';
 import { checkExistingCase } from '../case-manage';
 import { extractConfirmationImportPackage } from './confirmation-package';
 import { validateExporterUid, validateConfirmationHash, validateConfirmationSignatureFile } from './validation';
@@ -37,6 +38,7 @@ export async function importConfirmationData(
   let signatureKeyId: string | undefined;
   let confirmationDataForAudit: ConfirmationImportData | null = null;
   let confirmationJsonFileNameForAudit = confirmationFile.name;
+  const confirmedFileNames = new Set<string>();
   
   const result: ConfirmationImportResult = {
     success: false,
@@ -234,6 +236,21 @@ export async function importConfirmationData(
       if (saveResponse.ok) {
         result.imagesUpdated++;
         result.confirmationsImported += confirmations.length;
+        confirmedFileNames.add(displayFilename);
+
+        try {
+          await upsertFileConfirmationSummary(
+            user,
+            result.caseNumber,
+            currentImageId,
+            updatedAnnotationData as AnnotationData
+          );
+        } catch (summaryError) {
+          console.warn(
+            `Failed to update confirmation summary for imported confirmation ${result.caseNumber}/${currentImageId}:`,
+            summaryError
+          );
+        }
         
         // Audit log successful confirmation import
         try {
@@ -298,6 +315,7 @@ export async function importConfirmationData(
       result.success ? (result.errors && result.errors.length > 0 ? 'warning' : 'success') : 'failure',
       hashValid,
       result.confirmationsImported, // Successfully imported confirmations
+      Array.from(confirmedFileNames).sort((left, right) => left.localeCompare(right)),
       result.errors || [],
       confirmationData.metadata.exportedByUid,
       {
@@ -390,6 +408,7 @@ export async function importConfirmationData(
       'failure',
       hashValidForAudit,
       0, // No confirmations successfully imported for failures
+      [],
       result.errors || [],
       reviewingExaminerUidForAudit,
       {

package/app/components/actions/case-import/orchestrator.ts

@@ -286,6 +286,9 @@ export async function importCaseForReview(
     if (existingRegularCase && !isArchivedExport) {
       throw new Error(`Case "${result.caseNumber}" already exists in your case list. You cannot import a case for review if you were the original analyst.`);
     }
+    if (existingRegularCase && isArchivedExport) {
+      throw new Error(`Cannot import this archive because case "${result.caseNumber}" already exists in your case list (active or archived). To import this archive, the existing case must first be deleted.`);
+    }
     
     // Step 2b: Check if read-only case already exists
     const existingCase = await checkReadOnlyCaseExists(user, result.caseNumber);

package/app/components/actions/case-manage.ts

@@ -807,7 +807,11 @@ export const archiveCase = async (
       )
     );
 
-    const auditEntries = await auditService.getAuditEntriesForUser(user.uid, { caseNumber });
+    const auditEntries = await auditService.getAuditEntriesForUser(user.uid, {
+      caseNumber,
+      startDate: caseData.createdAt,
+      endDate: archivedAt,
+    });
     const auditTrail: AuditTrail = {
       caseNumber,
       workflowId: `${caseNumber}-archive-${Date.now()}`,

package/app/components/actions/confirm-export.ts

@@ -5,8 +5,8 @@ import {
   getCurrentPublicSigningKeyDetails,
   getVerificationPublicKey
 } from '~/utils/forensics';
-import { getUserData, getCaseData, updateCaseData, signConfirmationData } from '~/utils/data';
-import { type ConfirmationData, type CaseConfirmations, type CaseDataWithConfirmations, type ConfirmationImportData } from '~/types';
+import { getUserData, getCaseData, updateCaseData, signConfirmationData, upsertFileConfirmationSummary } from '~/utils/data';
+import { type AnnotationData, type ConfirmationData, type CaseConfirmations, type CaseDataWithConfirmations, type ConfirmationImportData } from '~/types';
 import { auditService } from '~/services/audit';
 
 /**
@@ -17,7 +17,8 @@ export async function storeConfirmation(
   caseNumber: string,
   currentImageId: string,
   confirmationData: ConfirmationData,
-  originalImageFileName?: string
+  originalImageFileName?: string,
+  annotationDataForSummary?: AnnotationData
 ): Promise<boolean> {
   const startTime = Date.now();
   let originalImageId: string | undefined; // Declare at function level for error handling
@@ -63,6 +64,14 @@ export async function storeConfirmation(
     // Store the updated case data using centralized function
     await updateCaseData(user, caseNumber, caseData);
 
+    if (annotationDataForSummary) {
+      try {
+        await upsertFileConfirmationSummary(user, caseNumber, currentImageId, annotationDataForSummary);
+      } catch (summaryError) {
+        console.warn(`Failed to update confirmation summary for ${caseNumber}/${currentImageId}:`, summaryError);
+      }
+    }
+
     console.log(`Confirmation stored for original image ${originalImageId}:`, confirmationData);
     
     // Log successful confirmation creation

package/app/components/audit/viewer/audit-entries-list.tsx

@@ -6,6 +6,13 @@ interface AuditEntriesListProps {
   entries: ValidationAuditEntry[];
 }
 
+const isConfirmationImportEntry = (entry: ValidationAuditEntry): boolean => {
+  return (
+    entry.action === 'confirmation-import' ||
+    (entry.action === 'import' && entry.details.workflowPhase === 'confirmation')
+  );
+};
+
 export const AuditEntriesList = ({ entries }: AuditEntriesListProps) => {
   return (
     <div className={styles.entriesList}>
@@ -47,13 +54,24 @@ export const AuditEntriesList = ({ entries }: AuditEntriesListProps) => {
                 </div>
               )}
 
-              {entry.action === 'confirmation-import' && entry.details.reviewerBadgeId && (
+              {isConfirmationImportEntry(entry) && entry.details.reviewerBadgeId && (
                 <div className={styles.detailRow}>
-                  <span className={styles.detailLabel}>Reviewer Badge/ID:</span>
+                  <span className={styles.detailLabel}>Confirming Examiner Badge/ID:</span>
                   <span className={styles.badgeTag}>{entry.details.reviewerBadgeId}</span>
                 </div>
               )}
 
+              {isConfirmationImportEntry(entry) &&
+                entry.details.caseDetails?.confirmedFileNames &&
+                entry.details.caseDetails.confirmedFileNames.length > 0 && (
+                  <div className={styles.detailRow}>
+                    <span className={styles.detailLabel}>Confirmed Files:</span>
+                    <span className={styles.detailValue}>
+                      {entry.details.caseDetails.confirmedFileNames.join(', ')}
+                    </span>
+                  </div>
+                )}
+
               {entry.result === 'failure' && entry.details.validationErrors.length > 0 && (
                 <div className={styles.detailRow}>
                   <span className={styles.detailLabel}>Error:</span>

package/app/components/audit/viewer/use-audit-viewer-export.ts

@@ -48,7 +48,7 @@ export const useAuditViewerExport = ({
     const filename = auditExportService.generateFilename(
       exportContextData.scopeType,
       exportContextData.identifier,
-      'json'
+      'csv'
     );
 
     try {
@@ -72,7 +72,7 @@ export const useAuditViewerExport = ({
     const filename = auditExportService.generateFilename(
       exportContextData.scopeType,
       exportContextData.identifier,
-      'csv'
+      'json'
     );
 
     try {

package/app/components/audit/viewer/use-audit-viewer-filters.ts

@@ -2,6 +2,13 @@ import { useCallback, useMemo, useState } from 'react';
 import type { AuditAction, AuditResult, ValidationAuditEntry } from '~/types';
 import type { DateRangeFilter } from './types';
 
+const isConfirmationImportEntry = (entry: ValidationAuditEntry): boolean => {
+  return (
+    entry.action === 'confirmation-import' ||
+    (entry.action === 'import' && entry.details.workflowPhase === 'confirmation')
+  );
+};
+
 export const useAuditViewerFilters = (caseNumber?: string) => {
   const [filterAction, setFilterAction] = useState<AuditAction | 'all'>('all');
   const [filterResult, setFilterResult] = useState<AuditResult | 'all'>('all');
@@ -69,14 +76,20 @@ export const useAuditViewerFilters = (caseNumber?: string) => {
       } else if (filterAction === 'confirmation-export') {
         actionMatch = entry.action === 'export' && entry.details.workflowPhase === 'confirmation';
       } else if (filterAction === 'confirmation-import') {
-        actionMatch = entry.action === 'import' && entry.details.workflowPhase === 'confirmation';
+        actionMatch = isConfirmationImportEntry(entry);
       } else {
         actionMatch = entry.action === filterAction;
       }
 
       const resultMatch = filterResult === 'all' || entry.result === filterResult;
       const entryBadgeId = entry.details.userProfileDetails?.badgeId?.trim().toLowerCase() || '';
-      const badgeMatch = normalizedBadgeFilter === '' || entryBadgeId.includes(normalizedBadgeFilter);
+      const reviewerBadgeId = isConfirmationImportEntry(entry)
+        ? entry.details.reviewerBadgeId?.trim().toLowerCase() || ''
+        : '';
+      const badgeMatch =
+        normalizedBadgeFilter === '' ||
+        entryBadgeId.includes(normalizedBadgeFilter) ||
+        reviewerBadgeId.includes(normalizedBadgeFilter);
 
       return actionMatch && resultMatch && badgeMatch;
     });

package/app/components/canvas/canvas.tsx

@@ -107,7 +107,8 @@ export const Canvas = ({
         caseNumber,
         currentImageId,
         confirmationData,
-        filename
+        filename,
+        updatedAnnotationData
       );
       
       if (success) {

package/app/components/navbar/navbar.module.css

@@ -384,6 +384,17 @@
   background: color-mix(in lab, #0d9488 20%, #ffffff);
 }
 
+.caseMenuItemClearRO {
+  background: color-mix(in lab, #fd7e14 16%, #ffffff);
+  color: #7c3f00;
+  border-color: color-mix(in lab, #fd7e14 30%, transparent);
+}
+
+.caseMenuItemClearRO:hover {
+  background: color-mix(in lab, #fd7e14 22%, #ffffff);
+  border-color: color-mix(in lab, #fd7e14 36%, transparent);
+}
+
 .caseMenuCaption {
   margin-top: 0.25rem;
   padding: 0.3rem 0.45rem 0.1rem;

package/app/components/navbar/navbar.tsx

@@ -26,6 +26,7 @@ interface NavbarProps {
   onOpenRenameCase?: () => void;
   onDeleteCase?: () => void;
   onArchiveCase?: () => void;
+  onClearROCase?: () => void;
   onOpenViewAllFiles?: () => void;
   onDeleteCurrentFile?: () => void;
   onOpenImageNotes?: () => void;
@@ -55,6 +56,7 @@ export const Navbar = ({
   onOpenRenameCase,
   onDeleteCase,
   onArchiveCase,
+  onClearROCase,
   onOpenViewAllFiles,
   onDeleteCurrentFile,
   onOpenImageNotes,
@@ -151,6 +153,8 @@ export const Navbar = ({
                   type="button"
                   role="menuitem"
                   className={`${styles.caseMenuItem} ${styles.caseMenuItemOpen}`}
+                  disabled={isReadOnly}
+                  title={isReadOnly ? 'Clear the read-only case first to open or switch cases' : undefined}
                   onClick={() => {
                     onOpenCase?.();
                     setIsCaseMenuOpen(false);
@@ -162,6 +166,8 @@ export const Navbar = ({
                   type="button"
                   role="menuitem"
                   className={`${styles.caseMenuItem} ${styles.caseMenuItemList}`}
+                  disabled={isReadOnly}
+                  title={isReadOnly ? 'Clear the read-only case first to list all cases' : undefined}
                   onClick={() => {
                     onOpenListAllCases?.();
                     setIsCaseMenuOpen(false);
@@ -202,8 +208,21 @@ export const Navbar = ({
                 >
                   Case Audit Trail
                 </button>
-                {(!isReadOnly || archiveDetails?.archived) && (
-                  <div className={styles.caseMenuSectionLabel}>Maintenance</div>
+                <div className={styles.caseMenuSectionLabel}>Maintenance</div>
+                {isReadOnly && (
+                  <button
+                    type="button"
+                    role="menuitem"
+                    className={`${styles.caseMenuItem} ${styles.caseMenuItemClearRO}`}
+                    disabled={!hasLoadedCase}
+                    title={!hasLoadedCase ? 'No read-only case is loaded' : undefined}
+                    onClick={() => {
+                      onClearROCase?.();
+                      setIsCaseMenuOpen(false);
+                    }}
+                  >
+                    Clear RO Case
+                  </button>
                 )}
                 {!isReadOnly && (
                   <button
@@ -226,27 +245,27 @@ export const Navbar = ({
                     Rename Case
                   </button>
                 )}
-                {(!isReadOnly || archiveDetails?.archived) && (
-                  <button
-                    type="button"
-                    role="menuitem"
-                    className={`${styles.caseMenuItem} ${styles.caseMenuItemDelete}`}
-                    disabled={!hasLoadedCase || disableLongRunningCaseActions}
-                    title={
-                      !hasLoadedCase
+                <button
+                  type="button"
+                  role="menuitem"
+                  className={`${styles.caseMenuItem} ${styles.caseMenuItemDelete}`}
+                  disabled={!hasLoadedCase || disableLongRunningCaseActions || isReadOnly}
+                  title={
+                    isReadOnly
+                      ? 'Clear the read-only case first before deleting'
+                      : !hasLoadedCase
                         ? 'Load a case to delete it'
                         : disableLongRunningCaseActions
                           ? 'Delete is unavailable while files are uploading'
                           : undefined
-                    }
-                    onClick={() => {
-                      onDeleteCase?.();
-                      setIsCaseMenuOpen(false);
-                    }}
-                  >
-                    Delete Case
-                  </button>
-                )}
+                  }
+                  onClick={() => {
+                    onDeleteCase?.();
+                    setIsCaseMenuOpen(false);
+                  }}
+                >
+                  Delete Case
+                </button>
                 {!isReadOnly && (
                   <button
                     type="button"

package/app/components/sidebar/case-import/hooks/useImportExecution.ts

@@ -117,6 +117,8 @@ export const useImportExecution = ({
           }
           
           setSuccess(message);
+
+          onImportComplete?.(result);
           
           // No auto-close for confirmation imports - let user read the details and close manually
           

package/app/components/sidebar/cases/case-sidebar.tsx

@@ -4,7 +4,6 @@ import { useState, useEffect, useMemo, useCallback } from 'react';
 import styles from './cases.module.css';
 import { FilesModal } from '../files/files-modal';
 import { ImageUploadZone } from '../upload/image-upload-zone';
-import { exportConfirmationData } from '../../actions/confirm-export';
 import {
   fetchFiles,
   deleteFile,
@@ -34,7 +33,7 @@ interface CaseSidebarProps {
   isUploading?: boolean;
   onUploadStatusChange?: (isUploading: boolean) => void;
   onUploadComplete?: (result: { successCount: number; failedFiles: string[] }) => void;
-  onExportNotification?: (message: string, type: 'success' | 'error') => void;
+  onOpenCaseExport?: () => void;
 }
 
 export const CaseSidebar = ({ 
@@ -55,14 +54,13 @@ export const CaseSidebar = ({
   isUploading = false,
   onUploadStatusChange,
   onUploadComplete,
-  onExportNotification
+  onOpenCaseExport
 }: CaseSidebarProps) => {
   
   const [, setFileError] = useState('');
   const [canUploadNewFile, setCanUploadNewFile] = useState(true);
   const [uploadFileError, setUploadFileError] = useState('');
   const [isFilesModalOpen, setIsFilesModalOpen] = useState(false);
-  const [isExportingConfirmations, setIsExportingConfirmations] = useState(false);
   const [deletingFileId, setDeletingFileId] = useState<string | null>(null);
   const [fileConfirmationStatus, setFileConfirmationStatus] = useState<{
     [fileId: string]: { includeConfirmation: boolean; isConfirmed: boolean }
@@ -230,26 +228,6 @@ const handleImageSelect = (file: FileData) => {
     setImageLoaded(false);
   };
 
-  const handleExportConfirmations = useCallback(async () => {
-    if (!currentCase || !isReadOnly || !isArchivedCase) {
-      return;
-    }
-
-    try {
-      setIsExportingConfirmations(true);
-      await exportConfirmationData(user, currentCase);
-      onExportNotification?.(`Confirmation export for case ${currentCase} downloaded successfully.`, 'success');
-    } catch (error) {
-      console.error('Failed to export confirmations:', error);
-      onExportNotification?.(
-        error instanceof Error ? error.message : 'Failed to export confirmation data.',
-        'error'
-      );
-    } finally {
-      setIsExportingConfirmations(false);
-    }
-  }, [currentCase, isArchivedCase, isReadOnly, onExportNotification, user]);
-
   const selectedFileConfirmationState = selectedFileId
     ? fileConfirmationStatus[selectedFileId]
     : undefined;
@@ -280,10 +258,10 @@ const handleImageSelect = (file: FileData) => {
     ? 'Select an image first'
     : undefined;
 
-  const showExportConfirmationsButton = Boolean(currentCase && isReadOnly && !isArchivedCase);
+  const showCaseExportButton = Boolean(currentCase && isReadOnly && !isArchivedCase);
 
-  const exportConfirmationsTitle = isUploading
-    ? 'Cannot export confirmations while uploading'
+  const exportCaseTitle = isUploading
+    ? 'Cannot export while uploading'
     : !currentCase
     ? 'Load a case first'
     : undefined;
@@ -406,14 +384,14 @@ return (
       )}
     </div>
     <div className={styles.sidebarToggle}>
-      {showExportConfirmationsButton ? (
+      {showCaseExportButton ? (
         <button
           className={styles.confirmationExportButton}
-          onClick={() => void handleExportConfirmations()}
-          disabled={isUploading || !currentCase || isExportingConfirmations}
-          title={exportConfirmationsTitle}
+          onClick={onOpenCaseExport}
+          disabled={isUploading || !currentCase}
+          title={exportCaseTitle}
         >
-          {isExportingConfirmations ? 'Exporting...' : 'Export Confirmations'}
+          Export Confirmations
         </button>
       ) : (
         <button

package/app/components/sidebar/cases/cases.module.css

@@ -489,7 +489,7 @@
   cursor: not-allowed;
 }
 
-.confirmationExportButton {
+.sidebarToggle .confirmationExportButton {
   width: 100%;
   padding: 0.625rem 0.75rem;
   background-color: #198754;
@@ -502,11 +502,11 @@
   transition: all 0.2s;
 }
 
-.confirmationExportButton:hover:not(:disabled) {
+.sidebarToggle .confirmationExportButton:hover:not(:disabled) {
   background-color: #146c43;
 }
 
-.confirmationExportButton:disabled {
+.sidebarToggle .confirmationExportButton:disabled {
   background-color: var(--backgroundLight);
   color: var(--textLight);
   cursor: not-allowed;

package/app/components/sidebar/sidebar-container.tsx

@@ -29,6 +29,7 @@ interface SidebarContainerProps {
   confirmationSaveVersion?: number;
   isUploading?: boolean;
   onUploadStatusChange?: (isUploading: boolean) => void;
+  onOpenCaseExport?: () => void;
 }
 
 export const SidebarContainer: React.FC<SidebarContainerProps> = (props) => {

package/app/components/sidebar/sidebar.tsx

@@ -25,6 +25,7 @@ interface SidebarProps {
   confirmationSaveVersion?: number;
   isUploading?: boolean;
   onUploadStatusChange?: (isUploading: boolean) => void;
+  onOpenCaseExport?: () => void;
 }
 
 export const Sidebar = ({ 
@@ -44,6 +45,7 @@ export const Sidebar = ({
   confirmationSaveVersion = 0,
   isUploading: initialIsUploading = false,
   onUploadStatusChange,
+  onOpenCaseExport,
 }: SidebarProps) => {
   const [isUploading, setIsUploading] = useState(initialIsUploading);
   const [toastMessage, setToastMessage] = useState('');
@@ -74,12 +76,6 @@ export const Sidebar = ({
     setIsToastVisible(true);
   }, []);
 
-  const handleExportNotification = useCallback((message: string, type: 'success' | 'error') => {
-    setToastType(type);
-    setToastMessage(message);
-    setIsToastVisible(true);
-  }, []);
-
   return (
     <div className={styles.sidebar}>
       <CaseSidebar 
@@ -100,7 +96,7 @@ export const Sidebar = ({
         isUploading={isUploading}
         onUploadStatusChange={handleUploadStatusChange}
         onUploadComplete={handleUploadComplete}
-        onExportNotification={handleExportNotification}
+        onOpenCaseExport={onOpenCaseExport}
       />
       <Toast 
         message={toastMessage}

package/app/routes/striae/striae.tsx

@@ -21,7 +21,7 @@ import { resolveEarliestAnnotationTimestamp } from '~/utils/ui';
 import { type AnnotationData, type FileData } from '~/types';
 import type * as CaseExportActions from '~/components/actions/case-export';
 import { checkCaseIsReadOnly, validateCaseNumber, renameCase, deleteCase, checkExistingCase, createNewCase, archiveCase, getCaseArchiveDetails } from '~/components/actions/case-manage';
-import { checkReadOnlyCaseExists } from '~/components/actions/case-review';
+import { checkReadOnlyCaseExists, deleteReadOnlyCase } from '~/components/actions/case-review';
 import { canCreateCase, getLimitsDescription, getUserData } from '~/utils/data';
 import styles from './striae.module.css';
 
@@ -413,6 +413,39 @@ export const Striae = ({ user }: StriaePage) => {
     }
   };
 
+  const handleClearROCase = async () => {
+    if (!currentCase) {
+      showNotification('No read-only case is currently loaded.', 'error');
+      return;
+    }
+
+    const caseToRemove = currentCase;
+    const confirmed = window.confirm(
+      `Clear the read-only case "${caseToRemove}" from the workspace? This will remove the imported review data. The original exported case is not affected.`
+    );
+
+    if (!confirmed) {
+      return;
+    }
+
+    try {
+      const success = await deleteReadOnlyCase(user, caseToRemove);
+      if (!success) {
+        showNotification(`Failed to fully clear read-only case "${caseToRemove}". Please try again.`, 'error');
+        return;
+      }
+      setCurrentCase('');
+      setFiles([]);
+      handleImageSelect({ id: 'clear', originalFilename: '/clear.jpg', uploadedAt: '' });
+      setShowNotes(false);
+      setIsAuditTrailOpen(false);
+      setIsRenameCaseModalOpen(false);
+      showNotification(`Read-only case "${caseToRemove}" cleared.`, 'success');
+    } catch (clearError) {
+      showNotification(clearError instanceof Error ? clearError.message : 'Failed to clear read-only case.', 'error');
+    }
+  };
+
   const handleArchiveCaseSubmit = async (archiveReason: string) => {
     if (!currentCase) {
       showNotification('Select a case before archiving.', 'error');
@@ -514,6 +547,7 @@ export const Striae = ({ user }: StriaePage) => {
   // Function to refresh annotation data (called when notes are saved)
   const refreshAnnotationData = () => {
     setAnnotationRefreshTrigger(prev => prev + 1);
+    setConfirmationSaveVersion(prev => prev + 1);
   };
 
   // Handle import/clear read-only case
@@ -522,6 +556,14 @@ export const Striae = ({ user }: StriaePage) => {
       if (result.caseNumber && result.isReadOnly) {
         // Successful read-only case import - load the case
         handleCaseChange(result.caseNumber);
+      } else if (result.caseNumber) {
+        if (result.caseNumber === currentCase) {
+          // Current case updated - refresh annotations (also bumps confirmationSaveVersion)
+          refreshAnnotationData();
+        } else {
+          // Different case's confirmations updated - bump confirmation version only
+          setConfirmationSaveVersion(prev => prev + 1);
+        }
       } else if (!result.caseNumber && !result.isReadOnly) {
         // Read-only case cleared - reset all UI state
         setCurrentCase('');
@@ -722,6 +764,9 @@ export const Striae = ({ user }: StriaePage) => {
           void handleDeleteCaseAction();
         }}
         onArchiveCase={() => setIsArchiveCaseModalOpen(true)}
+        onClearROCase={() => {
+          void handleClearROCase();
+        }}
         onOpenViewAllFiles={() => setIsFilesModalOpen(true)}
         onDeleteCurrentFile={() => {
           void handleDeleteCurrentFileAction();
@@ -735,6 +780,7 @@ export const Striae = ({ user }: StriaePage) => {
           onOpenCase={() => {
             void handleOpenCaseModal();
           }}
+          onOpenCaseExport={() => setIsCaseExportModalOpen(true)}
           imageId={imageId}
           currentCase={currentCase}
           imageLoaded={imageLoaded}

package/app/services/audit/audit-export-csv.ts

@@ -38,7 +38,8 @@ export const AUDIT_CSV_ENTRY_HEADERS = [
   'Total Files',
   'MFA Method',
   'Security Incident Type',
-  'Security Severity'
+  'Security Severity',
+  'Confirmed Files'
 ];
 
 export const formatForCSV = (value?: string | number | null): string => {
@@ -121,7 +122,8 @@ export const entryToCSVRow = (entry: ValidationAuditEntry): string => {
     caseDetails?.totalFiles?.toString() || '',
     formatForCSV(securityDetails?.mfaMethod),
     formatForCSV(securityDetails?.incidentType),
-    formatForCSV(securityDetails?.severity)
+    formatForCSV(securityDetails?.severity),
+    formatForCSV(caseDetails?.confirmedFileNames?.join('; '))
   ];
 
   return values.join(',');

package/app/services/audit/audit-export-report.ts

@@ -84,7 +84,8 @@ const generateConfirmationSummary = (entries: ValidationAuditEntry[]): string =>
 
   let totalConfirmationsImported = 0;
   let totalConfirmationsInFiles = 0;
-  const reviewingExaminers = new Set<string>();
+  const reviewingExaminers = new Map<string, { uid: string; badgeId?: string; confirmedFiles: Set<string> }>();
+  const allConfirmedFiles = new Set<string>();
 
   imports.forEach(entry => {
     const metrics = entry.details.performanceMetrics;
@@ -97,10 +98,36 @@ const generateConfirmationSummary = (entries: ValidationAuditEntry[]): string =>
       totalConfirmationsInFiles += caseDetails.totalAnnotations;
     }
     if (entry.details.reviewingExaminerUid) {
-      reviewingExaminers.add(entry.details.reviewingExaminerUid);
+      const uid = entry.details.reviewingExaminerUid;
+      const badgeId = entry.details.reviewerBadgeId;
+      const confirmedFileNames = caseDetails?.confirmedFileNames || [];
+
+      if (!reviewingExaminers.has(uid)) {
+        reviewingExaminers.set(uid, {
+          uid,
+          badgeId,
+          confirmedFiles: new Set()
+        });
+      }
+
+      const examiner = reviewingExaminers.get(uid)!;
+      confirmedFileNames.forEach(file => {
+        examiner.confirmedFiles.add(file);
+        allConfirmedFiles.add(file);
+      });
     }
   });
 
+  const examinersDetail = Array.from(reviewingExaminers.values())
+    .map(examiner => {
+      const badgeInfo = examiner.badgeId ? ` (Badge: ${examiner.badgeId})` : '';
+      const filesInfo = examiner.confirmedFiles.size > 0
+        ? `\n    Confirmed Files: ${Array.from(examiner.confirmedFiles).sort().join(', ')}`
+        : '';
+      return `- UID: ${examiner.uid}${badgeInfo}${filesInfo}`;
+    })
+    .join('\n');
+
   return [
     `Confirmation Operations: ${confirmationEntries.length}`,
     `- Imports: ${imports.length}`,
@@ -112,8 +139,12 @@ const generateConfirmationSummary = (entries: ValidationAuditEntry[]): string =>
     `Reviewing Examiners Involved: ${reviewingExaminers.size}`,
     '',
     reviewingExaminers.size > 0
-      ? `External Reviewers: ${Array.from(reviewingExaminers).join(', ')}`
-      : 'No external reviewers detected'
+      ? `External Reviewers:\n${examinersDetail}`
+      : 'No external reviewers detected',
+    '',
+    allConfirmedFiles.size > 0
+      ? `Successfully Confirmed Files (Total: ${allConfirmedFiles.size}):\n${Array.from(allConfirmedFiles).sort().map(file => `  - ${file}`).join('\n')}`
+      : 'No files confirmed'
   ].join('\n');
 };
 

package/app/services/audit/audit.service.ts

@@ -340,6 +340,7 @@ export class AuditService {
     result: AuditResult,
     hashValid: boolean,
     confirmationsImported: number,
+    confirmedFileNames: string[] = [],
     errors: string[] = [],
     reviewingExaminerUid?: string,
     performanceMetrics?: PerformanceMetrics,
@@ -360,6 +361,7 @@ export class AuditService {
         result,
         hashValid,
         confirmationsImported,
+        confirmedFileNames,
         errors,
         reviewingExaminerUid,
         reviewerBadgeId,

package/app/services/audit/builders/audit-entry-builder.ts

@@ -19,6 +19,7 @@ export const buildValidationAuditEntry = (
       confirmationId: params.confirmationId,
       originalExaminerUid: params.originalExaminerUid,
       reviewingExaminerUid: params.reviewingExaminerUid,
+      reviewerBadgeId: params.reviewerBadgeId,
       workflowPhase: params.workflowPhase,
       securityChecks: params.securityChecks,
       performanceMetrics: params.performanceMetrics,

package/app/services/audit/builders/audit-event-builders-workflow.ts

@@ -218,6 +218,7 @@ interface BuildConfirmationImportAuditParamsInput {
   result: AuditResult;
   hashValid: boolean;
   confirmationsImported: number;
+  confirmedFileNames?: string[];
   errors?: string[];
   reviewingExaminerUid?: string;
   reviewerBadgeId?: string;
@@ -273,8 +274,13 @@ export const buildConfirmationImportAuditParams = (
     reviewerBadgeId: input.reviewerBadgeId,
     caseDetails: input.totalConfirmationsInFile !== undefined
       ? {
-          totalAnnotations: input.totalConfirmationsInFile
+          totalAnnotations: input.totalConfirmationsInFile,
+          confirmedFileNames: input.confirmedFileNames
         }
-      : undefined
+      : input.confirmedFileNames
+        ? {
+            confirmedFileNames: input.confirmedFileNames
+          }
+        : undefined
   };
 };

package/app/types/audit.ts

@@ -199,6 +199,7 @@ export interface CaseAuditDetails {
   newCaseName?: string;
   totalFiles?: number;
   totalAnnotations?: number;
+  confirmedFileNames?: string[];
   createdDate?: string;
   lastModified?: string;
   deleteReason?: string;

package/app/utils/forensics/confirmation-signature.ts

@@ -123,8 +123,12 @@ function normalizeConfirmations(confirmations: ConfirmationMap): ConfirmationMap
 
 export function createConfirmationSigningPayload(
   confirmationData: ConfirmationImportData,
-  signatureVersion: string = CONFIRMATION_SIGNATURE_VERSION
+  signatureVersion: string = CONFIRMATION_SIGNATURE_VERSION,
+  options: {
+    includeExportedByBadgeId?: boolean;
+  } = {}
 ): string {
+  const includeExportedByBadgeId = options.includeExportedByBadgeId !== false;
   const canonicalPayload = {
     signatureVersion,
     metadata: {
@@ -134,7 +138,7 @@ export function createConfirmationSigningPayload(
       exportedByUid: confirmationData.metadata.exportedByUid,
       exportedByName: confirmationData.metadata.exportedByName,
       exportedByCompany: confirmationData.metadata.exportedByCompany,
-      ...(confirmationData.metadata.exportedByBadgeId
+      ...(includeExportedByBadgeId && confirmationData.metadata.exportedByBadgeId
         ? { exportedByBadgeId: confirmationData.metadata.exportedByBadgeId }
         : {}),
       totalConfirmations: confirmationData.metadata.totalConfirmations,
@@ -180,9 +184,7 @@ export async function verifyConfirmationSignature(
     };
   }
 
-  const payload = createConfirmationSigningPayload(confirmationData, signatureVersion);
-
-  return verifySignaturePayload(
+  const verifyPayload = (payload: string) => verifySignaturePayload(
     payload,
     signature,
     FORENSIC_MANIFEST_SIGNATURE_ALGORITHM,
@@ -197,4 +199,17 @@ export async function verifyConfirmationSignature(
       verificationPublicKeyPem
     }
   );
+
+  const primaryPayload = createConfirmationSigningPayload(confirmationData, signatureVersion);
+  const primaryResult = await verifyPayload(primaryPayload);
+
+  if (primaryResult.isValid || !confirmationData.metadata.exportedByBadgeId) {
+    return primaryResult;
+  }
+
+  const legacyPayload = createConfirmationSigningPayload(confirmationData, signatureVersion, {
+    includeExportedByBadgeId: false
+  });
+
+  return verifyPayload(legacyPayload);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@striae-org/striae",
-  "version": "4.3.0",
+  "version": "4.3.2",
   "private": false,
   "description": "Striae is a specialized, cloud-native platform designed to streamline forensic firearms identification by providing an intuitive environment for digital comparison image annotation, authenticated confirmations, and automated report generation.",
   "license": "Apache-2.0",

package/workers/data-worker/src/signing-payload-utils.ts

@@ -13,6 +13,7 @@ export interface ConfirmationSignatureMetadata {
   exportedByUid: string;
   exportedByName: string;
   exportedByCompany: string;
+  exportedByBadgeId?: string;
   totalConfirmations: number;
   version: string;
   hash: string;
@@ -131,6 +132,7 @@ export function isValidConfirmationPayload(
     typeof metadata.exportedByUid !== 'string' ||
     typeof metadata.exportedByName !== 'string' ||
     typeof metadata.exportedByCompany !== 'string' ||
+    (typeof metadata.exportedByBadgeId !== 'undefined' && typeof metadata.exportedByBadgeId !== 'string') ||
     typeof metadata.totalConfirmations !== 'number' ||
     metadata.totalConfirmations < 0 ||
     typeof metadata.version !== 'string' ||
@@ -261,6 +263,9 @@ export function createConfirmationSigningPayload(confirmationData: ConfirmationS
       exportedByUid: confirmationData.metadata.exportedByUid,
       exportedByName: confirmationData.metadata.exportedByName,
       exportedByCompany: confirmationData.metadata.exportedByCompany,
+      ...(confirmationData.metadata.exportedByBadgeId
+        ? { exportedByBadgeId: confirmationData.metadata.exportedByBadgeId }
+        : {}),
       totalConfirmations: confirmationData.metadata.totalConfirmations,
       version: confirmationData.metadata.version,
       hash: confirmationData.metadata.hash.toUpperCase(),