fix(ocr): clear document placeholder after load

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fieldlens/print",
-  "version": "0.1.24",
+  "version": "0.1.25",
   "private": true,
   "type": "module",
   "scripts": {

src-tauri/Cargo.toml

@@ -1,6 +1,6 @@
 [package]
 name = "fieldlens-print"
-version = "0.1.24"
+version = "0.1.25"
 description = "FieldLens print-stream barcode capture companion"
 authors = ["Arrowstack"]
 edition = "2021"

src-tauri/tauri.conf.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://schema.tauri.app/config/2",
   "productName": "FieldLens Print",
-  "version": "0.1.24",
+  "version": "0.1.25",
   "identifier": "dev.arrowstack.fieldlens.print",
   "build": {
     "beforeDevCommand": "npm run dev",

src/main.ts

@@ -142,7 +142,7 @@ let config: AppConfig
 let jobs: Job[] = []
 let status: Status = { running: false, mode: 'raw-proxy', pending: 0, jobs: 0 }
 let loginTimer: number | undefined
-let currentVersion = '0.1.24'
+let currentVersion = '0.1.25'
 let bundleType: BundleType | null = null
 let availableUpdate: Update | null = null
 let availableManualUpdate: ManualUpdate | null = null

src/ocrRefinement.ts

@@ -392,8 +392,15 @@ export function initOcrRefinement(root: HTMLElement) {
     }
 
     byId('ocr-document-name').textContent = name
-    setStatus('Document loaded. Draw or adjust target regions.')
+    // Hide the empty-state as soon as a valid document has been accepted.
+    // Windows WebView can otherwise leave the placeholder visible while the
+    // PDF/image render completes.
+    previewEmpty.hidden = true
+    previewEmpty.setAttribute('aria-hidden', 'true')
+    pageFrame.hidden = true
+    setStatus('Rendering ' + name + '…')
     await renderDocument()
+    setStatus('Document loaded. Draw or adjust target regions.')
   }
 
   function overlayPoint(event: PointerEvent) {

src/styles.css

@@ -952,6 +952,11 @@ select:focus {
     #0f151d;
 }
 
+.ocr-preview-empty[hidden],
+.ocr-page-frame[hidden] {
+  display: none !important;
+}
+
 .ocr-preview-empty {
   min-height: 480px;
   display: grid;