Document Review Widget
Show an uploaded document beside the data Sea extracted from it, with every value linked back to its place in the source, and let a reviewer correct values or leave feedback. It is a set of framework-agnostic Web Components loaded from our CDN with a single script tag: no npm package to install and no framework wrapper.
Key Features
Drop-in Web Components
Load one script from our CDN and use the custom elements directly in your HTML. They are plain HTML, so they work inside React, Angular, or any other framework.
Document Review, Built In
The PDF viewer, the extracted-data panel, citation highlighting, and inline corrections all ship in the bundle. A reviewer checks each value against its source and corrects it in place.
Runs In Your App
The widget talks straight from the browser to the Sea API with your key. Point it at a submission and it renders real data, sitting inside your own product.
Add It To Your Page
Get an API key from Settings → API Keys in the Sea app, load the bundle from our CDN, then drop the composition into your page and point it at a submission.
<script type="module" src="https://cdn.sea.dev/widget-lit/latest/index.js"></script>
<div style="position: relative; height: 800px;">
<sea-context
api-key="sk-sea-YOUR-KEY"
base-url="https://api.sea.dev"
deal-id="YOUR_DEAL_ID"
submission-id="YOUR_SUBMISSION_ID"
>
<div style="position: absolute; inset: 0; display: flex; gap: 4px;">
<sea-deal-nav style="flex: 0 1 18rem;"></sea-deal-nav>
<sea-pdf-viewer style="flex: 1;"></sea-pdf-viewer>
<sea-data-viewer style="flex: 1;"></sea-data-viewer>
</div>
</sea-context>
</div>Want a look before wiring up data? Set base-url="demo" and submission-id="sub-1", drop the api-key, and the widget renders a sample from a dataset baked into the bundle, with no key and no network calls.
The Composition
Four custom elements make up the reviewer. Nest them inside one provider and they share a single API key and the active submission.
<sea-context>The provider. Holds your key and the active submission, fetches it once, and shares it with the panes inside. Renders no box of its own.
<sea-deal-nav>The left rail. Lists the deal's documents; click one to switch the other panes. Optional if your app already has a document picker.
<sea-pdf-viewer>The source document, with the region behind the selected value highlighted.
<sea-data-viewer>The extracted fields, where a reviewer edits a value, leaves feedback, and sees correction history.
Ready to embed document review?
Get an API key, drop in the snippet, and point it at a submission. When you are ready for production, we set you up with an enterprise account and use-case-scoped API keys.