Add Exhale Note preview and modal to Verify page

[kojibai]

Motivation

• Surface an Exhale Note entry point on the Verify page so users can open the note modal for a verified sigil directly from the Proof area.
• Render a small SVG preview of the banknote based on the verified sigil (sigil + valuation) to make the Exhale Note discoverable and clickable.

Description

• Added imports and wiring to build and render the note payload using buildNotePayload, buildBanknoteSVG, and the NotePrinter component, and introduced types from exhale-note and verifier utilities.
• Added local state and helpers (noteDlgRef, noteOpen, noteInitial, notePreviewSvg, openNote, closeNote) that compute the note payload from the verified sigil and open a <dialog> modal with the NotePrinter.
• Inserted a compact preview card button under the Proof actions (markup class vnote-card) that shows the generated banknote SVG and opens the Exhale Note modal when clicked.
• Added CSS rules in src/pages/VerifyPage.css to style the preview card and SVG snapshot.
• Files changed: src/pages/VerifyPage.tsx and src/pages/VerifyPage.css.

Testing

• Launched the dev server with npm run dev and exercised the UI via an automated Playwright script that navigated to /verify, uploaded tests/fixtures/sigils/golden-root.svg, and captured a screenshot (artifacts/verify-note-preview.png). The Playwright scenario completed successfully and produced the screenshot.
• No unit tests were added or run for this change.

---

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 5:38pm

[chatgpt-codex-connector]

💡 Codex Review

Here are some automated review suggestions for this pull request.

Reviewed commit: 55eef562a4

ℹ️ About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you

• Open a pull request for review
• Mark a draft as ready
• Comment "@codex review".

If Codex has suggestions, it will comment; otherwise it will react with 👍.

Codex can also answer questions or update the PR. Try commenting "@codex address that feedback".