feat(website): replace plain textarea in VariantEditor with validated AdvancedQueryFilter

[fhennig]

depends on #1195

Summary

• Replaces the plain <textarea> in the collection variant editor's advanced query mode with the validated AdvancedQueryFilter component
• Restricts users to lineage fields only (using the existing lineageFields config, already passed to VariantEditor)
• No config changes needed — lineageFields doubles as the allowed fields list; when empty, no restriction is applied

Test plan

• Manually test: open the collection edit UI, enable "Use advanced query instead", type a lineage query (e.g. BA.1*) — should show checkmark
• Type a query referencing a disallowed field (e.g. host:Human) — should show error with field name and allowed list
• Type a mutation query (e.g. A123T) — should pass (no metadata columns referenced)
• Existing VariantEditor browser spec tests pass

🤖 Generated with Claude Code

[vercel]

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

Project	Deployment	Actions	Updated (UTC)
dashboards	Ready	Preview, Comment	May 5, 2026 9:17am

[Copilot]

Pull request overview

This PR updates the collection variant editor’s “advanced query” mode to use the existing validated AdvancedQueryFilter UI instead of a plain <textarea>, and wires it to restrict referenced metadata fields to the configured lineageFields.

Changes:

• Replaced the query variant <textarea> with AdvancedQueryFilter (validated, with field allowlisting).
• Plumbed lapisUrl into VariantEditor so AdvancedQueryFilter can validate against LAPIS.
• Updated VariantEditor browser specs to wrap with a React Query provider and pass lapisUrl.

Reviewed changes

Copilot reviewed 3 out of 3 changed files in this pull request and generated 1 comment.

File	Description
website/src/components/collections/form/VariantEditor.tsx	Replaces query textarea with AdvancedQueryFilter, adds lapisUrl prop, and maps lineageFields → allowedFields.
website/src/components/collections/form/VariantEditor.browser.spec.tsx	Wraps VariantEditor with a QueryClientProvider for tests and provides a dummy LAPIS URL.
website/src/components/collections/form/CollectionForm.tsx	Passes lapisUrl down into VariantEditor.

Comments suppressed due to low confidence (1)

website/src/components/collections/form/VariantEditor.tsx:87

• onInput updates the parent variant using the variant value from the render closure. Since AdvancedQueryFilter invokes onInput asynchronously (debounced + network validation), this can overwrite newer edits to other fields (e.g., name/description) made before validation completes. Use variantRef.current (or another up-to-date source) when constructing the next variant object to avoid clobbering concurrent changes.

                        lapisUrl={lapisUrl}
                        value={variant.countQuery}
                        allowedFields={lineageFields.length > 0 ? lineageFields : undefined}
                        onInput={(newValue) => onChange(index, { ...variant, countQuery: newValue ?? '' })}
                    />

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.