Components
Every widget lives inside Sea context. It owns the API connection, shared metadata, citation handling and interaction tracking. A process selects an existing run and loads its steps and output submissions.
Context and groups
| Component | Element / React | Purpose |
|---|---|---|
| Sea context | sea-context / SeaContextProvider | Required connection and shared widget context |
| Process | sea-process / SeaProcess | One existing run, its progress, steps and outputs |
| Step group | sea-step / SeaStep | Optional inherited step selectors |
These elements leave placement to host HTML and CSS. Host elements can sit between groups and their children.
Widgets
| Component | Element / React | Purpose |
|---|---|---|
| Form | sea-form / SeaForm | Review grouped form values, corrections and citations |
| Upload | sea-upload / SeaUpload | Supply documents to an extraction step |
| Document list | sea-file-browser / SeaFileBrowser | Choose an output and its source document |
| Source | sea-source-viewer / SeaSourceViewer | Display the selected PDF, image or spreadsheet |
| Manual input | sea-manual-input / SeaManualInput | Complete a form required by a blocked step |
| Single field | sea-field / SeaField | Place one form value in host content |
Use the pipeline's unique stepLabel to identify the step and stepRole to constrain its kind. Check outputs use the same form component. Step binding covers exact output and instance selectors.
Examples
Document intake combines the widgets inside a process. Copy its host markup and adjust each panel's class, style, dimensions or grid placement.
Application integration provides runnable React and HTML mounts. Theming covers tokens and ::part() styling.