fix(frontend): UX copy and typography sweep across console UI (#2419)

* fix(frontend): drop "successfully" from toast/status messages

Use past-tense verb only per style guide ("Topic created" not
"Topic created successfully"). Also removes the exclamation point
from "Topic created!" in the create-topic modal.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

* fix(frontend): update test assertions for "User created" string change

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

* fix(frontend): remove exclamation points from UI strings

Per style guide: no ! in product UI text.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

* fix(frontend): replace Yes/No button labels with action verbs

"Yes" → "Stop reassignment", "No" → "Keep running" in the
cancel-reassignment confirmation popover per style guide.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

* fix(frontend): capitalize Schema Registry product name consistently

Fix lowercase "schema registry" in UI-facing strings and aria-labels.
Also fix "schema registry rule" → "Schema Registry rule" in validation
messages and ACL resource display names.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

* fix(frontend): remove "Please" from UI strings, use direct imperative

Per style guide: drop "Please <verb>" at start of strings — use
direct imperative. Also updates test assertions that matched changed strings.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

* fix(frontend): sweep misc UX copy (via, e.g. in UI strings)

Replace "via" with "through"/"using" and "e.g." with "for example"
in user-visible strings per style guide. Placeholder text with e.g.
left as-is (conventional and concise in that context).

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

---------

Co-authored-by: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

Author: malinskibeniamin

frontend/src/components/license/register-modal.tsx

@@ -159,7 +159,7 @@ export const RegisterModal = ({ isOpen, onClose }: RegisterModalProps) => {
               </Box>
               <VStack align="center" spacing={2}>
                 <Text fontSize="lg" fontWeight="bold" textAlign="center">
-                  This cluster has been successfully registered
+                  Cluster registered
                 </Text>
                 <Text color="gray.600" textAlign="center">
                   Enjoy 30 more days of enterprise features.
@@ -256,7 +256,7 @@ export const RegisterModal = ({ isOpen, onClose }: RegisterModalProps) => {
                       required: 'Email address is required',
                       pattern: {
                         value: EMAIL_VALIDATION_REGEX,
-                        message: 'Please enter a valid email address',
+                        message: 'Enter a valid email address',
                       },
                     }}
                   />

frontend/src/components/misc/connection-error-ui.tsx

@@ -31,17 +31,17 @@ function getErrorMessage(error: ConnectError): { title: string; description: str
     case Code.DeadlineExceeded:
       return {
         title: 'Request Timeout',
-        description: 'The server took too long to respond. Please try again.',
+        description: 'The server took too long to respond. Try again.',
       };
     case Code.Internal:
       return {
         title: 'Internal Server Error',
-        description: 'An unexpected error occurred on the server. Please try again.',
+        description: 'An unexpected error occurred on the server. Try again.',
       };
     default:
       return {
         title: 'Connection Error',
-        description: 'Unable to connect to the server. Please check your connection and try again.',
+        description: 'Unable to connect to the server. Check your connection and try again.',
       };
   }
 }

frontend/src/components/misc/error-boundary.tsx

