Grammarly Internal Tool Form

Preview

Overview

The Grammarly Internal Tool Form provides a faithful implementation of Grammarly's internal engineering and experiment orchestration console. It allows developers, QA engineers, and product specialists to override client session metadata, configure push vs. pull feature pipelines, and dynamically route client writing assistance features to specific Large Language Model (LLM) backend providers.

Key UI Features

1. Pixel-Perfect Segmented Controls:

   • Distinctive Grammarly Teal (#00875a) for active positive states and Slate Gray (#424a53) for inactive or disabled overrides.
   • Clean segmented pill groups for User Type (No Override (Default) | Free | Premium), Touch Typist (Grimoire | Progressive | Off), and Writing Expert (Version 1 | Version 2 | Off).

2. Session Metadata Overrides:

   • Dual-environment Replace Session Metadata binary switches (On | Off).
   • Client Type selector covering Chrome Extension, macOS Desktop, Windows Desktop, Web Editor, and Office Add-in.
   • Client Sub Type selector for host surface targets (Google Docs, Gmail, Notion, Slack, Word Online).
   • Application ID text input with custom package ID binding.
   • Show All Metadata Options expandable drawer for user UUID, enterprise org ID, experiment bucket hashes (0-99), and geo-region overrides.

3. Push vs. Pull Feature Flag Matrix:

   • Environment mode switch with operational guidance: "For each environment, you can include either push or pull features, not both."
   • Side-by-side feature columns for side-by-side canary / staging comparison:
     • ✏️ Inline Suggestions: Binary toggle (On | Off).
     • ✏️ Vbars: Flag toggle with conditional ↳ Vbars LLM selector dropdown (GPT-4o, Claude 3.5 Sonnet, Grammarly-Mistral-7B).
     • ⌨️ Touch Typist: Multi-tier engine selector (Grimoire | Progressive | Off).
     • 🖋️ Writing Expert: Versioned pipeline selector (Version 1 | Version 2 | Off) with conditional ↳ Writing Expert LLM selector dropdown.

4. Developer Tools & Live JSON Inspector:

   • Real-time collapsible configuration inspector displaying formatted JSON payload.
   • One-click copy for cURL headers and test harness automation.
   • Simulated session injection feedback toast with simulated latency.