Fix verify PNG detection labels and authoritative status styling

[kojibai]

Motivation

• Clarify detection messaging so uploaded PNGs are distinguished between Kai-Notes (value notes) and Sigil-Seal proof receipts rather than always labeling them as “Kai-Note”.
• Make the inline helper (“Original minted files only”) and the detected-status banner look more authoritative and visually prominent to match the app’s official tone.

Description

• Update detection logic in src/pages/VerifyPage.tsx by introducing isNoteUpload and using it to determine detection copy, replacing the previous broad condition that caused mislabeling. (isExhaleNoteUpload is now driven from isNoteUpload).
• Adjust the Sigil-Seal copy from "Quick verify" to "Proof seal" in src/pages/VerifyPage.tsx so proof receipts are labeled correctly.
• Restyle the helper and detection badge in src/pages/VerifyPage.css by updating .vdrop-helper and .vdrop-detect to an uppercase, pill-shaped, gradiented, shadowed presentation with tighter letter-spacing and heavier weight to feel authoritative and “official”.

Testing

• Launched the dev server with npm run dev and exercised the /verify UI in a headless browser via a Playwright script that navigated to http://localhost:4173/verify and captured artifacts/verify-detect-style.png, which completed successfully.
• No unit/test-suite changes were required since this is a UI-only update; no automated unit tests were run or broken by these edits.

---

Codex Task

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
phi-network-5aii	Ready	Preview, Comment	Jan 31, 2026 9:03pm