mirror of
https://github.com/elastic/kibana.git
synced 2025-04-24 09:48:58 -04:00
[Security Solution] Siem migrations/copy changes rule translations (#214437)
## Summary 3/3 of https://github.com/elastic/security-team/issues/11696 **Done** - UI changes in the onboarding cards - UI changes in the upload form - UI changes in the translated rules page ### Screenshots Installed ML prebuilt rule  KQL prebuilt rule  Custom translated rule  Custom partially translated rule  Custom not translated rule  #### Other Installed badge updated  Status tooltip updated  Tour step 2 updated  --------- Co-authored-by: Elastic Machine <elasticmachine@users.noreply.github.com>
This commit is contained in:
Sergi Massaneda
GitHub
parent
920ce1b9ea
commit
9e13b5594a
9 changed files with 41 additions and 49 deletions
|
|
@ -41110,7 +41110,6 @@
|
|||
"xpack.securitySolution.siemMigrations.rules.translationDetails.translationTab.title": "Traduction",
|
||||
"xpack.securitySolution.siemMigrations.rules.translationDetails.translationTab.translatedRuleCalloutTitle": "Cette règle a été pleinement traduite. Installez la règle pour finir la migration. Une fois la règle installée, vous pourrez la paramétrer.",
|
||||
"xpack.securitySolution.siemMigrations.rules.translationDetails.translationTab.translationQuery.queryPlaceholder": "Cette règle n'a pas été traduite. Cliquez sur modifier pour commencer à écrire.",
|
||||
"xpack.securitySolution.siemMigrations.rules.translationDetails.translationTab.translationQuery.title": "Requête {queryLanguage}",
|
||||
"xpack.securitySolution.siemMigrations.rules.translationDetails.translationTabLabel": "Traduction",
|
||||
"xpack.securitySolution.siemMigrations.rules.translationDetails.unknownMigrationRuleTitle": "Règle de migration inconnue",
|
||||
"xpack.securitySolution.siemMigrations.rules.translationDetails.updatedByLabel": "{updated} : {by} le {date}",
|
||||
|
|
|
|||
|
|
@ -41085,7 +41085,6 @@
|
|||
"xpack.securitySolution.siemMigrations.rules.translationDetails.translationTab.title": "変換",
|
||||
"xpack.securitySolution.siemMigrations.rules.translationDetails.translationTab.translatedRuleCalloutTitle": "このルールは完全に変換されました。ルールをインストールして移行を完了します。インストールが完了すると、ルールを微調整できます。",
|
||||
"xpack.securitySolution.siemMigrations.rules.translationDetails.translationTab.translationQuery.queryPlaceholder": "このルールは変換されていません。編集をクリックすると、書き込みを開始します。",
|
||||
"xpack.securitySolution.siemMigrations.rules.translationDetails.translationTab.translationQuery.title": "{queryLanguage}クエリ",
|
||||
"xpack.securitySolution.siemMigrations.rules.translationDetails.translationTabLabel": "変換",
|
||||
"xpack.securitySolution.siemMigrations.rules.translationDetails.unknownMigrationRuleTitle": "不明な移行ルール",
|
||||
"xpack.securitySolution.siemMigrations.rules.translationDetails.updatedByLabel": "{updated}：{by} 日付：{date}",
|
||||
|
|
|
|||
|
|
@ -41148,7 +41148,6 @@
|
|||
"xpack.securitySolution.siemMigrations.rules.translationDetails.translationTab.title": "转换",
|
||||
"xpack.securitySolution.siemMigrations.rules.translationDetails.translationTab.translatedRuleCalloutTitle": "此规则已完全转换。安装规则以完成迁移。安装后，您即可微调该规则。",
|
||||
"xpack.securitySolution.siemMigrations.rules.translationDetails.translationTab.translationQuery.queryPlaceholder": "尚未转换此规则。单击“编辑”以开始写入。",
|
||||
"xpack.securitySolution.siemMigrations.rules.translationDetails.translationTab.translationQuery.title": "{queryLanguage} 查询",
|
||||
"xpack.securitySolution.siemMigrations.rules.translationDetails.translationTabLabel": "转换",
|
||||
"xpack.securitySolution.siemMigrations.rules.translationDetails.unknownMigrationRuleTitle": "未知迁移规则",
|
||||
"xpack.securitySolution.siemMigrations.rules.translationDetails.updatedByLabel": "{updated}：{by} 于 {date}",
|
||||
|
|
|
|||
|
|
@ -75,8 +75,6 @@ export const TranslationTab: React.FC<TranslationTabProps> = React.memo(
|
|||
<EuiFlexItem grow={false}>
|
||||
<EuiBadge
|
||||
color={convertTranslationResultIntoColor(ruleMigration.translation_result)}
|
||||
onClick={() => {}}
|
||||
onClickAriaLabel={'Translation status badge'}
|
||||
>
|
||||
{isInstalled
|
||||
? i18n.INSTALLED_LABEL
|
||||
|
|
@ -109,19 +107,20 @@ export const TranslationTab: React.FC<TranslationTabProps> = React.memo(
|
|||
</EuiSplitPanel.Outer>
|
||||
</EuiFlexItem>
|
||||
</EuiAccordion>
|
||||
{ruleMigration.translation_result === RuleTranslationResult.FULL && (
|
||||
<>
|
||||
<EuiSpacer size="m" />
|
||||
<EuiCallOut
|
||||
color={'primary'}
|
||||
title={i18n.CALLOUT_TRANSLATED_RULE_INFO_TITLE}
|
||||
iconType={'iInCircle'}
|
||||
size={'s'}
|
||||
>
|
||||
{i18n.CALLOUT_TRANSLATED_RULE_INFO_DESCRIPTION}
|
||||
</EuiCallOut>
|
||||
</>
|
||||
)}
|
||||
{ruleMigration.translation_result === RuleTranslationResult.FULL &&
|
||||
!ruleMigration.elastic_rule?.id && (
|
||||
<>
|
||||
<EuiSpacer size="m" />
|
||||
<EuiCallOut
|
||||
color={'primary'}
|
||||
title={i18n.CALLOUT_TRANSLATED_RULE_INFO_TITLE}
|
||||
iconType={'iInCircle'}
|
||||
size={'s'}
|
||||
>
|
||||
{i18n.CALLOUT_TRANSLATED_RULE_INFO_DESCRIPTION}
|
||||
</EuiCallOut>
|
||||
</>
|
||||
)}
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -45,46 +45,38 @@ export const TranslatedRuleQuery: React.FC<TranslatedRuleQueryProps> = React.mem
|
|||
const isInstalled = !!ruleMigration.elastic_rule?.id;
|
||||
const canEdit = !matchedPrebuiltRule && !isInstalled;
|
||||
|
||||
const ruleName = useMemo(
|
||||
() => matchedPrebuiltRule?.name ?? ruleMigration.elastic_rule?.title ?? '',
|
||||
[matchedPrebuiltRule?.name, ruleMigration.elastic_rule?.title]
|
||||
);
|
||||
|
||||
const translatedData = useMemo(() => {
|
||||
let title = i18n.TRANSLATION_QUERY_TITLE('ES|QL');
|
||||
let ruleName = ruleMigration.elastic_rule?.title ?? '';
|
||||
let title = i18n.CUSTOM_TRANSLATION_TITLE;
|
||||
let titleTooltip = i18n.TRANSLATION_QUERY_TOOLTIP;
|
||||
let query = ruleMigration.elastic_rule?.query ?? '';
|
||||
let language = ruleMigration.elastic_rule?.query_language ?? '';
|
||||
let queryPlaceholder = i18n.TRANSLATION_QUERY_PLACEHOLDER;
|
||||
if (matchedPrebuiltRule) {
|
||||
ruleName = matchedPrebuiltRule.name;
|
||||
if (matchedPrebuiltRule.type === 'machine_learning') {
|
||||
title = i18n.MACHINE_LEARNING_RULE_TITLE;
|
||||
titleTooltip = i18n.MACHINE_LEARNING_RULE_TOOLTIP;
|
||||
queryPlaceholder = i18n.MACHINE_LEARNING_RULE_QUERY_PLACEHOLDER;
|
||||
} else {
|
||||
title = i18n.TRANSLATION_QUERY_TITLE(
|
||||
transformQueryLanguage(matchedPrebuiltRule.language)
|
||||
);
|
||||
title = i18n.PREBUILT_RULE_TITLE(transformQueryLanguage(matchedPrebuiltRule.language));
|
||||
query = matchedPrebuiltRule.query ?? '';
|
||||
language = matchedPrebuiltRule.language;
|
||||
}
|
||||
}
|
||||
return {
|
||||
ruleName,
|
||||
title,
|
||||
titleTooltip,
|
||||
query,
|
||||
language,
|
||||
queryPlaceholder,
|
||||
};
|
||||
}, [
|
||||
matchedPrebuiltRule,
|
||||
ruleMigration.elastic_rule?.query,
|
||||
ruleMigration.elastic_rule?.query_language,
|
||||
]);
|
||||
}, [matchedPrebuiltRule, ruleMigration.elastic_rule]);
|
||||
|
||||
const formDefaultValue: RuleTranslationSchema = useMemo(() => {
|
||||
return {
|
||||
ruleName,
|
||||
ruleName: translatedData.ruleName,
|
||||
queryBar: {
|
||||
query: {
|
||||
query: translatedData.query,
|
||||
|
|
@ -92,7 +84,7 @@ export const TranslatedRuleQuery: React.FC<TranslatedRuleQueryProps> = React.mem
|
|||
},
|
||||
},
|
||||
};
|
||||
}, [ruleName, translatedData.query]);
|
||||
}, [translatedData.query, translatedData.ruleName]);
|
||||
const { form } = useFormWithWarnings<RuleTranslationSchema>({
|
||||
defaultValue: formDefaultValue,
|
||||
options: { stripEmptyFields: false, warningValidationCodes: VALIDATION_WARNING_CODES },
|
||||
|
|
@ -119,14 +111,14 @@ export const TranslatedRuleQuery: React.FC<TranslatedRuleQueryProps> = React.mem
|
|||
<EuiHorizontalRule margin="xs" />
|
||||
{isEditing ? (
|
||||
<QueryEditor
|
||||
ruleName={translatedData.ruleName}
|
||||
query={translatedData.query}
|
||||
ruleName={ruleName}
|
||||
onSave={onSave}
|
||||
onCancel={onCancel}
|
||||
/>
|
||||
) : (
|
||||
<QueryViewer
|
||||
ruleName={ruleName}
|
||||
ruleName={translatedData.ruleName}
|
||||
language={translatedData.language}
|
||||
query={translatedData.query}
|
||||
queryPlaceholder={translatedData.queryPlaceholder}
|
||||
|
|
|
|||
|
|
@ -21,15 +21,19 @@ export const SPLUNK_QUERY_TOOLTIP = i18n.translate(
|
|||
}
|
||||
);
|
||||
|
||||
export const TRANSLATION_QUERY_TITLE = (queryLanguage: string) => {
|
||||
return i18n.translate(
|
||||
'xpack.securitySolution.siemMigrations.rules.translationDetails.translationTab.translationQuery.title',
|
||||
export const CUSTOM_TRANSLATION_TITLE = i18n.translate(
|
||||
'xpack.securitySolution.siemMigrations.rules.translationDetails.translationTab.customTranslation.title',
|
||||
{ defaultMessage: 'ES|QL translation' }
|
||||
);
|
||||
|
||||
export const PREBUILT_RULE_TITLE = (queryLanguage: string) =>
|
||||
i18n.translate(
|
||||
'xpack.securitySolution.siemMigrations.rules.translationDetails.translationTab.prebuiltRule.title',
|
||||
{
|
||||
defaultMessage: '{queryLanguage} query',
|
||||
defaultMessage: 'Mapped to Elastic authored {queryLanguage} rule ',
|
||||
values: { queryLanguage },
|
||||
}
|
||||
);
|
||||
};
|
||||
|
||||
export const TRANSLATION_QUERY_PLACEHOLDER = i18n.translate(
|
||||
'xpack.securitySolution.siemMigrations.rules.translationDetails.translationTab.translationQuery.queryPlaceholder',
|
||||
|
|
@ -49,7 +53,7 @@ export const TRANSLATION_QUERY_TOOLTIP = i18n.translate(
|
|||
export const MACHINE_LEARNING_RULE_TITLE = i18n.translate(
|
||||
'xpack.securitySolution.siemMigrations.rules.translationDetails.translationTab.machineLearningRule.title',
|
||||
{
|
||||
defaultMessage: 'Machine learning rule',
|
||||
defaultMessage: 'Mapped to Elastic authored machine learning rule',
|
||||
}
|
||||
);
|
||||
|
||||
|
|
|
|||
|
|
@ -24,7 +24,7 @@ export const STATUS_FILTER_ARIAL_LABEL = i18n.translate(
|
|||
export const INSTALL_FILTER_OPTION = i18n.translate(
|
||||
'xpack.securitySolution.siemMigrations.rules.filters.statusInstallOption',
|
||||
{
|
||||
defaultMessage: 'Install',
|
||||
defaultMessage: 'Installed',
|
||||
}
|
||||
);
|
||||
|
||||
|
|
|
|||
|
|
@ -28,11 +28,11 @@ export const createStatusColumn = (): TableColumn => {
|
|||
tooltipContent={
|
||||
<FormattedMessage
|
||||
id="xpack.securitySolution.siemMigrations.rules.tableColumn.statusTooltip"
|
||||
defaultMessage="{title}
|
||||
{installed} - already added to Elastic SIEM. Click View to manage and enable it. {lineBreak}
|
||||
{translated} - rule is ready to install. Rules with matching capabilities have been mapped to Elastic Authored rules. If not match was detected, an AI translation was provided. {lineBreak}
|
||||
{partiallyTranslated} - part of the original query could not be translated. Make sure you’ve uploaded all macros and lookups, and resolved all syntax errors. {lineBreak}
|
||||
{notTranslated} - none of the original query could be translated."
|
||||
defaultMessage={`{title}
|
||||
{installed} - already added to Elastic SIEM. Click "View" to manage and enable it.{lineBreak}
|
||||
{translated} - ready to install. This rule was mapped to an Elastic Authored rule if possible, or translated by AI.{lineBreak}
|
||||
{partiallyTranslated} - part of the query could not be translated. Upload any missing macros or lookups and check your syntax.{lineBreak}
|
||||
{notTranslated} - none of the original query could be translated.`}
|
||||
values={{
|
||||
lineBreak: <br />,
|
||||
title: (
|
||||
|
|
|
|||
|
|
@ -44,7 +44,7 @@ export const tourSteps: {
|
|||
content: (
|
||||
<FormattedMessage
|
||||
id="xpack.securitySolution.siemMigrations.rules.tour.statusStepContent"
|
||||
defaultMessage="{installed} rules have a check mark. Click {view} to access rule details. {translated} rules are ready to {install}, or for your to {edit}. Rules with errors can be {reprocessed}. Learn more about our AI Translations here.
|
||||
defaultMessage="{installed} rules have a check mark. Click {view} to access rule details. {translated} rules are ready to {install}, or for your to {edit}. Rules with errors can be {reprocessed}.
|
||||
{lineBreak}{lineBreak}
|
||||
Learn more about our {link}"
|
||||
values={{
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue