improvement(ui): share field mode toggles

[BillLeoutsakosvl346]

Summary

• Share four editor field-mode buttons through one controlled product component. Preserve labels, state updates, read-only guards, tooltips and the existing 12px appearance.
• Add the existing keyboard-only focus treatment and the standard icon colour transition to the shared control.

Type of Change

• Improvement

Testing

• All workspace type checks, lint, import/API validation and required repository audits pass.
• 89 existing consumer tests pass. Source comparison confirms all four callers preserve labels, mode conditions, disabled guards and callbacks.
• Reviewed a local before/after browser fixture. Committed design check completed with zero findings; dynamic inputs retain the checker's documented limitations.

Checklist

• Code follows project style guidelines
• Self-reviewed my changes
• Tests added/updated and passing
• No new warnings introduced
• I confirm that I have read and agree to the terms outlined in the Contributor License Agreement (CLA)

[vercel]

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

1 Skipped Deployment

Project	Deployment	Actions	Updated
docs	Skipped		Sep 20, 2026 12:38am UTC

[BillLeoutsakosvl346]

@greptile

[BillLeoutsakosvl346]

@cubic-dev-ai review this PR

[cubic-dev-ai]

@cubic-dev-ai review this PR

@BillLeoutsakosvl346 I have started the AI code review. It will take a few minutes to complete.

[cubic-dev-ai]

All reported issues were addressed across 5 files

<sub>Reply with feedback, questions, or to request a fix.

Fix all with cubic | Re-trigger cubic</sub>

[greptile-apps]

Confidence Score: 5/5

The PR appears safe to merge; the shared component preserves the existing caller contracts and the previous transition requirement is now satisfied.

Summary

This PR consolidates four workflow-editor field-mode buttons into a controlled FieldModeToggle component while preserving labels, callbacks, active states, disabled/read-only guards, tooltips, and the existing 12px appearance. The follow-up adds the required color transition to the icon that owns the changing foreground color.

• Reuses one accessible toggle implementation across canonical fields, tool permission mode, input-format mode, and manual boolean mode.
• Adds keyboard-only focus styling to the shared control.
• Preserves caller-owned state and mutation behavior.
• Satisfies the previously reported interactive color-transition requirement.

_{Reviews (3) · Last reviewed commit: "fix(ui): transition field mode icon colo..."}

[BillLeoutsakosvl346]

@greptile

[BillLeoutsakosvl346]

@cubic-dev-ai review this PR

[cubic-dev-ai]

@cubic-dev-ai review this PR

@BillLeoutsakosvl346 I have started the AI code review. It will take a few minutes to complete.

[cubic-dev-ai]

No issues found across 5 files

Confidence score: 5/5

• Automated review surfaced no issues in the provided summaries.
• No files require special attention.

_{Re-trigger cubic}

[BillLeoutsakosvl346]

@greptile

[BillLeoutsakosvl346]

@cubic-dev-ai review this PR

[cubic-dev-ai]

@cubic-dev-ai review this PR

@BillLeoutsakosvl346 I have started the AI code review. It will take a few minutes to complete.

[cubic-dev-ai]

No issues found across 5 files

Confidence score: 5/5

• Automated review surfaced no issues in the provided summaries.
• No files require special attention.

_{Re-trigger cubic}