@@ -261,7 +261,7 @@ const CopyToClipboardButton: FC<{ message: string; disabled: boolean; isLoading:
           .then(() => {
             toast({
               status: 'success',
-              description: 'All info copied to clipboard!',
+              description: 'All info copied to clipboard',
             });
           })
           .catch(navigatorClipboardErrorHandler);

frontend/src/components/misc/login.tsx

@@ -263,7 +263,7 @@ const LoginPage = () => {
                   {{
                     token_exchange_failed: 'OIDC authentication failed. Check backend logs for details.',
                     kafka_authentication_failed:
-                      'Authenticated via OIDC, but failed to authenticate with the Kafka API.',
+                      'Authenticated through OIDC, but failed to authenticate with the Kafka API.',
                     console_internal: 'An unexpected error occurred. Check backend logs.',
                     permission_denied: `This user is not authorized to use Console. An administrator should grant user ${searchParams.get('oidc_subject') ?? ''} permissions in the Console configuration to proceed.`,
                   }[searchParams.get('error_code') as string] || 'An unexpected error occurred. Check backend logs.'}

frontend/src/components/misc/no-clipboard-popover.tsx

@@ -17,7 +17,7 @@ import { isClipboardAvailable } from '../../utils/feature-detection';
 const popoverContent = (
   <>
     <p>Due to browser restrictions, the clipboard is not accessible on unsecure connections.</p>
-    <p>Please make sure to run Redpanda Console with SSL enabled to use this feature.</p>
+    <p>Run Redpanda Console with SSL enabled to use this feature.</p>
   </>
 );
 

frontend/src/components/misc/user-preferences.tsx

@@ -245,7 +245,7 @@ const ImportExportTab: FC = () => {
                 } else {
                   toast({
                     status: 'success',
-                    description: 'Settings imported successfully',
+                    description: 'Settings imported',
                   });
                 }
                 setImportCode('');
@@ -265,7 +265,7 @@ const ImportExportTab: FC = () => {
               .then(() => {
                 toast({
                   status: 'success',
-                  description: 'Preferences copied to clipboard!',
+                  description: 'Preferences copied to clipboard',
                 });
               })
               .catch(navigatorClipboardErrorHandler);

frontend/src/components/pages/admin/admin-debug-bundle.tsx

@@ -467,7 +467,7 @@ const NewDebugBundleForm: FC<{
             />
           </FormField>
           <FormField
-            description="Read the logs until the given size is reached (e.g. 3MB, 1GB). Default 100MB."
+            description="Read the logs until the given size is reached (for example, 3MB, 1GB). Default 100MB."
             errorText={fieldViolationsMap?.logsSizeLimitBytes}
             isInvalid={!!fieldViolationsMap?.logsSizeLimitBytes}
             label="Logs size limit"

frontend/src/components/pages/admin/upload-license-page.tsx

@@ -149,7 +149,7 @@ const UploadLicensePageContent: FC = () => {
                 </Box>
               </Flex>
             }
-            title="License uploaded successfully"
+            title="License uploaded"
           />
         </Box>
       ) : (

frontend/src/components/pages/agents/ai-agent-model.tsx

@@ -197,17 +197,17 @@ export const MODEL_OPTIONS_BY_PROVIDER = {
       {
         value: 'anthropic.claude-sonnet-4-6',
         name: 'Claude Sonnet 4.6',
-        description: 'Fast, intelligent model via Bedrock',
+        description: 'Fast, intelligent model through Bedrock',
       },
       {
         value: 'anthropic.claude-opus-4-6-v1',
         name: 'Claude Opus 4.6',
-        description: 'Most capable model via Bedrock',
+        description: 'Most capable model through Bedrock',
       },
       {
         value: 'anthropic.claude-haiku-4-5-20251001-v1:0',
         name: 'Claude Haiku 4.5',
-        description: 'Fast and cost-effective via Bedrock',
+        description: 'Fast and cost-effective through Bedrock',
       },
     ],
   },

frontend/src/components/pages/agents/create/ai-agent-create-page.tsx

@@ -406,7 +406,7 @@ export const AIAgentCreatePage = () => {
         onError: handleValidationError,
         onSuccess: (data) => {
           if (data?.aiAgent?.id) {
-            toast.success('AI agent created successfully');
+            toast.success('AI agent created');
             navigate({ to: `/agents/${data.aiAgent.id}` });
           }
         },
@@ -606,7 +606,7 @@ export const AIAgentCreatePage = () => {
                   <FieldLabel htmlFor="serviceAccountName">Service Account Name</FieldLabel>
                   <Input
                     id="serviceAccountName"
-                    placeholder="e.g., cluster-abc123-agent-my-agent-sa"
+                    placeholder="cluster-abc123-agent-my-agent-sa"
                     {...form.register('serviceAccountName')}
                     aria-describedby={form.formState.errors.serviceAccountName ? 'serviceAccountName-error' : undefined}
                     aria-invalid={!!form.formState.errors.serviceAccountName}