@striae-org/striae 4.3.3 → 4.3.4

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

@@ -14,7 +14,7 @@ import {
   signForensicManifest,
   removeCaseConfirmationSummary
 } from '~/utils/data';
-import { type CaseData, type ReadOnlyCaseData, type FileData, type AuditTrail, type CaseExportData } from '~/types';
+import { type CaseData, type ReadOnlyCaseData, type FileData, type AuditTrail, type CaseExportData, type ValidationAuditEntry } from '~/types';
 import { auditService } from '~/services/audit';
 import { fetchImageApi } from '~/utils/api';
 import { exportCaseData, formatDateForFilename } from '~/components/actions/case-export';
@@ -27,7 +27,7 @@ import {
   getVerificationPublicKey,
 } from '~/utils/forensics';
 import { signAuditExport } from '~/services/audit/audit-export-signing';
-import { generateAuditSummary } from '~/services/audit/audit-query-helpers';
+import { generateAuditSummary, sortAuditEntriesNewestFirst } from '~/services/audit/audit-query-helpers';
 
 /**
  * Delete a file without individual audit logging (for bulk operations)
@@ -393,15 +393,23 @@ export const renameCase = async (
     // 5) Delete old case number in user's KV entry
     await removeUserCase(user, oldCaseNumber);
 
-    // Log successful case rename
+    // Log successful case rename under the original case number context
     const endTime = Date.now();
     await auditService.logCaseRename(
       user,
-      newCaseNumber, // Use new case number as the current context
+      oldCaseNumber,
       oldCaseNumber,
       newCaseNumber
     );
 
+    // Log creation of the new case number as a rename-derived case
+    await auditService.logCaseCreation(
+      user,
+      newCaseNumber,
+      newCaseNumber,
+      oldCaseNumber
+    );
+
     console.log(`✅ Case renamed: ${oldCaseNumber} → ${newCaseNumber} (${endTime - startTime}ms)`);
     
   } catch (error) {
@@ -808,11 +816,43 @@ export const archiveCase = async (
       startDate: caseData.createdAt,
       endDate: archivedAt,
     });
+
+    // Ensure the bundled archive trail includes the archival event itself.
+    const archiveAuditEntry: ValidationAuditEntry = {
+      timestamp: archivedAt,
+      userId: user.uid,
+      userEmail: user.email || '',
+      action: 'case-archive',
+      result: 'success',
+      details: {
+        fileName: `${caseNumber}.case`,
+        fileType: 'case-package',
+        validationErrors: [],
+        caseNumber,
+        workflowPhase: 'casework',
+        caseDetails: {
+          newCaseName: caseNumber,
+          archiveReason: archiveReason?.trim() || 'No reason provided',
+          totalFiles: archiveData.files?.length || 0,
+          lastModified: archivedAt,
+        },
+        performanceMetrics: {
+          processingTimeMs: Date.now() - startTime,
+          fileSizeBytes: 0,
+        },
+      },
+    };
+
+    const auditEntriesWithArchive = sortAuditEntriesNewestFirst([
+      ...auditEntries,
+      archiveAuditEntry,
+    ]);
+
     const auditTrail: AuditTrail = {
       caseNumber,
       workflowId: `${caseNumber}-archive-${Date.now()}`,
-      entries: auditEntries,
-      summary: generateAuditSummary(auditEntries),
+      entries: auditEntriesWithArchive,
+      summary: generateAuditSummary(auditEntriesWithArchive),
     };
 
     const auditTrailPayload = {

package/app/components/audit/user-audit.module.css

@@ -522,11 +522,60 @@
   white-space: nowrap;
 }
 
+.entryHeaderActions {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  margin-left: auto;
+}
+
+.entryDetailsToggle {
+  background: color-mix(in lab, var(--primary) 10%, transparent);
+  color: color-mix(in lab, var(--primary) 65%, var(--text));
+  border: 1px solid color-mix(in lab, var(--primary) 30%, transparent);
+  padding: 4px 8px;
+  border-radius: 999px;
+  font-size: 0.75rem;
+  font-weight: var(--fontWeightMedium);
+  cursor: pointer;
+  transition: background-color var(--durationS) var(--bezierFastoutSlowin);
+}
+
+.entryDetailsToggle:hover {
+  background: color-mix(in lab, var(--primary) 16%, transparent);
+}
+
+.entryDetailsToggle:focus-visible {
+  outline: 2px solid color-mix(in lab, var(--primary) 45%, transparent);
+  outline-offset: 2px;
+}
+
 /* Entry Details */
 .entryDetails {
   padding: 12px 14px;
 }
 
+.expandedDetails {
+  margin-top: 10px;
+  padding-top: 10px;
+  border-top: 1px dashed color-mix(in lab, var(--textLight) 25%, transparent);
+}
+
+.expandedDetailsCode {
+  margin: 4px 0 0;
+  padding: 10px;
+  border-radius: 6px;
+  border: 1px solid color-mix(in lab, var(--textLight) 20%, transparent);
+  background: color-mix(in lab, var(--backgroundLight) 75%, transparent);
+  color: var(--text);
+  font-size: 0.78rem;
+  line-height: 1.4;
+  white-space: pre-wrap;
+  word-break: break-word;
+  max-height: 280px;
+  overflow: auto;
+}
+
 .detailRow {
   display: flex;
   align-items: center;

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

@@ -1,3 +1,4 @@
+import { useMemo, useState, type MouseEvent } from 'react';
 import { type ValidationAuditEntry } from '~/types';
 import { formatAuditTimestamp, getAuditActionIcon, getAuditStatusIcon } from './audit-viewer-utils';
 import styles from '../user-audit.module.css';
@@ -13,7 +14,57 @@ const isConfirmationImportEntry = (entry: ValidationAuditEntry): boolean => {
   );
 };
 
+const isConfirmationEvent = (entry: ValidationAuditEntry): boolean => {
+  return (
+    entry.action === 'confirmation-create' ||
+    entry.action === 'confirmation-export' ||
+    entry.action === 'confirmation-import' ||
+    entry.action === 'confirm' ||
+    (entry.action === 'import' && entry.details.workflowPhase === 'confirmation') ||
+    (entry.action === 'export' && entry.details.workflowPhase === 'confirmation')
+  );
+};
+
+const supportsFullDetailsToggle = (entry: ValidationAuditEntry): boolean => {
+  return (
+    entry.action === 'annotation-create' ||
+    entry.action === 'annotation-edit' ||
+    entry.action === 'annotation-delete' ||
+    isConfirmationEvent(entry)
+  );
+};
+
+const getEntryKey = (entry: ValidationAuditEntry): string => {
+  return `${entry.timestamp}-${entry.userId}-${entry.action}-${entry.details.fileName || ''}-${entry.details.confirmationId || ''}`;
+};
+
 export const AuditEntriesList = ({ entries }: AuditEntriesListProps) => {
+  const [expandedEntryKeys, setExpandedEntryKeys] = useState<Set<string>>(new Set());
+
+  const expandableEntries = useMemo(() => {
+    return new Set(entries.filter(supportsFullDetailsToggle).map(getEntryKey));
+  }, [entries]);
+
+  const toggleExpanded = (entryKey: string) => {
+    setExpandedEntryKeys((current) => {
+      const next = new Set(current);
+
+      if (next.has(entryKey)) {
+        next.delete(entryKey);
+      } else {
+        next.add(entryKey);
+      }
+
+      return next;
+    });
+  };
+
+  const handleToggleClick = (event: MouseEvent<HTMLButtonElement>, entryKey: string) => {
+    event.preventDefault();
+    event.stopPropagation();
+    toggleExpanded(entryKey);
+  };
+
   return (
     <div className={styles.entriesList}>
       <h3>Activity Log ({entries.length} entries)</h3>
@@ -22,30 +73,49 @@ export const AuditEntriesList = ({ entries }: AuditEntriesListProps) => {
           <p>No activities match the current filters.</p>
         </div>
       ) : (
-        entries.map((entry) => (
-          <div
-            key={`${entry.timestamp}-${entry.userId}-${entry.action}-${entry.details.fileName || ''}`}
-            className={`${styles.entry} ${styles[entry.result]}`}
-          >
-            <div className={styles.entryHeader}>
-              <div className={styles.entryIcons}>
-                <span className={styles.actionIcon}>{getAuditActionIcon(entry.action)}</span>
-                <span className={styles.statusIcon}>{getAuditStatusIcon(entry.result)}</span>
-              </div>
-              <div className={styles.entryTitle}>
-                <span className={styles.action}>{entry.action.toUpperCase().replace(/-/g, ' ')}</span>
-                <span className={styles.fileName}>{entry.details.fileName}</span>
-              </div>
-              <div className={styles.entryTimestamp}>{formatAuditTimestamp(entry.timestamp)}</div>
-            </div>
+        entries.map((entry) => {
+          const entryKey = getEntryKey(entry);
+          const isExpandable = expandableEntries.has(entryKey);
+          const isExpanded = expandedEntryKeys.has(entryKey);
 
-            <div className={styles.entryDetails}>
-              {entry.details.caseNumber && (
-                <div className={styles.detailRow}>
-                  <span className={styles.detailLabel}>Case:</span>
-                  <span className={styles.detailValue}>{entry.details.caseNumber}</span>
+          return (
+            <div
+              key={entryKey}
+              className={`${styles.entry} ${styles[entry.result]}`}
+            >
+              <div className={styles.entryHeader}>
+                <div className={styles.entryIcons}>
+                  <span className={styles.actionIcon}>{getAuditActionIcon(entry.action)}</span>
+                  <span className={styles.statusIcon}>{getAuditStatusIcon(entry.result)}</span>
                 </div>
-              )}
+                <div className={styles.entryTitle}>
+                  <span className={styles.action}>{entry.action.toUpperCase().replace(/-/g, ' ')}</span>
+                  <span className={styles.fileName}>{entry.details.fileName}</span>
+                </div>
+
+                <div className={styles.entryHeaderActions}>
+                  <div className={styles.entryTimestamp}>{formatAuditTimestamp(entry.timestamp)}</div>
+                  {isExpandable && (
+                    <button
+                      type="button"
+                      className={styles.entryDetailsToggle}
+                      aria-expanded={isExpanded}
+                      aria-label={isExpanded ? 'Hide full entry details' : 'Show full entry details'}
+                      onClick={(event) => handleToggleClick(event, entryKey)}
+                    >
+                      {isExpanded ? 'Hide details' : 'Show details'}
+                    </button>
+                  )}
+                </div>
+              </div>
+
+              <div className={styles.entryDetails}>
+                {entry.details.caseNumber && (
+                  <div className={styles.detailRow}>
+                    <span className={styles.detailLabel}>Case:</span>
+                    <span className={styles.detailValue}>{entry.details.caseNumber}</span>
+                  </div>
+                )}
 
               {entry.details.userProfileDetails?.badgeId && (
                 <div className={styles.detailRow}>
@@ -191,37 +261,49 @@ export const AuditEntriesList = ({ entries }: AuditEntriesListProps) => {
                 </>
               )}
 
-              {(entry.action === 'pdf-generate' || entry.action === 'confirm') && entry.details.fileDetails && (
-                <>
-                  {entry.details.fileDetails.fileId && (
-                    <div className={styles.detailRow}>
-                      <span className={styles.detailLabel}>
-                        {entry.action === 'pdf-generate' ? 'Source File ID:' : 'Original Image ID:'}
-                      </span>
-                      <span className={styles.detailValue}>{entry.details.fileDetails.fileId}</span>
-                    </div>
-                  )}
+                {(entry.action === 'pdf-generate' || entry.action === 'confirm') && entry.details.fileDetails && (
+                  <>
+                    {entry.details.fileDetails.fileId && (
+                      <div className={styles.detailRow}>
+                        <span className={styles.detailLabel}>
+                          {entry.action === 'pdf-generate' ? 'Source File ID:' : 'Original Image ID:'}
+                        </span>
+                        <span className={styles.detailValue}>{entry.details.fileDetails.fileId}</span>
+                      </div>
+                    )}
 
-                  {entry.details.fileDetails.originalFileName && (
-                    <div className={styles.detailRow}>
-                      <span className={styles.detailLabel}>
-                        {entry.action === 'pdf-generate' ? 'Source Filename:' : 'Original Filename:'}
-                      </span>
-                      <span className={styles.detailValue}>{entry.details.fileDetails.originalFileName}</span>
-                    </div>
-                  )}
+                    {entry.details.fileDetails.originalFileName && (
+                      <div className={styles.detailRow}>
+                        <span className={styles.detailLabel}>
+                          {entry.action === 'pdf-generate' ? 'Source Filename:' : 'Original Filename:'}
+                        </span>
+                        <span className={styles.detailValue}>{entry.details.fileDetails.originalFileName}</span>
+                      </div>
+                    )}
+
+                    {entry.action === 'confirm' && entry.details.confirmationId && (
+                      <div className={styles.detailRow}>
+                        <span className={styles.detailLabel}>Confirmation ID:</span>
+                        <span className={styles.detailValue}>{entry.details.confirmationId}</span>
+                      </div>
+                    )}
+                  </>
+                )}
 
-                  {entry.action === 'confirm' && entry.details.confirmationId && (
+                {isExpandable && isExpanded && (
+                  <div className={styles.expandedDetails}>
                     <div className={styles.detailRow}>
-                      <span className={styles.detailLabel}>Confirmation ID:</span>
-                      <span className={styles.detailValue}>{entry.details.confirmationId}</span>
+                      <span className={styles.detailLabel}>Full Entry Details:</span>
                     </div>
-                  )}
-                </>
-              )}
+                    <pre className={styles.expandedDetailsCode}>
+                      {JSON.stringify(entry, null, 2)}
+                    </pre>
+                  </div>
+                )}
+              </div>
             </div>
-          </div>
-        ))
+          );
+        })
       )}
     </div>
   );

package/app/services/audit/audit-console-logger.ts

@@ -1,6 +1,6 @@
 import { type ValidationAuditEntry } from '~/types';
 
-export const getAuditSecurityIssuesForConsole = (
+const getAuditSecurityIssuesForConsole = (
   entry: ValidationAuditEntry
 ): string[] => {
   const checks = entry.details.securityChecks;

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

@@ -42,7 +42,7 @@ export const AUDIT_CSV_ENTRY_HEADERS = [
   'Confirmed Files'
 ];
 
-export const formatForCSV = (value?: string | number | null): string => {
+const formatForCSV = (value?: string | number | null): string => {
   if (value === undefined || value === null) return '';
   const str = String(value);
   if (str.includes(',') || str.includes('"') || str.includes('\n')) {

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

@@ -22,14 +22,14 @@ interface SignAuditExportInput {
   hash: string;
 }
 
-export interface AuditExportSignature {
+interface AuditExportSignature {
   algorithm: string;
   keyId: string;
   signedAt: string;
   value: string;
 }
 
-export interface SignedAuditExportPayload {
+interface SignedAuditExportPayload {
   signatureMetadata: AuditExportSigningPayload;
   signature: AuditExportSignature;
 }

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

@@ -8,7 +8,7 @@ import { type AuditExportContext, signAuditExport } from './audit-export-signing
  * Audit Export Service
  * Handles exporting audit trails to various formats for compliance and forensic analysis
  */
-export class AuditExportService {
+class AuditExportService {
   private static instance: AuditExportService;
 
   private constructor() {}

package/app/services/audit/audit-worker-client.ts

@@ -18,7 +18,7 @@ interface PersistAuditEntryResponse {
   filename: string;
 }
 
-export type PersistAuditEntryResult =
+type PersistAuditEntryResult =
   | {
       ok: true;
       entryCount: number;

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

@@ -2,7 +2,6 @@ import type { User } from 'firebase/auth';
 import type {
   ValidationAuditEntry, 
   CreateAuditEntryParams, 
-  AuditTrail, 
   AuditQueryParams,
   WorkflowPhase,
   AuditAction,
@@ -18,7 +17,6 @@ import {
 import {
   applyAuditEntryFilters,
   applyAuditPagination,
-  generateAuditSummary,
   sortAuditEntriesNewestFirst
 } from './audit-query-helpers';
 import { logAuditEntryToConsole } from './audit-console-logger';
@@ -58,7 +56,7 @@ import {
  * Audit Service for ValidationAuditEntry system
  * Provides comprehensive audit logging throughout the confirmation workflow
  */
-export class AuditService {
+class AuditService {
   private static instance: AuditService;
   private auditBuffer: ValidationAuditEntry[] = [];
   private workflowId: string | null = null;
@@ -383,13 +381,15 @@ export class AuditService {
   public async logCaseCreation(
     user: User,
     caseNumber: string,
-    caseName: string
+    caseName: string,
+    renamedFromCaseNumber?: string
   ): Promise<void> {
     await this.logEventForUser(user,
       buildCaseCreationAuditParams({
         user,
         caseNumber,
-        caseName
+        caseName,
+        renamedFromCaseNumber
       })
     );
   }
@@ -721,37 +721,6 @@ export class AuditService {
     );
   }
 
-  /**
-   * Log user account deletion event
-   */
-  public async logAccountDeletion(
-    user: User,
-    result: AuditResult,
-    deletionReason: 'user-requested' | 'admin-initiated' | 'policy-violation' | 'inactive-account' = 'user-requested',
-    confirmationMethod: 'uid-email' | 'password' | 'admin-override' = 'uid-email',
-    casesCount?: number,
-    filesCount?: number,
-    dataRetentionPeriod?: number,
-    emailNotificationSent?: boolean,
-    sessionId?: string,
-    errors: string[] = []
-  ): Promise<void> {
-    // Wrapper that extracts user data and calls the simplified version
-    return this.logAccountDeletionSimple(
-      user.uid,
-      user.email || '',
-      result,
-      deletionReason,
-      confirmationMethod,
-      casesCount,
-      filesCount,
-      dataRetentionPeriod,
-      emailNotificationSent,
-      sessionId,
-      errors
-    );
-  }
-
   /**
    * Log user account deletion event with simplified user data
    */
@@ -1011,32 +980,6 @@ export class AuditService {
     return await this.getAuditEntries(queryParams, params?.requestingUser);
   }
 
-  /**
-   * Get audit trail for a case
-   */
-  public async getAuditTrail(caseNumber: string): Promise<AuditTrail | null> {
-    try {
-      // Implement retrieval from storage
-      const entries = await this.getAuditEntries({ caseNumber });
-      if (!entries || entries.length === 0) {
-        return null;
-      }
-
-      const summary = generateAuditSummary(entries);
-      const workflowId = this.workflowId || `${caseNumber}-archived`;
-
-      return {
-        caseNumber,
-        workflowId,
-        entries,
-        summary
-      };
-    } catch (error) {
-      console.error('🚨 Audit: Failed to get audit trail:', error);
-      return null;
-    }
-  }
-
   /**
    * Get audit entries based on query parameters
    */
@@ -1143,19 +1086,6 @@ export class AuditService {
     }
   }
 
-  /**
-   * Clear audit buffer (for testing)
-   */
-  public clearBuffer(): void {
-    this.auditBuffer = [];
-  }
-
-  /**
-   * Get current buffer size (for monitoring)
-   */
-  public getBufferSize(): number {
-    return this.auditBuffer.length;
-  }
 }
 
 // Export singleton instance

package/app/services/audit/builders/audit-event-builders-case-file.ts

@@ -6,6 +6,7 @@ interface BuildCaseCreationAuditParamsInput {
   user: User;
   caseNumber: string;
   caseName: string;
+  renamedFromCaseNumber?: string;
 }
 
 export const buildCaseCreationAuditParams = (
@@ -22,7 +23,9 @@ export const buildCaseCreationAuditParams = (
     caseNumber: input.caseNumber,
     workflowPhase: 'casework',
     caseDetails: {
+      oldCaseName: input.renamedFromCaseNumber,
       newCaseName: input.caseName,
+      createdByRename: Boolean(input.renamedFromCaseNumber),
       createdDate: new Date().toISOString(),
       totalFiles: 0,
       totalAnnotations: 0

package/app/services/audit/index.ts

@@ -1,2 +1,2 @@
-export { AuditService, auditService } from './audit.service';
-export { AuditExportService, auditExportService } from './audit-export.service';
+export { auditService } from './audit.service';
+export { auditExportService } from './audit-export.service';

package/app/types/audit.ts

@@ -44,7 +44,7 @@ export interface ValidationAuditEntry {
  * Detailed information for each audit entry
  * Contains action-specific data and metadata
  */
-export interface AuditDetails {
+interface AuditDetails {
   // Core identification
   fileName?: string;
   fileType?: AuditFileType;
@@ -194,9 +194,10 @@ export interface AuditQueryParams {
 /**
  * Case management specific audit details
  */
-export interface CaseAuditDetails {
+interface CaseAuditDetails {
   oldCaseName?: string;
   newCaseName?: string;
+  createdByRename?: boolean;
   totalFiles?: number;
   totalAnnotations?: number;
   confirmedFileNames?: string[];
@@ -210,7 +211,7 @@ export interface CaseAuditDetails {
 /**
  * File operation specific audit details
  */
-export interface FileAuditDetails {
+interface FileAuditDetails {
   fileId?: string;
   originalFileName?: string;
   fileSize: number;
@@ -225,7 +226,7 @@ export interface FileAuditDetails {
 /**
  * Annotation operation specific audit details
  */
-export interface AnnotationAuditDetails {
+interface AnnotationAuditDetails {
   annotationId?: string;
   annotationType?: 'measurement' | 'identification' | 'comparison' | 'note' | 'region';
   annotationData?: unknown; // The actual annotation data structure
@@ -238,7 +239,7 @@ export interface AnnotationAuditDetails {
 /**
  * User session specific audit details
  */
-export interface SessionAuditDetails {
+interface SessionAuditDetails {
   sessionId?: string;
   userAgent?: string;
   sessionDuration?: number;
@@ -249,7 +250,7 @@ export interface SessionAuditDetails {
 /**
  * Security incident specific audit details
  */
-export interface SecurityAuditDetails {
+interface SecurityAuditDetails {
   incidentType?: 'unauthorized-access' | 'data-breach' | 'malware' | 'injection' | 'brute-force' | 'privilege-escalation';
   severity?: 'low' | 'medium' | 'high' | 'critical';
   targetResource?: string;
@@ -272,7 +273,7 @@ export interface SecurityAuditDetails {
 /**
  * User profile and authentication specific audit details
  */
-export interface UserProfileAuditDetails {
+interface UserProfileAuditDetails {
   profileField?: 'displayName' | 'email' | 'organization' | 'role' | 'preferences' | 'avatar' | 'badgeId';
   oldValue?: string;
   newValue?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@striae-org/striae",
-  "version": "4.3.3",
+  "version": "4.3.4",
   "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",