@striae-org/striae 4.0.1 → 4.0.3

package/.env.example

@@ -88,6 +88,7 @@ HMAC_KEY=your_cloudflare_images_hmac_key_here
 PDF_WORKER_NAME=your_pdf_worker_name_here
 PDF_WORKER_DOMAIN=your_pdf_worker_domain_here
 PDF_WORKER_AUTH=your_custom_pdf_worker_auth_token_here
+BROWSER_API_TOKEN=your_cloudflare_browser_rendering_api_token_here
 
 # ================================
 # QUICK MANUAL SETUP CHECKLIST

package/app/components/actions/case-export/data-processing.ts

@@ -1,5 +1,5 @@
 import { type CaseExportData } from '~/types';
-import { calculateSHA256Secure } from '~/utils/SHA256';
+import { calculateSHA256Secure } from '~/utils/forensics';
 import { CSV_HEADERS } from './types-constants';
 import { addForensicDataWarning } from './metadata-helpers';
 

package/app/components/actions/case-export/download-handlers.ts

@@ -2,13 +2,14 @@ import type { User } from 'firebase/auth';
 import type * as ExcelJSModule from 'exceljs';
 import { type FileData, type AllCasesExportData, type CaseExportData, type ExportOptions } from '~/types';
 import { getImageUrl } from '../image-manage';
-import { generateForensicManifestSecure, calculateSHA256Secure } from '~/utils/SHA256';
-import { signForensicManifest } from '~/utils/data-operations';
 import {
+  generateForensicManifestSecure,
+  calculateSHA256Secure,
   createPublicSigningKeyFileName,
   getCurrentPublicSigningKeyDetails,
   getVerificationPublicKey
-} from '~/utils/signature-utils';
+} from '~/utils/forensics';
+import { signForensicManifest } from '~/utils/data';
 import { type ExportFormat, formatDateForFilename, CSV_HEADERS } from './types-constants';
 import { protectExcelWorksheet, addForensicDataWarning } from './metadata-helpers';
 import { generateMetadataRows, generateCSVContent, processFileDataForTabular, sanitizeTabularMatrix } from './data-processing';

package/app/components/actions/case-export/metadata-helpers.ts

@@ -1,5 +1,5 @@
 import type { User } from 'firebase/auth';
-import { getUserData } from '~/utils/permissions';
+import { getUserData } from '~/utils/data';
 
 /**
  * Helper function to get user export metadata

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

@@ -1,5 +1,5 @@
 import type { User } from 'firebase/auth';
-import { fetchDataApi } from '~/utils/data-api-client';
+import { fetchDataApi } from '~/utils/api';
 import { type ConfirmationImportResult, type ConfirmationImportData } from '~/types';
 import { checkExistingCase } from '../case-manage';
 import { extractConfirmationImportPackage } from './confirmation-package';

package/app/components/actions/case-import/image-operations.ts

@@ -1,5 +1,5 @@
 import type { User } from 'firebase/auth';
-import { uploadImageApi } from '~/utils/image-api-client';
+import { uploadImageApi } from '~/utils/api';
 import { type FileData } from '~/types';
 
 /**

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

@@ -6,7 +6,7 @@ import {
   type SignedForensicManifest,
   validateCaseIntegritySecure as validateForensicIntegrity,
   verifyForensicManifestSignature
-} from '~/utils/SHA256';
+} from '~/utils/forensics';
 import { deleteFile } from '../image-manage';
 import { parseImportZip } from './zip-processing';
 import { 

package/app/components/actions/case-import/storage-operations.ts

@@ -1,10 +1,10 @@
 import type { User } from 'firebase/auth';
-import { fetchDataApi } from '~/utils/data-api-client';
+import { fetchDataApi } from '~/utils/api';
 import {
   getUserReadOnlyCases,
   updateUserData,
   validateUserSession
-} from '~/utils/permissions';
+} from '~/utils/data';
 import { 
   type CaseExportData,   
   type FileData,
@@ -12,7 +12,7 @@ import {
   type ReadOnlyCaseMetadata
 } from '~/types';
 import { deleteFile } from '../image-manage';
-import { type SignedForensicManifest } from '~/utils/SHA256';
+import { type SignedForensicManifest } from '~/utils/forensics';
 
 /**
  * Check if user already has a read-only case with the same number

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

@@ -1,9 +1,8 @@
 import type { User } from 'firebase/auth';
-import { checkUserExistsApi } from '~/utils/user-api-client';
+import { checkUserExistsApi } from '~/utils/api';
 import { type CaseExportData, type ConfirmationImportData } from '~/types';
-import { type ManifestSignatureVerificationResult } from '~/utils/SHA256';
-import { verifyConfirmationSignature } from '~/utils/confirmation-signature';
-export { removeForensicWarning, validateConfirmationHash } from '~/utils/export-verification';
+import { type ManifestSignatureVerificationResult, verifyConfirmationSignature } from '~/utils/forensics';
+export { removeForensicWarning, validateConfirmationHash } from '~/utils/forensics';
 
 /**
  * Validate that a user exists in the database by UID and is not the current user

package/app/components/actions/case-import/zip-processing.ts

@@ -6,7 +6,7 @@ import {
   type SignedForensicManifest,
   validateCaseIntegritySecure as validateForensicIntegrity,
   verifyForensicManifestSignature
-} from '~/utils/SHA256';
+} from '~/utils/forensics';
 import { validateExporterUid, removeForensicWarning } from './validation';
 
 function getLeafFileName(path: string): string {

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

@@ -4,18 +4,16 @@ import {
   getUserCases,
   validateUserSession,
   addUserCase,
-  removeUserCase
-} from '~/utils/permissions';
-import { 
+  removeUserCase,
   getCaseData,
   updateCaseData,
   deleteCaseData,
   duplicateCaseData,
   deleteFileAnnotations
-} from '~/utils/data-operations';
+} from '~/utils/data';
 import { type CaseData, type ReadOnlyCaseData, type FileData } from '~/types';
 import { auditService } from '~/services/audit';
-import { fetchImageApi } from '~/utils/image-api-client';
+import { fetchImageApi } from '~/utils/api';
 
 /**
  * Delete a file without individual audit logging (for bulk operations)

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

@@ -1,13 +1,12 @@
 import type { User } from 'firebase/auth';
-import { calculateSHA256Secure } from '~/utils/SHA256';
-import { getUserData } from '~/utils/permissions';
-import { getCaseData, updateCaseData, signConfirmationData } from '~/utils/data-operations';
-import { type ConfirmationData, type CaseConfirmations, type CaseDataWithConfirmations, type ConfirmationImportData } from '~/types';
 import {
+  calculateSHA256Secure,
   createPublicSigningKeyFileName,
   getCurrentPublicSigningKeyDetails,
   getVerificationPublicKey
-} from '~/utils/signature-utils';
+} from '~/utils/forensics';
+import { getUserData, getCaseData, updateCaseData, signConfirmationData } from '~/utils/data';
+import { type ConfirmationData, type CaseConfirmations, type CaseDataWithConfirmations, type ConfirmationImportData } from '~/types';
 import { auditService } from '~/services/audit';
 
 /**

package/app/components/actions/generate-pdf.ts

@@ -1,7 +1,7 @@
 import { type AnnotationData } from '~/types/annotations';
 import { auditService } from '~/services/audit';
 import type { User } from 'firebase/auth';
-import { fetchPdfApi } from '~/utils/pdf-api-client';
+import { fetchPdfApi } from '~/utils/api';
 
 interface GeneratePDFParams {
   user: User;

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

@@ -2,9 +2,8 @@ import type { User } from 'firebase/auth';
 import { 
   getAccountHash 
 } from '~/utils/auth';
-import { fetchImageApi, uploadImageApi } from '~/utils/image-api-client';
-import { canUploadFile } from '~/utils/permissions';
-import { getCaseData, updateCaseData, deleteFileAnnotations } from '~/utils/data-operations';
+import { fetchImageApi, uploadImageApi } from '~/utils/api';
+import { canUploadFile, getCaseData, updateCaseData, deleteFileAnnotations } from '~/utils/data';
 import type { CaseData, FileData, ImageUploadResponse } from '~/types';
 import { auditService } from '~/services/audit';
 

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

@@ -1,6 +1,6 @@
 import type { User } from 'firebase/auth';
 import { type AnnotationData } from '~/types/annotations';
-import { saveFileAnnotations, getFileAnnotations, type DataOperationOptions } from '~/utils/data-operations';
+import { saveFileAnnotations, getFileAnnotations, type DataOperationOptions } from '~/utils/data';
 
 export const saveNotes = async (
   user: User,

package/app/components/actions/signout.tsx

@@ -1,6 +1,6 @@
 import { auth } from '~/services/firebase';
 import { auditService } from '~/services/audit';
-import { generateUniqueId } from '~/utils/id-generator';
+import { generateUniqueId } from '~/utils/common';
 import styles from './signout.module.css';
 
 interface SignOutProps {

package/app/components/audit/user-audit-viewer.tsx

@@ -2,7 +2,7 @@ import { useState, useEffect, useContext, useCallback } from 'react';
 import { AuthContext } from '~/contexts/auth.context';
 import { auditService, auditExportService } from '~/services/audit';
 import { type ValidationAuditEntry, type AuditAction, type AuditResult, type AuditTrail, type UserData, type WorkflowPhase } from '~/types';
-import { getUserData } from '~/utils/permissions';
+import { getUserData } from '~/utils/data';
 import styles from './user-audit.module.css';
 
 const isWorkflowPhase = (phase: unknown): phase is WorkflowPhase =>

package/app/components/auth/auth-provider.tsx

@@ -6,7 +6,7 @@ import { INACTIVITY_CONFIG } from '~/config/inactivity';
 import { AuthContext } from '~/contexts/auth.context';
 import { InactivityWarning } from '~/components/user/inactivity-warning';
 import { auditService } from '~/services/audit';
-import { generateUniqueId } from '~/utils/id-generator';
+import { generateUniqueId } from '~/utils/common';
 
 interface AuthProviderProps {
   children: React.ReactNode;

package/app/components/auth/mfa-verification.tsx

@@ -10,7 +10,7 @@ import { auth } from '~/services/firebase';
 import { handleAuthError, getValidationError } from '~/services/firebase/errors';
 import { SignOut } from '~/components/actions/signout';
 import { auditService } from '~/services/audit';
-import { generateUniqueId } from '~/utils/id-generator';
+import { generateUniqueId } from '~/utils/common';
 import styles from './mfa-verification.module.css';
 
 interface MFAVerificationProps {

package/app/components/button/button.tsx

@@ -1,6 +1,6 @@
 import { Icon } from '../icon/icon';
 import styles from './button.module.css';
-import { classes } from '~/utils/style';
+import { classes } from '~/utils/ui';
 
 interface ButtonProps {
   iconId: string;

package/app/components/canvas/box-annotations/box-annotations.tsx

@@ -2,7 +2,7 @@ import { useState, useCallback, useMemo, useRef, useEffect, useContext } from 'r
 import { type BoxAnnotation } from '~/types';
 import { AuthContext } from '~/contexts/auth.context';
 import { auditService } from '~/services/audit';
-import { resolveEarliestAnnotationTimestamp } from '~/utils/annotation-timestamp';
+import { resolveEarliestAnnotationTimestamp } from '~/utils/ui';
 import styles from './box-annotations.module.css';
 
 // Constants

package/app/components/canvas/confirmation/confirmation.tsx

@@ -1,7 +1,7 @@
 import { useState, useEffect, useContext } from 'react';
 import { type ConfirmationData } from '~/types/annotations';
 import { AuthContext } from '~/contexts/auth.context';
-import { generateConfirmationId } from '~/utils/id-generator';
+import { generateConfirmationId } from '~/utils/common';
 import styles from './confirmation.module.css';
 
 interface ConfirmationModalProps {

package/app/components/icon/icon.tsx

@@ -1,4 +1,4 @@
-import { classes } from '~/utils/style';
+import { classes } from '~/utils/ui';
 import styles from './icon.module.css';
 import { forwardRef } from 'react';
 import sprites from './icons.svg';

package/app/components/public-signing-key-modal/public-signing-key-modal.tsx

@@ -9,7 +9,7 @@ import {
   type MouseEvent
 } from 'react';
 import styles from './public-signing-key-modal.module.css';
-import { verifyExportFile } from '~/utils/export-verification';
+import { verifyExportFile } from '~/utils/forensics';
 
 const NO_PUBLIC_KEY_MESSAGE = 'No public signing key is configured for this environment.';
 

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

@@ -2,7 +2,7 @@ import { useState, useEffect, useContext } from 'react';
 import styles from './case-export.module.css';
 import { AuthContext } from '~/contexts/auth.context';
 import { PublicSigningKeyModal } from '~/components/public-signing-key-modal/public-signing-key-modal';
-import { getCurrentPublicSigningKeyDetails } from '~/utils/signature-utils';
+import { getCurrentPublicSigningKeyDetails } from '~/utils/forensics';
 import { getCaseConfirmations, exportConfirmationData } from '../../actions/confirm-export';
 
 export type ExportFormat = 'json' | 'csv';

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

@@ -26,9 +26,9 @@ import {
   canCreateCase, 
   canUploadFile, 
   getLimitsDescription,
-  getUserData
-} from '~/utils/permissions';
-import { getFileAnnotations } from '~/utils/data-operations';
+  getUserData,
+  getFileAnnotations
+} from '~/utils/data';
 import { type FileData, type CaseActionType } from '~/types';
 
 interface CaseSidebarProps {

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

@@ -1,7 +1,7 @@
 import { useState, useEffect } from 'react';
 import type { User } from 'firebase/auth';
 import { listCases } from '~/components/actions/case-manage';
-import { getFileAnnotations } from '~/utils/data-operations';
+import { getFileAnnotations } from '~/utils/data';
 import { fetchFiles } from '~/components/actions/image-manage';
 import styles from './cases-modal.module.css';
 

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

@@ -2,7 +2,7 @@ import type React from 'react';
 import { useState, useContext, useEffect } from 'react';
 import { AuthContext } from '~/contexts/auth.context';
 import { deleteFile } from '~/components/actions/image-manage';
-import { getFileAnnotations } from '~/utils/data-operations';
+import { getFileAnnotations } from '~/utils/data';
 import { type FileData } from '~/types';
 import styles from './files-modal.module.css';
 

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

@@ -4,7 +4,7 @@ import { ColorSelector } from '~/components/colors/colors';
 import { NotesModal } from './notes-modal';
 import { getNotes, saveNotes } from '~/components/actions/notes-manage';
 import { type AnnotationData } from '~/types/annotations';
-import { resolveEarliestAnnotationTimestamp } from '~/utils/annotation-timestamp';
+import { resolveEarliestAnnotationTimestamp } from '~/utils/ui';
 import { auditService } from '~/services/audit';
 import styles from './notes.module.css';
 

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

@@ -7,7 +7,7 @@ import { Sidebar } from './sidebar';
 import type { User } from 'firebase/auth';
 import { type FileData } from '~/types';
 import styles from './sidebar.module.css';
-import { getAppVersion } from '../../utils/version';
+import { getAppVersion } from '~/utils/common';
 
 interface SidebarContainerProps {
   user: User;
@@ -121,22 +121,7 @@ export const SidebarContainer: React.FC<SidebarContainerProps> = (props) => {
                   Security Policy
                 </Link>                
               </div>
-              <div className={styles.badgeContainer}>                
-                <div className={styles.oinBadge}>
-                  <a
-                    href="https://openinventionnetwork.com/"
-                    target="_blank"
-                    rel="noopener noreferrer"
-                    className={styles.oinBadgeLink}
-                  >
-                    <img 
-                      src="/oin-badge.png" 
-                      alt="Open Invention Network Community Member" 
-                      className={styles.oinBadgeImage}
-                    />
-                  </a>
-                </div>
-              </div>
+
               <div className={styles.footerModalCopyright}>
                 <a href={`https://github.com/striae-org/striae/releases/tag/v${appVersion}`} className={styles.link} target="_blank" rel="noopener noreferrer">Striae v{appVersion}</a> © {year}.{' '}
                 Licensed under Apache 2.0.

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

@@ -237,36 +237,7 @@
   text-underline-offset: 3px;
 }
 
-.badgeContainer {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  gap: var(--spaceM, 1rem);
-  margin-top: var(--spaceXS, 0.5rem);
-  flex-wrap: wrap;
-  width: 100%;
-}
-
-.oinBadge {
-  text-align: center;
-}
 
-.oinBadgeLink {
-  display: inline-block;
-  transition: opacity var(--durationS, 0.2s)
-    var(--bezierFastoutSlowin, ease-out);
-}
-
-.oinBadgeLink:hover {
-  opacity: 0.8;
-  transform: translateY(-1px);
-}
-
-.oinBadgeImage {
-  height: 40px;
-  width: auto;
-  border-radius: 4px;
-}
 
 /* Import Section */
 .importSection {

package/app/components/theme-provider/theme-provider.tsx

@@ -1,5 +1,5 @@
 import { type JSX, createContext, useContext } from 'react';
-import { classes, media } from '~/utils/style';
+import { classes, media } from '~/utils/ui';
 import { themes, tokens } from './theme';
 
 interface ThemeContextType {

package/app/components/theme-provider/theme.ts

@@ -1,4 +1,4 @@
-import { pxToRem } from '~/utils/style';
+import { pxToRem } from '~/utils/ui';
 
 // Full list of tokens
 const baseTokens = {

package/app/components/user/delete-account.tsx

@@ -1,7 +1,7 @@
 import { useState, useEffect } from 'react';
 import { signOut } from 'firebase/auth';
 import { auth } from '~/services/firebase';
-import { fetchUserApi } from '~/utils/user-api-client';
+import { fetchUserApi } from '~/utils/api';
 import { auditService } from '~/services/audit';
 import styles from './delete-account.module.css';
 

package/app/components/user/manage-profile.tsx

@@ -4,7 +4,7 @@ import { PasswordReset } from '~/routes/auth/passwordReset';
 import { DeleteAccount } from './delete-account';
 import { UserAuditViewer } from '../audit/user-audit-viewer';
 import { AuthContext } from '~/contexts/auth.context';
-import { getUserData, updateUserData } from '~/utils/permissions';
+import { getUserData, updateUserData } from '~/utils/data';
 import { auditService } from '~/services/audit';
 import { handleAuthError, ERROR_MESSAGES } from '~/services/firebase/errors';
 import { FormField, FormButton, FormMessage } from '../form';

package/app/components/user/mfa-phone-update.tsx

@@ -21,7 +21,7 @@ import {
   getPhoneDisplayValue,
   maskPhoneNumber,
   validatePhoneNumber,
-} from '~/utils/mfa-phone';
+} from '~/utils/auth';
 import { FormButton, FormMessage } from '../form';
 import styles from './manage-profile.module.css';
 

package/app/root.tsx

@@ -94,11 +94,6 @@ export default function App() {
   );
 }
 
-interface ErrorBoundaryShellProps {
-  title: string;
-  children: React.ReactNode;
-}
-
 const LOGIN_REDIRECT_PATH = '/';
 
 const errorActionStyle = {
@@ -133,30 +128,6 @@ async function returnToLogin() {
   }
 }
 
-function ErrorBoundaryShell({ title, children }: ErrorBoundaryShellProps) {
-  return (
-    <html lang="en" data-theme="light">
-      <head>
-        <meta charSet="utf-8" />
-        <meta name="viewport" content="width=device-width, initial-scale=1" />
-        <meta name="theme-color" content="#377087" />
-        <meta name="color-scheme" content="light" />
-        <style dangerouslySetInnerHTML={{ __html: themeStyles }} />
-        <title>{title}</title>
-        <Meta />
-        <Links />
-      </head>
-      <body className="flex flex-col h-screen w-full overflow-x-hidden">
-        <ThemeProvider theme="light" className="">
-          <main>{children}</main>
-        </ThemeProvider>
-        <ScrollRestoration />
-        <Scripts />
-      </body>
-    </html>
-  );
-}
-
 export function ErrorBoundary() {
   const error = useRouteError();
 
@@ -164,27 +135,9 @@ export function ErrorBoundary() {
     const statusText = error.statusText || 'Unexpected error';
 
     return (
-      <ErrorBoundaryShell title={`${error.status} ${statusText}`}>
-        <div className={styles.errorContainer}>
-          <div className={styles.errorTitle}>{error.status}</div>
-          <p className={styles.errorMessage}>{statusText}</p>
-          <button
-            type="button"
-            onClick={() => void returnToLogin()}
-            style={errorActionStyle}
-            className={styles.errorLink}>
-            Return to Login
-          </button>
-        </div>
-      </ErrorBoundaryShell>
-    );
-  }
-
-  return (
-    <ErrorBoundaryShell title="Oops! Something went wrong">
       <div className={styles.errorContainer}>
-        <div className={styles.errorTitle}>500</div>
-        <p className={styles.errorMessage}>Something went wrong. Please try again later.</p>
+        <div className={styles.errorTitle}>{error.status}</div>
+        <p className={styles.errorMessage}>{statusText}</p>
         <button
           type="button"
           onClick={() => void returnToLogin()}
@@ -193,6 +146,20 @@ export function ErrorBoundary() {
           Return to Login
         </button>
       </div>
-    </ErrorBoundaryShell>
+    );
+  }
+
+  return (
+    <div className={styles.errorContainer}>
+      <div className={styles.errorTitle}>500</div>
+      <p className={styles.errorMessage}>Something went wrong. Please try again later.</p>
+      <button
+        type="button"
+        onClick={() => void returnToLogin()}
+        style={errorActionStyle}
+        className={styles.errorLink}>
+        Return to Login
+      </button>
+    </div>
   );
-}
+}

package/app/routes/auth/emailActionHandler.tsx

@@ -8,8 +8,7 @@ import {
 } from 'firebase/auth';
 import { auth } from '~/services/firebase';
 import { handleAuthError } from '~/services/firebase/errors';
-import { evaluatePasswordPolicy } from '~/utils/password-policy';
-import { getSafeContinuePath } from '~/utils/auth-action-settings';
+import { evaluatePasswordPolicy, getSafeContinuePath } from '~/utils/auth';
 import { auditService } from '~/services/audit';
 import { Icon } from '~/components/icon/icon';
 import styles from './emailActionHandler.module.css';

package/app/routes/auth/emailVerification.tsx

@@ -2,7 +2,7 @@ import { useState } from 'react';
 import { Link } from 'react-router';
 import { sendEmailVerification, type User } from 'firebase/auth';
 import { auditService } from '~/services/audit';
-import { buildActionCodeSettings } from '~/utils/auth-action-settings';
+import { buildActionCodeSettings } from '~/utils/auth';
 import styles from './login.module.css';
 
 interface EmailVerificationProps {