@striae-org/striae 5.2.0 → 5.3.0

package/workers/user-worker/worker-configuration.d.ts

@@ -1,9 +1,11 @@
 /* eslint-disable */
-// Generated by Wrangler by running `wrangler types` (hash: 9778af5afe0b181b6b7f39a3f261ec74)
-// Runtime types generated with workerd@1.20250823.0 2026-03-20 nodejs_compat
+// Generated by Wrangler by running `wrangler types` (hash: e49bcad627d7e39b486bd9867a1c400d)
+// Runtime types generated with workerd@1.20250823.0 2026-03-26 nodejs_compat
 declare namespace Cloudflare {
 	interface Env {
 		USER_DB: KVNamespace;
+		STRIAE_DATA: R2Bucket;
+		STRIAE_FILES: R2Bucket;
 	}
 }
 interface Env extends Cloudflare.Env {}

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-25",
+  "compatibility_date": "2026-03-26",
   "compatibility_flags": [
     "nodejs_compat"
   ], 
@@ -18,5 +18,16 @@
     }
   ],
 
+  "r2_buckets": [
+    {
+      "binding": "STRIAE_DATA",
+      "bucket_name": "DATA_BUCKET_NAME"
+    },
+    {
+      "binding": "STRIAE_FILES",
+      "bucket_name": "FILES_BUCKET_NAME"
+    }
+  ],
+
   "placement": { "mode": "smart" }
 }

package/wrangler.toml.example

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

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

