Version 1.3.15 - Enhanced PII detection and UX improvements

- Add comprehensive PII detection: DOB, MAC addresses, API keys, license plates, medical records, driver's licenses, GPS coordinates, VIN numbers, company codes
- Add Arabic name detection with 150+ common names
- Fix Mada card detection (bypass Luhn for official BIN prefixes)
- Fix Gulf IBAN detection (SA, AE, BH, KW, OM, QA)
- Add loading screen with progress bar on first launch
- Add "Back to Document" button on export success screen
- Set app name to "maskr" in Alt+Tab

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

Author: iYassr

electron/main.ts

@@ -228,6 +228,9 @@ function createWindow() {
 }
 
 app.whenReady().then(() => {
+  // Set app name for development mode (electron-builder sets it in production)
+  app.name = 'maskr'
+
   // Initialize logging
   logStartup()
 

electron/services/detector.ts

@@ -1,6 +1,6 @@
 {
   "name": "maskr",
-  "version": "1.3.14",
+  "version": "1.3.15",
   "description": "A privacy-focused desktop app for detecting and masking sensitive information in documents before sharing with AI or other parties",
   "main": "dist-electron/main.js",
   "type": "module",

package-lock.json

@@ -1,9 +1,9 @@
-import { useState, useCallback } from 'react'
+import { useState, useCallback, useEffect } from 'react'
 import { useDocumentStore } from './stores/documentStore'
 import { UploadStep } from './components/UploadStep'
 import { ReviewStep } from './components/ReviewStep'
 import { ExportStep } from './components/ExportStep'
-import { Check } from './components/ui/icons'
+import { Check, Shield } from './components/ui/icons'
 import { ThemeToggle } from './components/ui/theme-toggle'
 
 type Step = 'upload' | 'review' | 'export'
@@ -14,10 +14,87 @@ const STEPS: { id: Step; label: string; number: number }[] = [
   { id: 'export', label: 'Export', number: 3 }
 ]
 
+// Loading screen component
+function LoadingScreen({ progress }: { progress: number }) {
+  return (
+    <div className="flex flex-col items-center justify-center h-screen bg-background text-foreground">
+      <div className="text-center">
+        {/* Logo/Icon */}
+        <div className="w-20 h-20 mx-auto mb-6 rounded-2xl bg-primary/10 flex items-center justify-center">
+          <Shield className="w-10 h-10 text-primary" />
+        </div>
+
+        {/* App name */}
+        <h1 className="text-3xl font-bold text-foreground mb-2">maskr</h1>
+        <p className="text-muted-foreground mb-8">Secure Document Sanitization</p>
+
+        {/* Loading bar */}
+        <div className="w-64 h-1.5 bg-muted rounded-full overflow-hidden">
+          <div
+            className="h-full bg-primary rounded-full transition-all duration-300 ease-out"
+            style={{ width: `${progress}%` }}
+          />
+        </div>
+
+        {/* Loading text */}
+        <p className="text-sm text-muted-foreground mt-4">
+          {progress < 30 ? 'Initializing...' :
+           progress < 60 ? 'Loading detection engine...' :
+           progress < 90 ? 'Preparing workspace...' :
+           'Almost ready...'}
+        </p>
+      </div>
+    </div>
+  )
+}
+
 export default function App() {
+  const [isLoading, setIsLoading] = useState(true)
+  const [loadingProgress, setLoadingProgress] = useState(0)
   const [currentStep, setCurrentStep] = useState<Step>('upload')
   const { reset } = useDocumentStore()
 
+  // Simulate loading and preload resources
+  useEffect(() => {
+    let mounted = true
+
+    const preload = async () => {
+      // Stage 1: Initial setup
+      setLoadingProgress(10)
+      await new Promise(r => setTimeout(r, 100))
+
+      // Stage 2: Preload the NLP/detection engine by making a dummy call
+      if (mounted) setLoadingProgress(30)
+      try {
+        // This will trigger lazy loading of the compromise NLP module
+        await window.api?.extractEntities('preload warmup text')
+      } catch {
+        // Ignore errors during preload
+      }
+
+      if (mounted) setLoadingProgress(70)
+      await new Promise(r => setTimeout(r, 100))
+
+      // Stage 3: Final setup
+      if (mounted) setLoadingProgress(90)
+      await new Promise(r => setTimeout(r, 100))
+
+      if (mounted) {
+        setLoadingProgress(100)
+        // Small delay before hiding loading screen
+        setTimeout(() => {
+          if (mounted) setIsLoading(false)
+        }, 200)
+      }
+    }
+
+    preload()
+
+    return () => {
+      mounted = false
+    }
+  }, [])
+
   const handleFileUploaded = useCallback(() => {
     setCurrentStep('review')
   }, [])
@@ -42,6 +119,11 @@ export default function App() {
 
   const getCurrentStepIndex = () => STEPS.findIndex(s => s.id === currentStep)
 
+  // Show loading screen during initial load
+  if (isLoading) {
+    return <LoadingScreen progress={loadingProgress} />
+  }
+
   return (
     <div className="flex flex-col h-screen bg-background text-foreground">
       {/* Header with step indicator */}

package.json

@@ -262,6 +262,29 @@ export function ExportStep({ onBack, onReset }: ExportStepProps) {
     }
   }
 
+  const handleExportAsMarkdown = async () => {
+    setIsExporting(true)
+    setError(null)
+
+    try {
+      const baseName = file?.fileName?.replace(/\.[^/.]+$/, '') || 'document'
+      const defaultName = `${baseName}_sanitized.md`
+
+      // Export as plain text markdown
+      const contentBase64 = btoa(unescape(encodeURIComponent(maskedContent)))
+      const result = await window.api?.saveFile(contentBase64, defaultName, 'md')
+
+      if (result) {
+        setExportSuccess(true)
+      }
+    } catch (err) {
+      console.error('Export as MD error:', err)
+      setError(err instanceof Error ? err.message : 'Failed to export as Markdown')
+    } finally {
+      setIsExporting(false)
+    }
+  }
+
   if (exportSuccess) {
     return (
       <div className="flex flex-col items-center justify-center h-full">
@@ -276,9 +299,15 @@ export function ExportStep({ onBack, onReset }: ExportStepProps) {
             Your sanitized document has been saved successfully.
           </p>
 
-          <Button onClick={onReset}>
-            Sanitize Another Document
-          </Button>
+          <div className="flex items-center gap-3">
+            <Button variant="outline" onClick={() => { setExportSuccess(false); onBack(); }}>
+              <ChevronLeft className="h-4 w-4 mr-1" />
+              Back to Document
+            </Button>
+            <Button onClick={onReset}>
+              Sanitize Another Document
+            </Button>
+          </div>
         </div>
       </div>
     )
@@ -423,6 +452,10 @@ export function ExportStep({ onBack, onReset }: ExportStepProps) {
               </>
             )}
           </Button>
+          <Button variant="outline" onClick={handleExportAsMarkdown} disabled={isExporting || isGenerating}>
+            <Download className="h-4 w-4 mr-1" />
+            Export as MD
+          </Button>
           <Button
             onClick={handleExport}
             disabled={isExporting || isGenerating}