DS extraction: recurring UI pattern (ds-fp:ff00aa745256)

[github-actions]

@claude — gate-ds-conformance detected a UI pattern duplicated across the codebase that should be extracted into a design-system primitive (CLAUDE.baseline.md §6).

Stable marker: ds-fp:ff00aa745256 (do not edit — used for idempotent de-duplication)

Where it recurs

• frontend/src/pages/Identities.tsx:181
• frontend/src/pages/Identities.tsx:185
• frontend/src/pages/Identities.tsx:190
• frontend/src/pages/Identities.tsx:194
• frontend/src/pages/Identities.tsx:199
• frontend/src/pages/Identities.tsx:203
• frontend/src/pages/Identities.tsx:208
• frontend/src/pages/Identities.tsx:212
• frontend/src/pages/Identities.tsx:231
• frontend/src/pages/Identities.tsx:235
• frontend/src/pages/Identities.tsx:240
• frontend/src/pages/Identities.tsx:244
• frontend/src/pages/Identities.tsx:250
• frontend/src/pages/Identities.tsx:254
• frontend/src/pages/Identities.tsx:276
• frontend/src/pages/Identities.tsx:280
• frontend/src/pages/Identities.tsx:285
• frontend/src/pages/Login.tsx:38

Sample

className="input-field"

Proposed component spec (refine before building)

• Name: <PascalCaseComponent> (in the repo design-system package — frontend-engineer is the sole owner of design-system/)
• Props: derive from the variation across the call sites above.
• Variants: the distinct visual variations seen at the locations.
• States: default / hover / focus / active / disabled / loading as applicable.
• Tokens: must consume DS tokens only (color/spacing/type/radius) — zero raw values.

Acceptance criteria

• Component added to the design-system package (not one-off in feature code), tokens-only.
• All listed call sites refactored to use it.
• a11y + RTL covered; unit test in the DS package.
• gate-ds-conformance stays green after refactor.

Filed automatically; owner is frontend-engineer. Extraction is design work, not done by this gate.