@@ -1,223 +0,0 @@
-import { type CaseExportData } from '~/types';
-import { calculateSHA256Secure } from '~/utils/forensics';
-import { CSV_HEADERS } from './types-constants';
-import { addForensicDataWarning } from './metadata-helpers';
-
-export type TabularCell = string | number | boolean | null;
-
-const MAX_SPREADSHEET_CELL_LENGTH = 32767;
-const DANGEROUS_FORMULA_PREFIX_PATTERN = /^\s*[=+\-@]/;
-
-function stripUnsafeControlChars(input: string): string {
-  let output = '';
-
-  for (let index = 0; index < input.length; index += 1) {
-    const code = input.charCodeAt(index);
-    const isControlChar = code <= 0x1f || code === 0x7f;
-    const isAllowedWhitespace = code === 0x09 || code === 0x0a || code === 0x0d;
-
-    if (!isControlChar || isAllowedWhitespace) {
-      output += input[index];
-    }
-  }
-
-  return output;
-}
-
-/**
- * Sanitize cell values before CSV/XLSX export.
- * - Strips non-printable control characters (except tab/newline/carriage return)
- * - Prevents formula injection when files are opened in spreadsheet tools
- * - Caps content length to Excel's per-cell limit
- */
-export function sanitizeTabularCell(value: unknown): TabularCell {
-  if (value === null || value === undefined) {
-    return '';
-  }
-
-  if (typeof value === 'number' || typeof value === 'boolean') {
-    return value;
-  }
-
-  let normalized = stripUnsafeControlChars(String(value));
-
-  if (normalized.length > MAX_SPREADSHEET_CELL_LENGTH) {
-    normalized = normalized.slice(0, MAX_SPREADSHEET_CELL_LENGTH);
-  }
-
-  if (DANGEROUS_FORMULA_PREFIX_PATTERN.test(normalized)) {
-    return `'${normalized}`;
-  }
-
-  return normalized;
-}
-
-export function sanitizeTabularMatrix(
-  rows: Array<Array<string | number | boolean | null | undefined>>
-): TabularCell[][] {
-  return rows.map((row) => row.map((cell) => sanitizeTabularCell(cell)));
-}
-
-/**
- * Generate metadata rows for tabular format
- */
-export function generateMetadataRows(exportData: CaseExportData): TabularCell[][] {
-  return sanitizeTabularMatrix([
-    ['Case Export Report'],
-    [''],
-    ['Case Number', exportData.metadata.caseNumber],
-    ['Case Created Date', exportData.metadata.caseCreatedDate],
-    ['Export Date', exportData.metadata.exportDate],
-    ['Exported By (Email)', exportData.metadata.exportedBy || 'N/A'],
-    ['Exported By (UID)', exportData.metadata.exportedByUid || 'N/A'],
-    ['Exported By (Name)', exportData.metadata.exportedByName || 'N/A'],
-    ['Exported By (Company)', exportData.metadata.exportedByCompany || 'N/A'],
-    ['Exported By (Badge/ID)', exportData.metadata.exportedByBadgeId || 'N/A'],
-    ['Striae Export Schema Version', exportData.metadata.striaeExportSchemaVersion],
-    ['Total Files', exportData.metadata.totalFiles.toString()],
-    [''],
-    ['Summary'],
-    ['Files with Annotations', (exportData.summary?.filesWithAnnotations || 0).toString()],
-    ['Files without Annotations', (exportData.summary?.filesWithoutAnnotations || 0).toString()],
-    ['Total Box Annotations', (exportData.summary?.totalBoxAnnotations || 0).toString()],
-    ['Files with Confirmations', (exportData.summary?.filesWithConfirmations || 0).toString()],
-    ['Files with Confirmations Requested', (exportData.summary?.filesWithConfirmationsRequested || 0).toString()],
-    ['Last Modified', exportData.summary?.lastModified || 'N/A'],
-    ['Earliest Annotation Date', exportData.summary?.earliestAnnotationDate || 'N/A'],
-    ['Latest Annotation Date', exportData.summary?.latestAnnotationDate || 'N/A'],
-    [''],
-    ['File Details']
-  ]);
-}
-
-/**
- * Process file data for tabular format (CSV/Excel)
- */
-export function processFileDataForTabular(fileEntry: CaseExportData['files'][0]): TabularCell[][] {
-  // Full file data for the first row (excluding Additional Notes and Last Updated)
-  const fullFileData = [
-    fileEntry.fileData.id,
-    fileEntry.fileData.originalFilename,
-    fileEntry.fileData.uploadedAt,
-    fileEntry.hasAnnotations ? 'Yes' : 'No',
-    fileEntry.annotations?.leftCase || '',
-    fileEntry.annotations?.rightCase || '',
-    fileEntry.annotations?.leftItem || '',
-    fileEntry.annotations?.rightItem || '',
-    fileEntry.annotations?.caseFontColor || '',
-    fileEntry.annotations?.classType || '',
-    fileEntry.annotations?.customClass || '',
-    fileEntry.annotations?.classNote || '',
-    fileEntry.annotations?.indexType || '',
-    fileEntry.annotations?.indexNumber || '',
-    fileEntry.annotations?.indexColor || '',
-    fileEntry.annotations?.supportLevel || '',
-    fileEntry.annotations?.hasSubclass ? 'Yes' : 'No',
-    fileEntry.annotations?.includeConfirmation ? 'Yes' : 'No',
-    fileEntry.annotations?.confirmationData ? 'Confirmed' : (fileEntry.annotations?.includeConfirmation ? 'Requested' : 'Not Requested'),
-    fileEntry.annotations?.confirmationData?.fullName || '',
-    fileEntry.annotations?.confirmationData?.badgeId || '',
-    fileEntry.annotations?.confirmationData?.confirmedByEmail || '',
-    fileEntry.annotations?.confirmationData?.confirmedByCompany || '',
-    fileEntry.annotations?.confirmationData?.confirmationId || '',
-    fileEntry.annotations?.confirmationData?.timestamp || '',
-    fileEntry.annotations?.confirmationData?.confirmedAt || '',
-    (fileEntry.annotations?.boxAnnotations?.length || 0).toString()
-  ];
-
-  // Additional Notes and Last Updated (at the end)
-  const additionalFileData = [
-    fileEntry.annotations?.additionalNotes || '',
-    fileEntry.annotations?.updatedAt || ''
-  ];
-
-  // Calculate array sizes programmatically from CSV_HEADERS
-  const fileDataColumnCount = fullFileData.length; // Dynamic count based on actual data
-  const additionalDataColumnCount = additionalFileData.length; // Dynamic count based on actual data
-
-  // Empty row template for subsequent box annotations (file info columns empty)
-  const emptyFileData = Array(fileDataColumnCount).fill('');
-  const emptyAdditionalData = Array(additionalDataColumnCount).fill('');
-
-  const rows: Array<Array<string | number | boolean | null | undefined>> = [];
-
-  // If there are box annotations, create a row for each one
-  if (fileEntry.annotations?.boxAnnotations && fileEntry.annotations.boxAnnotations.length > 0) {
-    fileEntry.annotations.boxAnnotations.forEach((box, index) => {
-      const rowData = index === 0 ? fullFileData : emptyFileData;
-      const additionalData = index === 0 ? additionalFileData : emptyAdditionalData;
-      
-      rows.push([
-        ...rowData,
-        box.id,
-        box.x.toString(),
-        box.y.toString(),
-        box.width.toString(),
-        box.height.toString(),
-        box.color || '',
-        box.label || '',
-        box.timestamp || '',
-        ...additionalData
-      ]);
-    });
-  } else {
-    // If no box annotations, still include one row with empty box data
-    rows.push([
-      ...fullFileData,
-      '', // Box ID
-      '', // Box X
-      '', // Box Y
-      '', // Box Width
-      '', // Box Height
-      '', // Box Color
-      '', // Box Label
-      '', // Box Timestamp
-      ...additionalFileData
-    ]);
-  }
-
-  return sanitizeTabularMatrix(rows);
-}
-
-/**
- * Generate CSV content from export data
- */
-export async function generateCSVContent(exportData: CaseExportData, protectForensicData: boolean = true): Promise<string> {
-  // Case metadata section
-  const metadataRows = generateMetadataRows(exportData);
-
-  // File data rows
-  const fileRows: TabularCell[][] = [];
-  exportData.files.forEach(fileEntry => {
-    const processedRows = processFileDataForTabular(fileEntry);
-    fileRows.push(...processedRows);
-  });
-
-  // Combine data rows for hash calculation (excluding header comments)
-  const dataRows: TabularCell[][] = [
-    ...metadataRows,
-    ...sanitizeTabularMatrix([CSV_HEADERS]),
-    ...fileRows
-  ];
-
-  const csvDataContent = dataRows.map(row => 
-    row.map(field => `"${String(field).replace(/"/g, '""')}"`).join(',')
-  ).join('\n');
-  
-  // Calculate hash for integrity verification
-  const hash = await calculateSHA256Secure(csvDataContent);
-  
-  // Create final CSV with hash header
-  const csvWithHash = [
-    `# Striae Case Export - Generated: ${new Date().toISOString()}`,
-    `# Case: ${exportData.metadata.caseNumber}`,
-    `# Total Files: ${exportData.metadata.totalFiles}`,
-    `# SHA-256 Hash: ${hash.toUpperCase()}`,
-    '# Verification: Recalculate SHA-256 of data rows only (excluding these comment lines)',
-    '',
-    csvDataContent
-  ].join('\n');
-
-  // Add forensic protection warning if enabled
-  return protectForensicData ? addForensicDataWarning(csvWithHash, 'csv') : csvWithHash;
-}

