@striae-org/striae 4.3.2 → 4.3.3

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

@@ -287,7 +287,7 @@ export async function importCaseForReview(
       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.`);
+      throw new Error(`Cannot import this archived case because "${result.caseNumber}" already exists in your regular case list. Delete the regular case before importing this archive.`);
     }
     
     // Step 2b: Check if read-only case already exists

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

@@ -182,8 +182,9 @@ export const checkExistingCase = async (user: User, caseNumber: string): Promise
       return null;
     }
 
-    // Check if this is a read-only case - if so, don't consider it as an existing regular case
-    if ('isReadOnly' in caseData && caseData.isReadOnly) {
+    // Imported review cases are read-only and should not be treated as regular cases.
+    // Archived cases remain regular case records even if legacy data includes isReadOnly.
+    if ('isReadOnly' in caseData && caseData.isReadOnly && !caseData.archived) {
       return null;
     }
     
@@ -212,11 +213,6 @@ export const checkCaseIsReadOnly = async (user: User, caseNumber: string): Promi
       return false;
     }
 
-    // Archived cases are always treated as read-only.
-    if (caseData.archived) {
-      return true;
-    }
-
     // Use type guard to check for isReadOnly property safely
     return isReadOnlyCaseData(caseData) ? !!caseData.isReadOnly : false;
     
@@ -748,7 +744,7 @@ export const archiveCase = async (
       archivedBy: user.uid,
       archivedByDisplay,
       archiveReason: archiveReason?.trim() || undefined,
-      isReadOnly: true,
+      isReadOnly: false,
     } as CaseData;
 
     const exportData = await exportCaseData(user, caseNumber, { includeMetadata: true });

package/app/components/navbar/navbar.tsx

@@ -13,6 +13,7 @@ interface NavbarProps {
   isUploading?: boolean;
   company?: string;
   isReadOnly?: boolean;
+  isReviewOnlyCase?: boolean;
   currentCase?: string;
   currentFileName?: string;
   isCurrentImageConfirmed?: boolean;
@@ -43,6 +44,7 @@ export const Navbar = ({
   isUploading = false,
   company,
   isReadOnly = false,
+  isReviewOnlyCase = false,
   currentCase,
   currentFileName,
   isCurrentImageConfirmed = false,
@@ -119,16 +121,17 @@ export const Navbar = ({
   const disableLongRunningCaseActions = isUploading;
   const isCaseManagementActive = true;
   const isFileManagementActive = isFileMenuOpen || hasLoadedImage;
-  const canOpenImageNotes = hasLoadedImage && !isCurrentImageConfirmed;
+  const canOpenImageNotes = hasLoadedImage && !isCurrentImageConfirmed && !isReadOnly;
   const isImageNotesActive = canOpenImageNotes;
   const canDeleteCurrentFile = hasLoadedImage && !isReadOnly;
+  const isArchivedRegularReadOnly = Boolean(isReadOnly && archiveDetails?.archived && !isReviewOnlyCase);
 
   return (
     <>
       <header className={styles.navbar} aria-label="Canvas top navigation">
         <div className={styles.companyLabelContainer}>
           <div className={styles.companyLabel}>
-            {isReadOnly ? 'CASE REVIEW ONLY' : `${company}${user?.displayName ? ` | ${user.displayName}` : ''}${userBadgeId ? `, ${userBadgeId}` : ''}`}
+            {isReviewOnlyCase ? 'CASE REVIEW ONLY' : `${company}${user?.displayName ? ` | ${user.displayName}` : ''}${userBadgeId ? `, ${userBadgeId}` : ''}`}
           </div>
         </div>
         <div className={styles.navCenterTrack}>
@@ -153,8 +156,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}
+                  disabled={isReviewOnlyCase}
+                  title={isReviewOnlyCase ? 'Clear the read-only case first to open or switch cases' : undefined}
                   onClick={() => {
                     onOpenCase?.();
                     setIsCaseMenuOpen(false);
@@ -166,8 +169,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}
+                  disabled={isReviewOnlyCase}
+                  title={isReviewOnlyCase ? 'Clear the read-only case first to list all cases' : undefined}
                   onClick={() => {
                     onOpenListAllCases?.();
                     setIsCaseMenuOpen(false);
@@ -180,9 +183,11 @@ export const Navbar = ({
                   type="button"
                   role="menuitem"
                   className={`${styles.caseMenuItem} ${styles.caseMenuItemExport}`}
-                  disabled={!hasLoadedCase || disableLongRunningCaseActions}
+                  disabled={!hasLoadedCase || disableLongRunningCaseActions || isArchivedRegularReadOnly}
                   title={
-                    !hasLoadedCase
+                    isArchivedRegularReadOnly
+                      ? 'Export is unavailable for archived cases loaded from your regular case list'
+                      : !hasLoadedCase
                       ? 'Load a case to export case data'
                       : disableLongRunningCaseActions
                         ? 'Export is unavailable while files are uploading'
@@ -209,7 +214,7 @@ export const Navbar = ({
                   Case Audit Trail
                 </button>
                 <div className={styles.caseMenuSectionLabel}>Maintenance</div>
-                {isReadOnly && (
+                {isReviewOnlyCase && (
                   <button
                     type="button"
                     role="menuitem"
@@ -249,9 +254,9 @@ export const Navbar = ({
                   type="button"
                   role="menuitem"
                   className={`${styles.caseMenuItem} ${styles.caseMenuItemDelete}`}
-                  disabled={!hasLoadedCase || disableLongRunningCaseActions || isReadOnly}
+                  disabled={!hasLoadedCase || disableLongRunningCaseActions || isReviewOnlyCase}
                   title={
-                    isReadOnly
+                    isReviewOnlyCase
                       ? 'Clear the read-only case first before deleting'
                       : !hasLoadedCase
                         ? 'Load a case to delete it'
@@ -370,7 +375,15 @@ export const Navbar = ({
             className={`${styles.navSectionButton} ${isImageNotesActive ? styles.navSectionButtonActive : ''}`}
             disabled={!canOpenImageNotes}
             aria-pressed={isImageNotesActive}
-            title={!hasLoadedImage ? 'Load an image to enable image notes' : isCurrentImageConfirmed ? 'Confirmed images are read-only and viewable via toolbar only' : undefined}
+            title={
+              !hasLoadedImage
+                ? 'Load an image to enable image notes'
+                : isCurrentImageConfirmed
+                  ? 'Confirmed images are read-only and viewable via toolbar only'
+                  : isReadOnly
+                    ? 'Image notes are disabled for read-only cases'
+                    : undefined
+            }
             onClick={() => {
               onOpenImageNotes?.();
             }}

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

@@ -1,6 +1,12 @@
 import { useState, useEffect, useRef, useContext, useCallback } from 'react';
 import { AuthContext } from '~/contexts/auth.context';
 import { useOverlayDismiss } from '~/hooks/useOverlayDismiss';
+import {
+  ARCHIVED_REGULAR_CASE_BLOCK_MESSAGE,
+  IMPORT_FILE_TYPE_NOT_ALLOWED,
+  IMPORT_FILE_TYPE_NOT_SUPPORTED,
+  DATA_INTEGRITY_BLOCKED_TAMPERING
+} from '~/utils/ui';
 import { 
   listReadOnlyCases, 
   deleteReadOnlyCase
@@ -63,13 +69,13 @@ export const CaseImport = ({
   });
   
   const [existingReadOnlyCase, setExistingReadOnlyCase] = useState<string | null>(null);
-  const [showArchivedRegularCaseRiskWarning, setShowArchivedRegularCaseRiskWarning] = useState(false);
+  const [isArchivedRegularCaseImportBlocked, setIsArchivedRegularCaseImportBlocked] = useState(false);
   const fileInputRef = useRef<HTMLInputElement>(null);
   
   // Clear import selection state (used by preview hook on validation failure)
   const clearImportSelection = useCallback(() => {
     updateImportState({ selectedFile: null, importType: null });
-    setShowArchivedRegularCaseRiskWarning(false);
+    setIsArchivedRegularCaseImportBlocked(false);
     resetFileInput(fileInputRef);
   }, [updateImportState]);
 
@@ -203,14 +209,14 @@ export const CaseImport = ({
     clearMessages();
 
     if (!isValidImportFile(file)) {
-      setError('Only Striae case ZIP files, confirmation ZIP files, or confirmation JSON files are allowed.');
+      setError(IMPORT_FILE_TYPE_NOT_ALLOWED);
       clearImportData();
       return;
     }
 
     const importType = await resolveImportType(file);
     if (!importType) {
-      setError('The selected file is not a supported Striae case or confirmation import package.');
+      setError(IMPORT_FILE_TYPE_NOT_SUPPORTED);
       clearImportData();
       return;
     }
@@ -232,6 +238,11 @@ export const CaseImport = ({
   // Handle import action
   const handleImport = useCallback(() => {
     if (!user || !importState.selectedFile || !importState.importType) return;
+
+    if (importState.importType === 'case' && isArchivedRegularCaseImportBlocked) {
+      setError(ARCHIVED_REGULAR_CASE_BLOCK_MESSAGE);
+      return;
+    }
     
     // For case imports, show confirmation dialog with preview
     // For confirmation imports, proceed directly to import
@@ -242,7 +253,16 @@ export const CaseImport = ({
       // Direct import for confirmations
       executeImport();
     }
-  }, [user, importState.selectedFile, importState.importType, casePreview, updateImportState, executeImport]);
+  }, [
+    user,
+    importState.selectedFile,
+    importState.importType,
+    isArchivedRegularCaseImportBlocked,
+    casePreview,
+    updateImportState,
+    executeImport,
+    setError,
+  ]);
 
   const handleCancelImport = useCallback(() => {
     updateImportState({ showConfirmation: false });
@@ -273,7 +293,7 @@ export const CaseImport = ({
         !casePreview.caseNumber
       ) {
         if (isMounted) {
-          setShowArchivedRegularCaseRiskWarning(false);
+          setIsArchivedRegularCaseImportBlocked(false);
         }
         return;
       }
@@ -281,11 +301,12 @@ export const CaseImport = ({
       try {
         const regularCases = await listCases(user);
         if (isMounted) {
-          setShowArchivedRegularCaseRiskWarning(regularCases.includes(casePreview.caseNumber));
+          const hasConflict = regularCases.includes(casePreview.caseNumber);
+          setIsArchivedRegularCaseImportBlocked(hasConflict);
         }
       } catch {
         if (isMounted) {
-          setShowArchivedRegularCaseRiskWarning(false);
+          setIsArchivedRegularCaseImportBlocked(false);
         }
       }
     };
@@ -295,7 +316,13 @@ export const CaseImport = ({
     return () => {
       isMounted = false;
     };
-  }, [user, isOpen, importState.importType, casePreview?.archived, casePreview?.caseNumber]);
+  }, [
+    user,
+    isOpen,
+    importState.importType,
+    casePreview?.archived,
+    casePreview?.caseNumber,
+  ]);
 
   // Reset state when modal closes
   useEffect(() => {
@@ -306,9 +333,19 @@ export const CaseImport = ({
 
   // Handle confirmation import
   const handleConfirmImport = useCallback(() => {
+    if (isArchivedRegularCaseImportBlocked) {
+      setError(ARCHIVED_REGULAR_CASE_BLOCK_MESSAGE);
+      return;
+    }
+
     executeImport();
     updateImportState({ showConfirmation: false });
-  }, [executeImport, updateImportState]);
+  }, [
+    isArchivedRegularCaseImportBlocked,
+    executeImport,
+    updateImportState,
+    setError,
+  ]);
 
   if (!isOpen) return null;
 
@@ -362,7 +399,7 @@ export const CaseImport = ({
                   <CasePreviewSection 
                     casePreview={casePreview} 
                     isLoadingPreview={importState.isLoadingPreview} 
-                    showArchivedRegularCaseRiskWarning={showArchivedRegularCaseRiskWarning}
+                    isArchivedRegularCaseImportBlocked={isArchivedRegularCaseImportBlocked}
                   />
                 )}
                 
@@ -381,11 +418,14 @@ export const CaseImport = ({
             {/* Hash validation warning */}
             {casePreview?.hashValid === false && (
               <div className={styles.hashWarning}>
-                <strong>⚠️ Import Blocked:</strong> Data hash validation failed. 
-                This file may have been tampered with or corrupted and cannot be imported.
+                <strong>⚠️ Import Blocked:</strong> {DATA_INTEGRITY_BLOCKED_TAMPERING}
               </div>
             )}
 
+            {isArchivedRegularCaseImportBlocked && (
+              <div className={styles.error}>{ARCHIVED_REGULAR_CASE_BLOCK_MESSAGE}</div>
+            )}
+
             {/* Success message */}
             {messages.success && (
               <div className={styles.success}>
@@ -411,6 +451,7 @@ export const CaseImport = ({
                   importState.isImporting || 
                   importState.isClearing || 
                   importState.isLoadingPreview ||
+                  (importState.importType === 'case' && isArchivedRegularCaseImportBlocked) ||
                   (importState.importType === 'case' && (!casePreview || casePreview.hashValid !== true))
                 }
               >
@@ -454,7 +495,8 @@ export const CaseImport = ({
     <ConfirmationDialog 
       showConfirmation={importState.showConfirmation}
       casePreview={casePreview}
-      showArchivedRegularCaseRiskWarning={showArchivedRegularCaseRiskWarning}
+      isArchivedRegularCaseImportBlocked={isArchivedRegularCaseImportBlocked}
+      archivedRegularCaseBlockMessage={ARCHIVED_REGULAR_CASE_BLOCK_MESSAGE}
       onConfirm={handleConfirmImport}
       onCancel={handleCancelImport}
     />

package/app/components/sidebar/case-import/components/CasePreviewSection.tsx

@@ -1,16 +1,17 @@
 import { type CaseImportPreview } from '~/types';
+import { ARCHIVED_REGULAR_CASE_BLOCK_MESSAGE, DATA_INTEGRITY_VALIDATION_PASSED, DATA_INTEGRITY_VALIDATION_FAILED } from '~/utils/ui';
 import styles from '../case-import.module.css';
 
 interface CasePreviewSectionProps {
   casePreview: CaseImportPreview | null;
   isLoadingPreview: boolean;
-  showArchivedRegularCaseRiskWarning?: boolean;
+  isArchivedRegularCaseImportBlocked?: boolean;
 }
 
 export const CasePreviewSection = ({
   casePreview,
   isLoadingPreview,
-  showArchivedRegularCaseRiskWarning = false
+  isArchivedRegularCaseImportBlocked = false
 }: CasePreviewSectionProps) => {
   if (isLoadingPreview) {
     return (
@@ -34,9 +35,9 @@ export const CasePreviewSection = ({
             Archived export detected. Original exporter imports are allowed for archived cases.
           </div>
         )}
-        {showArchivedRegularCaseRiskWarning && (
+        {isArchivedRegularCaseImportBlocked && (
           <div className={styles.archivedRegularCaseRiskNote}>
-            Warning: This archived import matches a case already in your regular case list. If you later clear the imported read-only case, the regular case images will be deleted and become inaccessible.
+            {ARCHIVED_REGULAR_CASE_BLOCK_MESSAGE}
           </div>
         )}
         <div className={styles.previewGrid}>
@@ -78,9 +79,9 @@ export const CasePreviewSection = ({
           <div className={styles.validationItem}>            
             <span className={`${styles.validationValue} ${casePreview.hashValid ? styles.validationSuccess : styles.validationError}`}>
               {casePreview.hashValid ? (
-                <>✓ Validation passed</>
+                <>{DATA_INTEGRITY_VALIDATION_PASSED}</>
               ) : (
-                <>✗ Validation failed</>
+                <>{DATA_INTEGRITY_VALIDATION_FAILED}</>
               )}
             </span>
           </div>

package/app/components/sidebar/case-import/components/ConfirmationDialog.tsx

@@ -1,10 +1,12 @@
 import { type CaseImportPreview } from '~/types';
+import { ARCHIVED_REGULAR_CASE_BLOCK_MESSAGE, DATA_INTEGRITY_VALIDATION_PASSED, DATA_INTEGRITY_VALIDATION_FAILED } from '~/utils/ui';
 import styles from '../case-import.module.css';
 
 interface ConfirmationDialogProps {
   showConfirmation: boolean;
   casePreview: CaseImportPreview | null;
-  showArchivedRegularCaseRiskWarning?: boolean;
+  isArchivedRegularCaseImportBlocked?: boolean;
+  archivedRegularCaseBlockMessage?: string;
   onConfirm: () => void;
   onCancel: () => void;
 }
@@ -12,7 +14,8 @@ interface ConfirmationDialogProps {
 export const ConfirmationDialog = ({ 
   showConfirmation, 
   casePreview, 
-  showArchivedRegularCaseRiskWarning = false,
+  isArchivedRegularCaseImportBlocked = false,
+  archivedRegularCaseBlockMessage = ARCHIVED_REGULAR_CASE_BLOCK_MESSAGE,
   onConfirm, 
   onCancel 
 }: ConfirmationDialogProps) => {
@@ -51,16 +54,16 @@ export const ConfirmationDialog = ({
                 Archived export detected. Original exporter imports are allowed for archived cases.
               </div>
             )}
-            {showArchivedRegularCaseRiskWarning && (
+            {isArchivedRegularCaseImportBlocked && (
               <div className={styles.archivedRegularCaseRiskNote}>
-                Warning: This archived import matches a case in your regular case list. If you clear the imported read-only case later, the regular case images will be deleted and inaccessible.
+                {archivedRegularCaseBlockMessage}
               </div>
             )}
             {casePreview.hashValid !== undefined && (
               <div className={`${styles.confirmationItem} ${casePreview.hashValid ? styles.confirmationItemValid : styles.confirmationItemInvalid}`}>
                 <strong>Data Integrity:</strong> 
                 <span className={casePreview.hashValid ? styles.confirmationSuccess : styles.confirmationError}>
-                  {casePreview.hashValid ? '✓ Verified' : '✗ Failed'}
+                  {casePreview.hashValid ? DATA_INTEGRITY_VALIDATION_PASSED : DATA_INTEGRITY_VALIDATION_FAILED}
                 </span>
               </div>
             )}
@@ -70,6 +73,7 @@ export const ConfirmationDialog = ({
             <button
               className={styles.confirmButton}
               onClick={onConfirm}
+              disabled={isArchivedRegularCaseImportBlocked}
             >
               Confirm Import
             </button>

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

@@ -260,6 +260,19 @@
   white-space: nowrap;
 }
 
+.badgeColumn {
+  justify-self: end;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+  gap: var(--spaceXS);
+}
+
+.archivedBadge {
+  background-color: color-mix(in lab, #6c757d 18%, var(--backgroundLight));
+  border-color: color-mix(in lab, #6c757d 30%, transparent);
+}
+
 .footerActions {
   display: flex;
   justify-content: space-between;
@@ -489,6 +502,12 @@
     justify-self: start;
   }
 
+  .badgeColumn {
+    grid-column: 1 / -1;
+    justify-self: start;
+    align-items: flex-start;
+  }
+
   .footerActions {
     flex-direction: column;
     align-items: stretch;

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

@@ -169,7 +169,7 @@ export const CasesModal = ({
       return allCases.filter((entry) => entry.archived && !entry.isReadOnly);
     }
 
-    return allCases.filter((entry) => !entry.archived && !entry.isReadOnly);
+    return allCases.filter((entry) => !entry.isReadOnly);
   }, [allCases, preferences.showArchivedOnly]);
 
   const visibleCases = useMemo(() => {
@@ -185,6 +185,11 @@ export const CasesModal = ({
     );
   }, [allCases, preferences, caseConfirmationStatus, searchQuery]);
 
+  const totalRegularCases = useMemo(
+    () => allCases.filter((entry) => !entry.isReadOnly).length,
+    [allCases]
+  );
+
   const totalPages = Math.max(1, Math.ceil(visibleCases.length / CASES_PER_PAGE));
 
   useEffect(() => {
@@ -653,7 +658,7 @@ export const CasesModal = ({
               </div>
 
               <p className={styles.caseCount}>
-                {visibleCases.length} shown of {allCases.length} total cases
+                {visibleCases.length} shown of {totalRegularCases} total cases
               </p>
 
               {actionNotice && (
@@ -720,12 +725,22 @@ export const CasesModal = ({
                             </span>
                           </div>
 
-                          <span
-                            className={`${styles.confirmationBadge} ${confirmationClass}`}
-                            aria-label={`Confirmation status: ${confirmationLabel}`}
-                          >
-                            {confirmationLabel}
-                          </span>
+                          <div className={styles.badgeColumn}>
+                            {caseEntry.archived && (
+                              <span
+                                className={`${styles.confirmationBadge} ${styles.archivedBadge}`}
+                                aria-label="Archived case"
+                              >
+                                Archived
+                              </span>
+                            )}
+                            <span
+                              className={`${styles.confirmationBadge} ${confirmationClass}`}
+                              aria-label={`Confirmation status: ${confirmationLabel}`}
+                            >
+                              {confirmationLabel}
+                            </span>
+                          </div>
                         </div>
                       </li>
                     );

package/app/routes/striae/hooks/use-striae-reset-helpers.ts

@@ -0,0 +1,102 @@
+import { useCallback, type Dispatch, type SetStateAction } from 'react';
+import { type AnnotationData, type FileData } from '~/types';
+
+interface ArchiveDetailsState {
+  archived: boolean;
+  archivedAt?: string;
+  archivedBy?: string;
+  archivedByDisplay?: string;
+  archiveReason?: string;
+}
+
+interface UseStriaeResetHelpersProps {
+  setSelectedImage: Dispatch<SetStateAction<string | undefined>>;
+  setSelectedFilename: Dispatch<SetStateAction<string | undefined>>;
+  setImageId: Dispatch<SetStateAction<string | undefined>>;
+  setAnnotationData: Dispatch<SetStateAction<AnnotationData | null>>;
+  setError: Dispatch<SetStateAction<string | undefined>>;
+  setImageLoaded: Dispatch<SetStateAction<boolean>>;
+  setCurrentCase: Dispatch<SetStateAction<string>>;
+  setFiles: Dispatch<SetStateAction<FileData[]>>;
+  setActiveAnnotations: Dispatch<SetStateAction<Set<string>>>;
+  setIsBoxAnnotationMode: Dispatch<SetStateAction<boolean>>;
+  setIsReadOnlyCase: Dispatch<SetStateAction<boolean>>;
+  setIsReviewOnlyCase: Dispatch<SetStateAction<boolean>>;
+  setArchiveDetails: Dispatch<SetStateAction<ArchiveDetailsState>>;
+  setShowNotes: Dispatch<SetStateAction<boolean>>;
+  setIsAuditTrailOpen: Dispatch<SetStateAction<boolean>>;
+  setIsRenameCaseModalOpen: Dispatch<SetStateAction<boolean>>;
+}
+
+export const useStriaeResetHelpers = ({
+  setSelectedImage,
+  setSelectedFilename,
+  setImageId,
+  setAnnotationData,
+  setError,
+  setImageLoaded,
+  setCurrentCase,
+  setFiles,
+  setActiveAnnotations,
+  setIsBoxAnnotationMode,
+  setIsReadOnlyCase,
+  setIsReviewOnlyCase,
+  setArchiveDetails,
+  setShowNotes,
+  setIsAuditTrailOpen,
+  setIsRenameCaseModalOpen,
+}: UseStriaeResetHelpersProps) => {
+  const clearSelectedImageState = useCallback(() => {
+    setSelectedImage('/clear.jpg');
+    setSelectedFilename(undefined);
+    setImageId(undefined);
+    setAnnotationData(null);
+    setError(undefined);
+    setImageLoaded(false);
+  }, [
+    setSelectedImage,
+    setSelectedFilename,
+    setImageId,
+    setAnnotationData,
+    setError,
+    setImageLoaded,
+  ]);
+
+  const clearCaseContextState = useCallback(() => {
+    setActiveAnnotations(new Set());
+    setIsBoxAnnotationMode(false);
+    setIsReadOnlyCase(false);
+    setIsReviewOnlyCase(false);
+    setArchiveDetails({ archived: false });
+  }, [
+    setActiveAnnotations,
+    setIsBoxAnnotationMode,
+    setIsReadOnlyCase,
+    setIsReviewOnlyCase,
+    setArchiveDetails,
+  ]);
+
+  const clearLoadedCaseState = useCallback(() => {
+    setCurrentCase('');
+    setFiles([]);
+    clearCaseContextState();
+    clearSelectedImageState();
+    setShowNotes(false);
+    setIsAuditTrailOpen(false);
+    setIsRenameCaseModalOpen(false);
+  }, [
+    setCurrentCase,
+    setFiles,
+    clearCaseContextState,
+    clearSelectedImageState,
+    setShowNotes,
+    setIsAuditTrailOpen,
+    setIsRenameCaseModalOpen,
+  ]);
+
+  return {
+    clearSelectedImageState,
+    clearCaseContextState,
+    clearLoadedCaseState,
+  };
+};

package/app/routes/striae/striae.tsx

@@ -17,30 +17,29 @@ import { FilesModal } from '~/components/sidebar/files/files-modal';
 import { NotesEditorModal } from '~/components/sidebar/notes/notes-editor-modal';
 import { UserAuditViewer } from '~/components/audit/user-audit-viewer';
 import { fetchUserApi } from '~/utils/api';
-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 { validateCaseNumber, renameCase, deleteCase, checkExistingCase, createNewCase, archiveCase, getCaseArchiveDetails } from '~/components/actions/case-manage';
 import { checkReadOnlyCaseExists, deleteReadOnlyCase } from '~/components/actions/case-review';
-import { canCreateCase, getLimitsDescription, getUserData } from '~/utils/data';
+import { canCreateCase } from '~/utils/data';
+import {
+  resolveEarliestAnnotationTimestamp,
+  CREATE_READ_ONLY_CASE_EXISTS_ERROR,
+  CLEAR_READ_ONLY_CASE_PARTIAL_FAILURE,
+  DELETE_CASE_CONFIRMATION,
+  DELETE_FILE_CONFIRMATION,
+  DELETE_CASE_FAILED,
+  DELETE_FILE_FAILED,
+  RENAME_CASE_FAILED
+} from '~/utils/ui';
+import { useStriaeResetHelpers } from './hooks/use-striae-reset-helpers';
+import { getExportProgressLabel, loadCaseExportActions } from './utils/case-export';
+import { resolveOpenCaseHelperText } from './utils/open-case-helper';
 import styles from './striae.module.css';
 
 interface StriaePage {
   user: User;
 }
 
-type CaseExportActionsModule = typeof CaseExportActions;
-
-let caseExportActionsPromise: Promise<CaseExportActionsModule> | null = null;
-
-const loadCaseExportActions = (): Promise<CaseExportActionsModule> => {
-  if (!caseExportActionsPromise) {
-    caseExportActionsPromise = import('~/components/actions/case-export');
-  }
-
-  return caseExportActionsPromise;
-};
-
 export const Striae = ({ user }: StriaePage) => {
   // Image and error states
   const [selectedImage, setSelectedImage] = useState<string>();
@@ -61,6 +60,7 @@ export const Striae = ({ user }: StriaePage) => {
   const [showNotes, setShowNotes] = useState(false);
   const [isUploading, setIsUploading] = useState(false);
   const [isReadOnlyCase, setIsReadOnlyCase] = useState(false);
+  const [isReviewOnlyCase, setIsReviewOnlyCase] = useState(false);
 
   // Annotation states
   const [activeAnnotations, setActiveAnnotations] = useState<Set<string>>(new Set());
@@ -98,24 +98,39 @@ export const Striae = ({ user }: StriaePage) => {
     archiveReason?: string;
   }>({ archived: false });
 
+  const {
+    clearSelectedImageState,
+    clearCaseContextState,
+    clearLoadedCaseState,
+  } = useStriaeResetHelpers({
+    setSelectedImage,
+    setSelectedFilename,
+    setImageId,
+    setAnnotationData,
+    setError,
+    setImageLoaded,
+    setCurrentCase,
+    setFiles,
+    setActiveAnnotations,
+    setIsBoxAnnotationMode,
+    setIsReadOnlyCase,
+    setIsReviewOnlyCase,
+    setArchiveDetails,
+    setShowNotes,
+    setIsAuditTrailOpen,
+    setIsRenameCaseModalOpen,
+  });
+
 
    useEffect(() => {
     // Set clear.jpg when case changes or is cleared
-    setSelectedImage('/clear.jpg');
-    setSelectedFilename(undefined);
-    setImageId(undefined);
-    setAnnotationData(null);    
-    setError(undefined);
-    setImageLoaded(false);
+    clearSelectedImageState();
     
     // Reset annotation and UI states when case is cleared
     if (!currentCase) {
-      setActiveAnnotations(new Set());
-      setIsBoxAnnotationMode(false);
-      setIsReadOnlyCase(false);
-      setArchiveDetails({ archived: false });
+      clearCaseContextState();
     }
-  }, [currentCase]);
+  }, [currentCase, clearSelectedImageState, clearCaseContextState]);
 
   // Fetch user company data when component mounts
   useEffect(() => {
@@ -154,18 +169,23 @@ export const Striae = ({ user }: StriaePage) => {
     const checkReadOnlyStatus = async () => {
       if (!currentCase || !user?.uid) {
         setIsReadOnlyCase(false);
+        setIsReviewOnlyCase(false);
         return;
       }
 
       try {
-        // Check if the case data itself has isReadOnly: true
-        const isReadOnly = await checkCaseIsReadOnly(user, currentCase);
-        setIsReadOnlyCase(isReadOnly);
+        // Imported review cases are tracked in the user's read-only case list.
+        // This includes archived ZIP imports and distinguishes them from manually archived regular cases.
+        const readOnlyCaseEntry = await checkReadOnlyCaseExists(user, currentCase);
         const details = await getCaseArchiveDetails(user, currentCase);
+        const reviewOnly = Boolean(readOnlyCaseEntry);
+        setIsReviewOnlyCase(reviewOnly);
+        setIsReadOnlyCase(reviewOnly || details.archived);
         setArchiveDetails(details);
       } catch (error) {
         console.error('Error checking read-only status:', error);
         setIsReadOnlyCase(false);
+        setIsReviewOnlyCase(false);
         setArchiveDetails({ archived: false });
       }
     };
@@ -250,11 +270,7 @@ export const Striae = ({ user }: StriaePage) => {
 
     if (includeImages) {
       await caseExportActions.downloadCaseAsZip(user, exportCaseNumber, format, (progress) => {
-        const label = progress < 30 ? 'Loading case data'
-          : progress < 50 ? 'Preparing archive'
-          : progress < 80 ? 'Adding images'
-          : progress < 96 ? 'Finalizing'
-          : 'Downloading';
+        const label = getExportProgressLabel(progress);
         onProgress?.(Math.round(progress), label);
       });
       showNotification(`Case ${exportCaseNumber} exported successfully.`, 'success');
@@ -317,7 +333,7 @@ export const Striae = ({ user }: StriaePage) => {
     try {
       const existingReadOnlyCase = await checkReadOnlyCaseExists(user, newCaseName);
       if (existingReadOnlyCase) {
-        showNotification(`Case "${newCaseName}" already exists as a read-only review case.`, 'error');
+        showNotification(CREATE_READ_ONLY_CASE_EXISTS_ERROR(newCaseName), 'error');
         return;
       }
 
@@ -327,7 +343,7 @@ export const Striae = ({ user }: StriaePage) => {
       setIsRenameCaseModalOpen(false);
       showNotification(`Case renamed to ${newCaseName}.`, 'success');
     } catch (renameError) {
-      showNotification(renameError instanceof Error ? renameError.message : 'Failed to rename case.', 'error');
+      showNotification(renameError instanceof Error ? renameError.message : RENAME_CASE_FAILED, 'error');
     } finally {
       setIsRenamingCase(false);
     }
@@ -339,9 +355,7 @@ export const Striae = ({ user }: StriaePage) => {
       return;
     }
 
-    const confirmed = window.confirm(
-      `Are you sure you want to delete case ${currentCase}? This will permanently delete all associated files and cannot be undone. If any image assets are already missing (404), they will be skipped and the case deletion will continue.`
-    );
+    const confirmed = window.confirm(DELETE_CASE_CONFIRMATION(currentCase));
 
     if (!confirmed) {
       return;
@@ -350,11 +364,7 @@ export const Striae = ({ user }: StriaePage) => {
     setIsDeletingCase(true);
     try {
       const deleteResult = await deleteCase(user, currentCase);
-      setCurrentCase('');
-      setFiles([]);
-      setShowNotes(false);
-      setIsAuditTrailOpen(false);
-      setIsRenameCaseModalOpen(false);
+      clearLoadedCaseState();
       if (deleteResult.missingImages.length > 0) {
         showNotification(
           `Case deleted. ${deleteResult.missingImages.length} image(s) were not found and were skipped during deletion.`,
@@ -364,7 +374,7 @@ export const Striae = ({ user }: StriaePage) => {
         showNotification('Case deleted successfully.', 'success');
       }
     } catch (deleteError) {
-      showNotification(deleteError instanceof Error ? deleteError.message : 'Failed to delete case.', 'error');
+      showNotification(deleteError instanceof Error ? deleteError.message : DELETE_CASE_FAILED, 'error');
     } finally {
       setIsDeletingCase(false);
     }
@@ -383,9 +393,7 @@ export const Striae = ({ user }: StriaePage) => {
 
     const selectedFile = files.find((file) => file.id === imageId);
     const selectedFileName = selectedFile?.originalFilename || imageId;
-    const confirmed = window.confirm(
-      `Are you sure you want to delete ${selectedFileName}? This action cannot be undone.`
-    );
+    const confirmed = window.confirm(DELETE_FILE_CONFIRMATION(selectedFileName));
 
     if (!confirmed) {
       return;
@@ -396,7 +404,7 @@ export const Striae = ({ user }: StriaePage) => {
       const deleteResult = await deleteFile(user, currentCase, imageId, 'User-requested deletion via navbar file management');
       const updatedFiles = files.filter((file) => file.id !== imageId);
       setFiles(updatedFiles);
-      handleImageSelect({ id: 'clear', originalFilename: '/clear.jpg', uploadedAt: '' });
+      clearSelectedImageState();
       setShowNotes(false);
       if (deleteResult.imageMissing) {
         showNotification(
@@ -407,13 +415,18 @@ export const Striae = ({ user }: StriaePage) => {
         showNotification('File deleted successfully.', 'success');
       }
     } catch (deleteError) {
-      showNotification(deleteError instanceof Error ? deleteError.message : 'Failed to delete file.', 'error');
+      showNotification(deleteError instanceof Error ? deleteError.message : DELETE_FILE_FAILED, 'error');
     } finally {
       setIsDeletingFile(false);
     }
   };
 
   const handleClearROCase = async () => {
+    if (!isReviewOnlyCase) {
+      showNotification('Only imported review cases can be cleared from workspace.', 'error');
+      return;
+    }
+
     if (!currentCase) {
       showNotification('No read-only case is currently loaded.', 'error');
       return;
@@ -431,15 +444,10 @@ export const Striae = ({ user }: StriaePage) => {
     try {
       const success = await deleteReadOnlyCase(user, caseToRemove);
       if (!success) {
-        showNotification(`Failed to fully clear read-only case "${caseToRemove}". Please try again.`, 'error');
+        showNotification(CLEAR_READ_ONLY_CASE_PARTIAL_FAILURE(caseToRemove), 'error');
         return;
       }
-      setCurrentCase('');
-      setFiles([]);
-      handleImageSelect({ id: 'clear', originalFilename: '/clear.jpg', uploadedAt: '' });
-      setShowNotes(false);
-      setIsAuditTrailOpen(false);
-      setIsRenameCaseModalOpen(false);
+      clearLoadedCaseState();
       showNotification(`Read-only case "${caseToRemove}" cleared.`, 'success');
     } catch (clearError) {
       showNotification(clearError instanceof Error ? clearError.message : 'Failed to clear read-only case.', 'error');
@@ -461,6 +469,7 @@ export const Striae = ({ user }: StriaePage) => {
     try {
       await archiveCase(user, currentCase, archiveReason);
       setIsReadOnlyCase(true);
+      setIsReviewOnlyCase(false);
       setArchiveDetails({
         archived: true,
         archivedAt: new Date().toISOString(),
@@ -506,7 +515,7 @@ export const Striae = ({ user }: StriaePage) => {
 
       const existingReadOnlyCase = await checkReadOnlyCaseExists(user, nextCaseNumber);
       if (existingReadOnlyCase) {
-        showNotification(`Case "${nextCaseNumber}" already exists as a read-only review case.`, 'error');
+        showNotification(CREATE_READ_ONLY_CASE_EXISTS_ERROR(nextCaseNumber), 'error');
         return;
       }
 
@@ -531,17 +540,8 @@ export const Striae = ({ user }: StriaePage) => {
 
   const handleOpenCaseModal = async () => {
     setIsOpenCaseModalOpen(true);
-    try {
-      const userData = await getUserData(user);
-      if (userData && !userData.permitted) {
-        const limitsDescription = await getLimitsDescription(user);
-        setOpenCaseHelperText(limitsDescription || 'Load an existing case or create a new one.');
-      } else {
-        setOpenCaseHelperText('Load an existing case or create a new one.');
-      }
-    } catch {
-      setOpenCaseHelperText('Load an existing case or create a new one.');
-    }
+    const helperText = await resolveOpenCaseHelperText(user);
+    setOpenCaseHelperText(helperText);
   };
 
   // Function to refresh annotation data (called when notes are saved)
@@ -566,10 +566,7 @@ export const Striae = ({ user }: StriaePage) => {
         }
       } else if (!result.caseNumber && !result.isReadOnly) {
         // Read-only case cleared - reset all UI state
-        setCurrentCase('');
-        setFiles([]);
-        handleImageSelect({ id: 'clear', originalFilename: '/clear.jpg', uploadedAt: '' });
-        setShowNotes(false);
+        clearLoadedCaseState();
       }
     }
   };
@@ -746,6 +743,7 @@ export const Striae = ({ user }: StriaePage) => {
         isUploading={isUploading}
         company={userCompany}
         isReadOnly={isReadOnlyCase}
+        isReviewOnlyCase={isReviewOnlyCase}
         currentCase={currentCase}
         currentFileName={selectedFilename}
         isCurrentImageConfirmed={isCurrentImageConfirmed}

package/app/routes/striae/utils/case-export.ts

@@ -0,0 +1,37 @@
+import type * as CaseExportActions from '~/components/actions/case-export';
+
+export type CaseExportActionsModule = typeof CaseExportActions;
+
+let caseExportActionsPromise: Promise<CaseExportActionsModule> | null = null;
+
+export const loadCaseExportActions = (): Promise<CaseExportActionsModule> => {
+  if (!caseExportActionsPromise) {
+    caseExportActionsPromise = import('~/components/actions/case-export').catch((error: unknown) => {
+      // Clear cached failures so transient chunk/network errors can recover on retry.
+      caseExportActionsPromise = null;
+      throw error;
+    });
+  }
+
+  return caseExportActionsPromise;
+};
+
+export const getExportProgressLabel = (progress: number): string => {
+  if (progress < 30) {
+    return 'Loading case data';
+  }
+
+  if (progress < 50) {
+    return 'Preparing archive';
+  }
+
+  if (progress < 80) {
+    return 'Adding images';
+  }
+
+  if (progress < 96) {
+    return 'Finalizing';
+  }
+
+  return 'Downloading';
+};

package/app/routes/striae/utils/open-case-helper.ts

@@ -0,0 +1,18 @@
+import type { User } from 'firebase/auth';
+import { getLimitsDescription, getUserData } from '~/utils/data';
+
+export const DEFAULT_OPEN_CASE_HELPER_TEXT = 'Load an existing case or create a new one.';
+
+export const resolveOpenCaseHelperText = async (user: User): Promise<string> => {
+  try {
+    const userData = await getUserData(user);
+    if (userData && !userData.permitted) {
+      const limitsDescription = await getLimitsDescription(user);
+      return limitsDescription || DEFAULT_OPEN_CASE_HELPER_TEXT;
+    }
+
+    return DEFAULT_OPEN_CASE_HELPER_TEXT;
+  } catch {
+    return DEFAULT_OPEN_CASE_HELPER_TEXT;
+  }
+};

package/app/utils/data/case-filters.ts

@@ -86,7 +86,7 @@ export function filterCasesForModal(
 ): CasesModalCaseItem[] {
   const archiveFilteredCases = preferences.showArchivedOnly
     ? cases.filter((entry) => entry.archived && !entry.isReadOnly)
-    : cases.filter((entry) => !entry.archived && !entry.isReadOnly);
+    : cases.filter((entry) => !entry.isReadOnly);
 
   return archiveFilteredCases.filter((entry) =>
     matchesConfirmationFilter(entry.caseNumber, preferences.confirmationFilter, caseConfirmationStatus)

package/app/utils/ui/case-messages.ts

@@ -0,0 +1,69 @@
+/**
+ * Common messages for case import, export, and case management operations.
+ * Centralizing messages prevents drift and ensures consistent user experience across the app.
+ */
+
+// Import validation messages
+export const IMPORT_FILE_TYPE_NOT_ALLOWED =
+  'Only Striae case ZIP files, confirmation ZIP files, or confirmation JSON files are allowed.';
+
+export const IMPORT_FILE_TYPE_NOT_SUPPORTED =
+  'The selected file is not a supported Striae case or confirmation import package.';
+
+// Import blocking messages
+export const ARCHIVED_REGULAR_CASE_BLOCK_MESSAGE =
+  'This archived case cannot be imported because the case already exists in your regular case list. Delete the regular case before importing this archive.';
+
+// Read-only case operations
+export const CREATE_READ_ONLY_CASE_EXISTS_ERROR = (caseNumber: string): string =>
+  `Case "${caseNumber}" already exists as a read-only review case.`;
+
+export const CLEAR_READ_ONLY_CASE_SUCCESS = (caseNumber: string): string =>
+  `Removed read-only case "${caseNumber}"`;
+
+export const CLEAR_READ_ONLY_CASE_PARTIAL_FAILURE = (caseNumber: string): string =>
+  `Failed to fully clear read-only case "${caseNumber}". Please try again. If this was an archived import that overlaps a regular case, verify that all case images are accessible before retrying.`;
+
+export const CLEAR_READ_ONLY_CASE_GENERIC_ERROR =
+  'Failed to clear existing case';
+
+export const NO_READ_ONLY_CASE_LOADED =
+  'No read-only case is currently loaded.';
+
+export const CANNOT_DELETE_READ_ONLY_CASE_FILES =
+  'Cannot delete files for read-only cases.';
+
+export const READ_ONLY_CASE_CANNOT_ARCHIVE_AGAIN =
+  'This case is already read-only and cannot be archived again.';
+
+// Data integrity messages
+export const DATA_INTEGRITY_VALIDATION_PASSED = '✓ Validation passed';
+
+export const DATA_INTEGRITY_VALIDATION_FAILED = '✗ Validation failed';
+
+export const DATA_INTEGRITY_BLOCKED_TAMPERING =
+  '⚠️ Import Blocked: Data hash validation failed. This file may have been tampered with or corrupted and cannot be imported.';
+
+// Confirmation/review messages
+export const CONFIRM_CASE_IMPORT =
+  'Are you sure you want to import this case for review?';
+
+// Export operation messages
+export const EXPORT_FAILED = 'Export failed. Please try again.';
+
+export const EXPORT_ALL_FAILED = 'Export all cases failed. Please try again.';
+
+export const ENTER_CASE_NUMBER_REQUIRED = 'Please enter a case number';
+
+// Deletion confirmation and errors
+export const DELETE_CASE_CONFIRMATION = (caseNumber: string): string =>
+  `Are you sure you want to delete case ${caseNumber}? This will permanently delete all associated files and cannot be undone. If any image assets are already missing (404), they will be skipped and the case deletion will continue.`;
+
+export const DELETE_FILE_CONFIRMATION = (fileName: string): string =>
+  `Are you sure you want to delete ${fileName}? This action cannot be undone.`;
+
+export const DELETE_CASE_FAILED = 'Failed to delete case.';
+
+export const DELETE_FILE_FAILED = 'Failed to delete file.';
+
+export const RENAME_CASE_FAILED = 'Failed to rename case.';

package/app/utils/ui/index.ts

@@ -1,2 +1,3 @@
 export * from './annotation-timestamp';
+export * from './case-messages';
 export * from './style';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@striae-org/striae",
-  "version": "4.3.2",
+  "version": "4.3.3",
   "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",
@@ -109,18 +109,18 @@
     "deploy-workers:user": "cd workers/user-worker && npm run deploy"
   },
   "dependencies": {
-    "@react-router/cloudflare": "^7.13.1",
+    "@react-router/cloudflare": "^7.13.2",
     "exceljs": "^4.4.0",
     "firebase": "^12.10.0",
     "isbot": "^5.1.36",
     "jszip": "^3.10.1",
     "react": "^19.2.4",
     "react-dom": "^19.2.4",
-    "react-router": "^7.13.1"
+    "react-router": "^7.13.2"
   },
   "devDependencies": {
-    "@react-router/dev": "^7.13.1",
-    "@react-router/fs-routes": "^7.13.1",
+    "@react-router/dev": "^7.13.2",
+    "@react-router/fs-routes": "^7.13.2",
     "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
     "@typescript-eslint/eslint-plugin": "^8.57.1",

package/workers/audit-worker/wrangler.jsonc.example

@@ -2,7 +2,7 @@
   "name": "AUDIT_WORKER_NAME",
   "account_id": "ACCOUNT_ID",
   "main": "src/audit-worker.ts",
-  "compatibility_date": "2026-03-22",
+  "compatibility_date": "2026-03-23",
   "compatibility_flags": [
     "nodejs_compat"
   ], 

package/workers/data-worker/wrangler.jsonc.example

@@ -3,7 +3,7 @@
   "name": "DATA_WORKER_NAME",
   "account_id": "ACCOUNT_ID",
   "main": "src/data-worker.ts",
-  "compatibility_date": "2026-03-22",
+  "compatibility_date": "2026-03-23",
   "compatibility_flags": [
     "nodejs_compat"
   ], 

package/workers/image-worker/wrangler.jsonc.example

@@ -2,7 +2,7 @@
   "name": "IMAGES_WORKER_NAME",
   "account_id": "ACCOUNT_ID",
   "main": "src/image-worker.ts",
-  "compatibility_date": "2026-03-22",
+  "compatibility_date": "2026-03-23",
   "compatibility_flags": [
     "nodejs_compat"
   ], 

package/workers/keys-worker/wrangler.jsonc.example

@@ -2,7 +2,7 @@
   "name": "KEYS_WORKER_NAME",
   "account_id": "ACCOUNT_ID",
   "main": "src/keys.ts",
-  "compatibility_date": "2026-03-22",
+  "compatibility_date": "2026-03-23",
   "compatibility_flags": [
     "nodejs_compat"
   ], 

package/workers/pdf-worker/wrangler.jsonc.example

@@ -2,7 +2,7 @@
   "name": "PDF_WORKER_NAME",
   "account_id": "ACCOUNT_ID",
   "main": "src/pdf-worker.ts",
-  "compatibility_date": "2026-03-22",
+  "compatibility_date": "2026-03-23",
   "compatibility_flags": [
     "nodejs_compat"
   ],

package/workers/user-worker/wrangler.jsonc.example

@@ -2,7 +2,7 @@
   "name": "USER_WORKER_NAME",
   "account_id": "ACCOUNT_ID",
   "main": "src/user-worker.ts",
-  "compatibility_date": "2026-03-22",
+  "compatibility_date": "2026-03-23",
   "compatibility_flags": [
     "nodejs_compat"
   ], 

package/wrangler.toml.example

@@ -1,6 +1,6 @@
 #:schema node_modules/wrangler/config-schema.json
 name = "PAGES_PROJECT_NAME"
-compatibility_date = "2026-03-22"
+compatibility_date = "2026-03-23"
 compatibility_flags = ["nodejs_compat"]
 pages_build_output_dir = "./build/client"