[9.1] [Security Solution] Update Related Interations input placeholder and validation message (#225775) (#226392)

# Backport

This will backport the following commits from `main` to `9.1`:
- [[Security Solution] Update Related Interations input placeholder and
validation message
(#225775)](#225775)

<!--- Backport version: 9.6.6 -->

### Questions ?
Please refer to the [Backport tool
documentation](https://github.com/sorenlouv/backport)

<!--BACKPORT [{"author":{"name":"Nikita
Indik","email":"[email protected]"},"sourceCommit":{"committedDate":"2025-07-03T10:58:25Z","message":"[Security
Solution] Update Related Interations input placeholder and validation
message (#225775)\n\n**Resolves:
https://github.com/elastic/kibana/issues/200079**\n\n## Summary\nThis PR
updates a placeholder and a validation message in the edit\ncomponent
for Related Integration.\n\n## Changes\n- Changed the placeholder text
from \"Semver\" to \"Enter version.\"\n- Updated the \"required field\"
validation message to include an example\ninput.\n- Removed the
placeholder for disabled fields, as users cannot enter\nanything there
until they choose the integration.\n\n## Screenshots\n**Before**\n<img
width=\"925\"
alt=\"ri_before\"\nsrc=\"https://github.com/user-attachments/assets/0a3b18da-1e03-4b8c-a6b0-8bd6e5b005b5\"\n/>\n\n**After**\n<img
width=\"926\"
alt=\"ri_after\"\nsrc=\"https://github.com/user-attachments/assets/e335bbcd-6f95-4862-9444-d1d2cb2ffabb\"\n/>","sha":"3215660d08b09eaea2ab95b46404a098bb961a18","branchLabelMapping":{"^v9.2.0$":"main","^v(\\d+).(\\d+).\\d+$":"$1.$2"}},"sourcePullRequest":{"labels":["release_note:fix","Team:Detections
and Resp","Team: SecuritySolution","Team:Detection Rule
Management","Feature:Related
Integrations","backport:version","v9.1.0","v8.19.0","v9.2.0","v8.18.4","v9.0.4"],"title":"[Security
Solution] Update Related Interations input placeholder and validation
message","number":225775,"url":"https://github.com/elastic/kibana/pull/225775","mergeCommit":{"message":"[Security
Solution] Update Related Interations input placeholder and validation
message (#225775)\n\n**Resolves:
https://github.com/elastic/kibana/issues/200079**\n\n## Summary\nThis PR
updates a placeholder and a validation message in the edit\ncomponent
for Related Integration.\n\n## Changes\n- Changed the placeholder text
from \"Semver\" to \"Enter version.\"\n- Updated the \"required field\"
validation message to include an example\ninput.\n- Removed the
placeholder for disabled fields, as users cannot enter\nanything there
until they choose the integration.\n\n## Screenshots\n**Before**\n<img
width=\"925\"
alt=\"ri_before\"\nsrc=\"https://github.com/user-attachments/assets/0a3b18da-1e03-4b8c-a6b0-8bd6e5b005b5\"\n/>\n\n**After**\n<img
width=\"926\"
alt=\"ri_after\"\nsrc=\"https://github.com/user-attachments/assets/e335bbcd-6f95-4862-9444-d1d2cb2ffabb\"\n/>","sha":"3215660d08b09eaea2ab95b46404a098bb961a18"}},"sourceBranch":"main","suggestedTargetBranches":["9.1","8.19","8.18","9.0"],"targetPullRequestStates":[{"branch":"9.1","label":"v9.1.0","branchLabelMappingKey":"^v(\\d+).(\\d+).\\d+$","isSourceBranch":false,"state":"NOT_CREATED"},{"branch":"8.19","label":"v8.19.0","branchLabelMappingKey":"^v(\\d+).(\\d+).\\d+$","isSourceBranch":false,"state":"NOT_CREATED"},{"branch":"main","label":"v9.2.0","branchLabelMappingKey":"^v9.2.0$","isSourceBranch":true,"state":"MERGED","url":"https://github.com/elastic/kibana/pull/225775","number":225775,"mergeCommit":{"message":"[Security
Solution] Update Related Interations input placeholder and validation
message (#225775)\n\n**Resolves:
https://github.com/elastic/kibana/issues/200079**\n\n## Summary\nThis PR
updates a placeholder and a validation message in the edit\ncomponent
for Related Integration.\n\n## Changes\n- Changed the placeholder text
from \"Semver\" to \"Enter version.\"\n- Updated the \"required field\"
validation message to include an example\ninput.\n- Removed the
placeholder for disabled fields, as users cannot enter\nanything there
until they choose the integration.\n\n## Screenshots\n**Before**\n<img
width=\"925\"
alt=\"ri_before\"\nsrc=\"https://github.com/user-attachments/assets/0a3b18da-1e03-4b8c-a6b0-8bd6e5b005b5\"\n/>\n\n**After**\n<img
width=\"926\"
alt=\"ri_after\"\nsrc=\"https://github.com/user-attachments/assets/e335bbcd-6f95-4862-9444-d1d2cb2ffabb\"\n/>","sha":"3215660d08b09eaea2ab95b46404a098bb961a18"}},{"branch":"8.18","label":"v8.18.4","branchLabelMappingKey":"^v(\\d+).(\\d+).\\d+$","isSourceBranch":false,"state":"NOT_CREATED"},{"branch":"9.0","label":"v9.0.4","branchLabelMappingKey":"^v(\\d+).(\\d+).\\d+$","isSourceBranch":false,"state":"NOT_CREATED"}]}]
BACKPORT-->

Co-authored-by: Nikita Indik <[email protected]>

Author: kibanamachine

x-pack/solutions/security/plugins/security_solution/public/detection_engine/rule_creation/components/related_integrations/related_integration_field.tsx

@@ -97,6 +97,7 @@ export function RelatedIntegrationField({
   );
 
   const hasError = Boolean(packageErrorMessage) || Boolean(versionErrorMessage);
+  const isVersionInputDisabled = !field.value.package || !integrations;
 
   return (
     <EuiFormRow
@@ -123,10 +124,12 @@ export function RelatedIntegrationField({
         </EuiFlexItem>
         <EuiFlexItem grow={3} className={MIN_WIDTH_VERSION_CONSTRAIN_STYLE}>
           <EuiFieldText
-            placeholder={i18n.RELATED_INTEGRATION_VERSION_DEPENDENCY_PLACEHOLDER}
+            placeholder={
+              isVersionInputDisabled ? '' : i18n.RELATED_INTEGRATION_VERSION_DEPENDENCY_PLACEHOLDER
+            }
             prepend={i18n.INTEGRATION_VERSION}
             isLoading={isInitialLoading}
-            disabled={!field.value.package || !integrations}
+            disabled={isVersionInputDisabled}
             aria-label={i18n.RELATED_INTEGRATION_VERSION_DEPENDENCY_ARIA_LABEL}
             value={field.value.version}
             onChange={handleVersionChange}

x-pack/solutions/security/plugins/security_solution/public/detection_engine/rule_creation/components/related_integrations/translations.ts

@@ -38,7 +38,7 @@ export const RELATED_INTEGRATION_VERSION_DEPENDENCY_ARIA_LABEL = i18n.translate(
 export const RELATED_INTEGRATION_VERSION_DEPENDENCY_PLACEHOLDER = i18n.translate(
   'xpack.securitySolution.detectionEngine.ruleDescription.relatedIntegrations.relatedIntegrationVersionDependencyPlaceholder',
   {
-    defaultMessage: 'Semver',
+    defaultMessage: 'Enter version',
   }
 );
 
@@ -73,7 +73,7 @@ export const INTEGRATION_REQUIRED = i18n.translate(
 export const VERSION_DEPENDENCY_REQUIRED = i18n.translate(
   'xpack.securitySolution.detectionEngine.ruleDescription.relatedIntegrations.validation.versionRequired',
   {
-    defaultMessage: 'Version constraint must be specified',
+    defaultMessage: 'Version constraint must be specified. For example, ^1.2.3.',
   }
 );