package/app/components/sidebar/case-export/case-export.module.css

@@ -1,418 +0,0 @@
-.overlay {
-  position: fixed;
-  inset: 0;
-  background-color: color-mix(in lab, var(--background) 50%, transparent);
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  z-index: var(--zIndex5);
-  cursor: default;
-  transition: background-color var(--durationM) var(--bezierFastoutSlowin);
-}
-
-.modal {
-  position: relative;
-  background: var(--backgroundLight);
-  border-radius: var(--spaceXS);
-  width: 90%;
-  max-width: 480px;
-  max-height: 90vh;
-  display: flex;
-  flex-direction: column;
-  overflow: hidden;
-  box-shadow: 0 var(--spaceXS) var(--spaceL)
-    color-mix(in lab, var(--black) 10%, transparent);
-  cursor: default;
-  transition: background-color var(--durationM) var(--bezierFastoutSlowin);
-}
-
-.header {
-  display: flex;
-  font-size: var(--fontSizeBodyL);
-  justify-content: space-between;
-  align-items: center;
-  padding: var(--spaceL);
-  border-bottom: 1px solid color-mix(in lab, var(--text) 10%, transparent);
-  color: var(--textTitle);
-}
-
-.title {
-  margin: 0;
-  font-size: var(--fontSizeBodyL);
-  font-weight: 600;
-  color: var(--textTitle);
-}
-
-.closeButton {
-  background: none;
-  border: none;
-  font-size: var(--fontSizeH5);
-  cursor: pointer;
-  padding: var(--spaceS);
-  color: var(--textLight);
-  transition: color var(--durationS) var(--bezierFastoutSlowin);
-}
-
-.closeButton:hover {
-  color: var(--text);
-}
-
-.content {
-  padding: var(--spaceL);
-  flex: 1 1 auto;
-  min-height: 0;
-  overflow-y: auto;
-  overflow-x: hidden;
-}
-
-.formatSelector {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: var(--spaceM);
-  background: var(--backgroundLight);
-  border-radius: var(--spaceXS);
-  border: 1px solid color-mix(in lab, var(--text) 10%, transparent);
-  margin-top: var(--spaceM);
-}
-
-.formatLabel {
-  font-size: var(--fontSizeBodyS);
-  font-weight: var(--fontWeightMedium);
-  color: var(--textTitle);
-  margin: 0;
-}
-
-.formatToggle {
-  display: flex;
-  background: color-mix(in lab, var(--primary) 10%, transparent);
-  border: 1px solid color-mix(in lab, var(--primary) 20%, transparent);
-  border-radius: var(--spaceXS);
-  overflow: hidden;
-  box-shadow: 0 1px 3px color-mix(in lab, var(--primary) 15%, transparent);
-}
-
-.formatOption {
-  background: transparent;
-  border: none;
-  padding: var(--spaceS) var(--spaceM);
-  font-size: var(--fontSizeBodyS);
-  font-weight: var(--fontWeightMedium);
-  color: var(--primary);
-  cursor: pointer;
-  transition: all var(--durationS) var(--bezierFastoutSlowin);
-  position: relative;
-  min-width: 60px;
-}
-
-.formatOption:hover:not(:disabled) {
-  background: color-mix(in lab, var(--primary) 15%, transparent);
-  color: var(--primary);
-}
-
-.formatOption:disabled {
-  opacity: 0.5;
-  cursor: not-allowed;
-}
-
-.formatOptionActive {
-  background: var(--primary) !important;
-  color: white !important;
-  box-shadow: 0 1px 3px color-mix(in lab, var(--primary) 30%, transparent);
-}
-
-.formatOptionActive:hover:not(:disabled) {
-  background: color-mix(in lab, var(--primary) 85%, var(--black)) !important;
-}
-
-.imageOption {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: var(--spaceM);
-  background: var(--backgroundLight);
-  border-radius: var(--spaceXS);
-  border: 1px solid color-mix(in lab, var(--text) 10%, transparent);
-  margin-top: var(--spaceM);
-}
-
-.checkboxLabel {
-  display: flex;
-  align-items: center;
-  gap: var(--spaceS);
-  cursor: pointer;
-  user-select: none;
-}
-
-.checkbox {
-  appearance: none;
-  width: 18px;
-  height: 18px;
-  border: 2px solid color-mix(in lab, var(--primary) 40%, transparent);
-  border-radius: 4px;
-  background: transparent;
-  cursor: pointer;
-  transition: all var(--durationS) var(--bezierFastoutSlowin);
-  position: relative;
-  flex-shrink: 0;
-}
-
-.checkbox:checked {
-  background: var(--primary);
-  border-color: var(--primary);
-}
-
-.checkbox:checked::after {
-  content: "";
-  position: absolute;
-  left: 3px;
-  top: 0px;
-  width: 6px;
-  height: 10px;
-  border: solid white;
-  border-width: 0 2px 2px 0;
-  transform: rotate(45deg);
-}
-
-.checkbox:hover:not(:disabled) {
-  border-color: var(--primary);
-  box-shadow: 0 0 0 2px color-mix(in lab, var(--primary) 20%, transparent);
-}
-
-.checkbox:disabled {
-  opacity: 0.5;
-  cursor: not-allowed;
-}
-
-.imageOption:has(.checkbox:disabled) {
-  opacity: 0.6;
-}
-
-.imageOption:has(.checkbox:disabled) .checkboxLabel {
-  cursor: not-allowed;
-}
-
-.checkboxText {
-  font-size: var(--fontSizeBodyS);
-  font-weight: var(--fontWeightMedium);
-  color: var(--textTitle);
-  margin: 0;
-}
-
-.checkboxTooltip {
-  display: block;
-  font-size: var(--fontSizeBodyXS);
-  color: var(--textBody);
-  margin: 0;
-  opacity: 0.8;
-}
-
-.fieldGroup {
-  display: flex;
-  flex-direction: column;
-  gap: var(--spaceM);
-}
-
-.inputGroup {
-  display: flex;
-  gap: var(--spaceM);
-  align-items: center;
-}
-
-.input {
-  flex: 1;
-  padding: var(--spaceM);
-  border: 1px solid color-mix(in lab, var(--text) 10%, transparent);
-  border-radius: var(--spaceXS);
-  font-size: var(--fontSizeBodyS);
-  background: var(--backgroundLight);
-  color: var(--textBody);
-  transition: all var(--durationS) var(--bezierFastoutSlowin);
-}
-
-.input:focus {
-  outline: none;
-  border-color: color-mix(in lab, var(--text) 30%, transparent);
-  box-shadow: 0 0 0 2px color-mix(in lab, var(--text) 10%, transparent);
-}
-
-.input:disabled {
-  background: color-mix(in lab, var(--background) 95%, transparent);
-  color: var(--textLight);
-  cursor: not-allowed;
-}
-
-.exportButton {
-  background: var(--success);
-  color: white;
-  border: none;
-  border-radius: var(--spaceXS);
-  padding: var(--spaceM) var(--spaceL);
-  font-size: var(--fontSizeBodyS);
-  font-weight: var(--fontWeightMedium);
-  cursor: pointer;
-  transition: all var(--durationS) var(--bezierFastoutSlowin);
-  white-space: nowrap;
-  min-width: 140px;
-  box-shadow: 0 1px 3px color-mix(in lab, var(--success) 30%, transparent);
-}
-
-.exportButton:hover:not(:disabled) {
-  background: color-mix(in lab, var(--success) 85%, var(--black));
-  box-shadow: 0 2px 6px color-mix(in lab, var(--success) 40%, transparent);
-}
-
-.exportButton:disabled {
-  background: color-mix(in lab, var(--background) 95%, transparent);
-  color: var(--textLight);
-  cursor: not-allowed;
-  box-shadow: none;
-}
-
-.confirmationExportButton {
-  background: var(--accent);
-  color: white;
-  border: none;
-  border-radius: var(--spaceXS);
-  padding: var(--spaceM) var(--spaceL);
-  font-size: var(--fontSizeBodyS);
-  font-weight: var(--fontWeightMedium);
-  cursor: pointer;
-  transition: all var(--durationS) var(--bezierFastoutSlowin);
-  white-space: nowrap;
-  min-width: 140px;
-  box-shadow: 0 1px 3px color-mix(in lab, var(--accent) 30%, transparent);
-}
-
-.confirmationExportButton:hover:not(:disabled) {
-  background: color-mix(in lab, var(--accent) 85%, var(--black));
-  box-shadow: 0 2px 6px color-mix(in lab, var(--accent) 40%, transparent);
-}
-
-.confirmationExportButton:disabled {
-  background: color-mix(in lab, var(--background) 95%, transparent);
-  color: var(--textLight);
-  cursor: not-allowed;
-  box-shadow: none;
-}
-
-.publicKeySection {
-  margin-top: var(--spaceS);
-}
-
-.publicKeyButton {
-  width: 100%;
-  background: transparent;
-  color: var(--primary);
-  border: 1px solid color-mix(in lab, var(--primary) 35%, transparent);
-  border-radius: var(--spaceXS);
-  padding: var(--spaceS) var(--spaceM);
-  font-size: var(--fontSizeBodyS);
-  font-weight: var(--fontWeightMedium);
-  cursor: pointer;
-  transition: all var(--durationS) var(--bezierFastoutSlowin);
-}
-
-.publicKeyButton:hover {
-  background: color-mix(in lab, var(--primary) 10%, transparent);
-  border-color: color-mix(in lab, var(--primary) 55%, transparent);
-}
-
-.divider {
-  margin: var(--spaceL) 0;
-  text-align: center;
-  position: relative;
-  color: var(--textLight);
-  font-size: var(--fontSizeBodyS);
-  font-weight: var(--fontWeightMedium);
-}
-
-.divider::before {
-  content: "";
-  position: absolute;
-  top: 50%;
-  left: 0;
-  right: 0;
-  height: 1px;
-  background: color-mix(in lab, var(--text) 10%, transparent);
-  z-index: 1;
-}
-
-.divider span {
-  background: var(--backgroundLight);
-  padding: 0 var(--spaceM);
-  position: relative;
-  z-index: 2;
-}
-
-.exportAllSection {
-  text-align: center;
-  margin-bottom: var(--spaceM);
-}
-
-.exportAllButton {
-  background: var(--primary);
-  color: white;
-  border: none;
-  border-radius: var(--spaceXS);
-  padding: var(--spaceM) var(--spaceL);
-  font-size: var(--fontSizeBodyS);
-  font-weight: var(--fontWeightMedium);
-  cursor: pointer;
-  transition: all var(--durationS) var(--bezierFastoutSlowin);
-  width: 100%;
-  box-shadow: 0 1px 3px color-mix(in lab, var(--primary) 30%, transparent);
-}
-
-.exportAllButton:hover:not(:disabled) {
-  background: color-mix(in lab, var(--primary) 85%, var(--black));
-  box-shadow: 0 2px 6px color-mix(in lab, var(--primary) 40%, transparent);
-}
-
-.exportAllButton:disabled {
-  background: color-mix(in lab, var(--background) 95%, transparent);
-  color: var(--textLight);
-  cursor: not-allowed;
-  box-shadow: none;
-}
-
-.progressSection {
-  margin: var(--spaceM) 0;
-  padding: var(--spaceM);
-  background: var(--backgroundLight);
-  border-radius: var(--spaceXS);
-  border: 1px solid color-mix(in lab, var(--text) 10%, transparent);
-}
-
-.progressText {
-  font-size: var(--fontSizeBodyS);
-  color: var(--textBody);
-  margin-bottom: var(--spaceS);
-  font-weight: var(--fontWeightMedium);
-}
-
-.progressBar {
-  width: 100%;
-  height: 8px;
-  background: color-mix(in lab, var(--text) 10%, transparent);
-  border-radius: var(--spaceXS);
-  overflow: hidden;
-}
-
-.progressFill {
-  height: 100%;
-  background: color-mix(in lab, var(--text) 60%, transparent);
-  border-radius: var(--spaceXS);
-  transition: width var(--durationS) var(--bezierFastoutSlowin);
-}
-
-.error {
-  margin-top: var(--spaceM);
-  padding: var(--spaceM);
-  background: color-mix(in lab, var(--error) 10%, transparent);
-  border: 1px solid color-mix(in lab, var(--error) 20%, transparent);
-  border-radius: var(--spaceXS);
-  color: var(--error);
-  font-size: var(--fontSizeBodyS);
-  font-weight: var(--fontWeightMedium);
-}