FE-850: use ds form field in petrinaut

[alex-e-leon]

🌟 What is the purpose of this PR?

• Switch Petrinaut to use Form.Field, Form.Row and Form.Section components
• Adds inline layout to Form.Field
• Adds align prop to HelpTooltip

Pre-Merge Checklist 🚀

🚢 Has this modified a publishable library?

This PR:

• does not modify any publishable blocks or libraries, or modifications do not need publishing

📜 Does this require a change to the docs?

The changes in this PR:

• are internal and do not require a docs change

[vercel]

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

Project	Deployment	Actions	Updated (UTC)
hash	Ready	Preview	Aug 18, 2026 7:03pm
petrinaut	Ready	Preview	Aug 18, 2026 7:03pm
petrinaut-docs	Ready	Preview	Aug 18, 2026 7:03pm

1 Skipped Deployment

Project	Deployment	Actions	Updated (UTC)
hashdotdesign-tokens	Ignored	Preview	Aug 18, 2026 7:03pm

[cursor]

PR Summary

Medium Risk
Large UI refactor across many Petrinaut panels and publishable ds-components API changes (inline layout, labelActions type); behavior/regression risk is mostly visual and form accessibility rather than backend logic.

Overview
Extends the design-system Form primitives so Petrinaut can use shared labels, errors, and aligned property panels instead of ad hoc Section + manual labels.

Form.Field gains layout="inline" with optional inputAlign (start/end), subgrid-friendly styling when nested in Form.Section, and labelActions as a single node (inline actions sit beside the control). Inline as="legend" fields get aria-labelledby handling so tooltips/actions stay out of the accessible name. Form.Section is new—a three-column grid so adjacent inline fields share label/input tracks.

Smaller DS tweaks: Button.testId, HelpTooltip.align, tooltip open/close animations, and expanded Form Ladle stories (inline, section, TanStack checkbox/radio fields).

Petrinaut replaces custom field chrome across properties panels, DraftFieldInput, and simulate drawers (scenarios, metrics, experiments, optimizations) with Form.Field / Form.Row / Form.Section, routing validation and footer errors through Form.Field.Errors where applicable.

^{Reviewed by Cursor Bugbot for commit e2c0d23. Bugbot is set up for automated code reviews on this repo. Configure here.}

[kube]

Just a change request on the indentation of Form.Section component.

I'm also not sure about naming everything Form.Section, where sometimes it's not actually not a Form. But we can come back to that later.

[cursor]

Cursor Bugbot has reviewed your changes and found 1 potential issue.

^{❌ Bugbot Autofix is OFF. To automatically fix reported issues with cloud agents, enable autofix in the Cursor dashboard.}

^{Reviewed by Cursor Bugbot for commit cc8f9b1. Configure here.}