+ {items.map((c, idx) => (
+
+ {c}
+
+ ))}
+
+ ) : null
+ );
+BadgesColumn.displayName = 'BadgesColumn';
diff --git a/x-pack/packages/kbn-elastic-assistant/impl/assistant/common/components/assistant_settings_management/flyout/index.tsx b/x-pack/packages/kbn-elastic-assistant/impl/assistant/common/components/assistant_settings_management/flyout/index.tsx
new file mode 100644
index 0000000000000..e749fb483d504
--- /dev/null
+++ b/x-pack/packages/kbn-elastic-assistant/impl/assistant/common/components/assistant_settings_management/flyout/index.tsx
@@ -0,0 +1,85 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0; you may not use this file except in compliance with the Elastic License
+ * 2.0.
+ */
+
+import {
+ EuiButton,
+ EuiButtonEmpty,
+ EuiFlexGroup,
+ EuiFlexItem,
+ EuiFlyout,
+ EuiFlyoutBody,
+ EuiFlyoutFooter,
+ EuiFlyoutHeader,
+ EuiTitle,
+} from '@elastic/eui';
+import { css } from '@emotion/react';
+import React from 'react';
+import * as i18n from './translations';
+
+interface Props {
+ children: React.ReactNode;
+ title: string;
+ flyoutVisible: boolean;
+ onClose: () => void;
+ onSaveCancelled: () => void;
+ onSaveConfirmed: () => void;
+}
+
+const FlyoutComponent: React.FC{title}
+{i18n.SETTINGS_ALL_TITLE}
diff --git a/x-pack/packages/kbn-elastic-assistant/impl/assistant/conversations/conversation_settings/conversation_settings_editor.tsx b/x-pack/packages/kbn-elastic-assistant/impl/assistant/conversations/conversation_settings/conversation_settings_editor.tsx new file mode 100644 index 0000000000000..a0ddd33b34d05 --- /dev/null +++ b/x-pack/packages/kbn-elastic-assistant/impl/assistant/conversations/conversation_settings/conversation_settings_editor.tsx @@ -0,0 +1,328 @@ +/* + * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one + * or more contributor license agreements. Licensed under the Elastic License + * 2.0; you may not use this file except in compliance with the Elastic License + * 2.0. + */ + +import { EuiFormRow, EuiLink } from '@elastic/eui'; +import React, { useCallback, useMemo } from 'react'; + +import { HttpSetup } from '@kbn/core-http-browser'; +import { FormattedMessage } from '@kbn/i18n-react'; +import { OpenAiProviderType } from '@kbn/stack-connectors-plugin/public/common'; +import { noop } from 'lodash/fp'; +import { Conversation, Prompt } from '../../../..'; +import * as i18n from './translations'; +import * as i18nModel from '../../../connectorland/models/model_selector/translations'; + +import { ConnectorSelector } from '../../../connectorland/connector_selector'; +import { SelectSystemPrompt } from '../../prompt_editor/system_prompt/select_system_prompt'; +import { ModelSelector } from '../../../connectorland/models/model_selector/model_selector'; +import { useLoadConnectors } from '../../../connectorland/use_load_connectors'; +import { getGenAiConfig } from '../../../connectorland/helpers'; +import { ConversationsBulkActions } from '../../api'; +import { getDefaultSystemPrompt } from '../../use_conversation/helpers'; + +export interface ConversationSettingsEditorProps { + allSystemPrompts: Prompt[]; + conversationSettings: Record{i18n.DELETE_SYSTEM_PROMPT_MODAL_DESCRIPTION}
+{i18n.DELETE_QUICK_PROMPT_MODAL_DESCRIPTION}
+{i18n.SECURITY_AI_SETTINGS}
+{i18n.CONNECTOR_SETTINGS_MANAGEMENT_TITLE}
+{i18n.SETTINGS_TITLE}
+
+
-
+ {isOrganization ? (
+
-
+
+
+ ) : (
+ -
+
+
+ )}
+ -
+
+
+ -
+
+
+ -
+
+ + + ), + }} + /> +
+ -
+
+
+ -
+
+
+ -
+
+
+
+
-
-
-
-
+ Select or drag your license file
+
- Select or drag your license file
-
-
+
-
-
-
-
+ Select or drag your license file
+
- Select or drag your license file
-
-
+
-
-
-
-
+ Select or drag your license file
+
- Select or drag your license file
-
-
+
-
-
-
-
+ Select or drag your license file
+
- Select or drag your license file
-
-
+
-
-
-
-
+ Select or drag your license file
+
- Select or drag your license file
-
-
-
-
- (null);
const [error, setError] = useState(null);
- const filePickerRef = useRef(null);
+ const filePickerRef = useRef(null);
const handleFileRead = (fileName: string) => {
const content = fileReader?.current?.result as string;
@@ -58,7 +62,7 @@ export function Uploader({ onUpload }: Props) {
>}
initialPromptText={PROMPT_TEXT}
onChange={handleFileChosen}
display={'large'}
diff --git a/x-pack/plugins/osquery/public/fleet_integration/config_uploader.tsx b/x-pack/plugins/osquery/public/fleet_integration/config_uploader.tsx
index b93c475f1e04e..3d5b042769d8d 100644
--- a/x-pack/plugins/osquery/public/fleet_integration/config_uploader.tsx
+++ b/x-pack/plugins/osquery/public/fleet_integration/config_uploader.tsx
@@ -6,6 +6,10 @@
*/
import { EuiLink, EuiFormRow, EuiFilePicker, EuiSpacer } from '@elastic/eui';
+import type {
+ EuiFilePickerClass,
+ EuiFilePickerProps,
+} from '@elastic/eui/src/components/form/file_picker/file_picker';
import React, { useCallback, useState, useRef } from 'react';
import { i18n } from '@kbn/i18n';
import { FormattedMessage } from '@kbn/i18n-react';
@@ -31,7 +35,7 @@ interface ConfigUploaderProps {
}
const ConfigUploaderComponent: React.FC = ({ onChange }) => {
- const filePickerRef = useRef(null);
+ const filePickerRef = useRef(null);
const [isInvalid, setIsInvalid] = useState(null);
// @ts-expect-error update types
let fileReader;
@@ -55,13 +59,11 @@ const ConfigUploaderComponent: React.FC = ({ onChange }) =>
setIsInvalid(null);
} catch (error) {
setIsInvalid(error);
- // @ts-expect-error update types
- filePickerRef.current?.removeFiles(new Event('fake'));
+ filePickerRef.current?.removeFiles();
}
onChange(parsedContent);
- // @ts-expect-error update types
- filePickerRef.current?.removeFiles(new Event('fake'));
+ filePickerRef.current?.removeFiles();
};
// @ts-expect-error update types
@@ -115,7 +117,7 @@ const ConfigUploaderComponent: React.FC = ({ onChange }) =>
error={<>{`${isInvalid}`}}
>
>}
id="osquery_config_picker"
initialPromptText={i18n.translate('xpack.osquery.configUploader.initialPromptTextLabel', {
defaultMessage: 'Select or drag and drop osquery config file',
diff --git a/x-pack/plugins/osquery/public/packs/form/pack_uploader.tsx b/x-pack/plugins/osquery/public/packs/form/pack_uploader.tsx
index 8955b8dac88c1..b9f9c914ed24b 100644
--- a/x-pack/plugins/osquery/public/packs/form/pack_uploader.tsx
+++ b/x-pack/plugins/osquery/public/packs/form/pack_uploader.tsx
@@ -7,6 +7,10 @@
import { kebabCase } from 'lodash';
import { EuiLink, EuiFormRow, EuiFilePicker, EuiSpacer } from '@elastic/eui';
+import type {
+ EuiFilePickerClass,
+ EuiFilePickerProps,
+} from '@elastic/eui/src/components/form/file_picker/file_picker';
import React, { useCallback, useState, useRef } from 'react';
import { i18n } from '@kbn/i18n';
import { FormattedMessage } from '@kbn/i18n-react';
@@ -30,7 +34,7 @@ interface OsqueryPackUploaderProps {
const OsqueryPackUploaderComponent: React.FC = ({ onChange }) => {
const packName = useRef('');
- const filePickerRef = useRef(null);
+ const filePickerRef = useRef(null);
const [isInvalid, setIsInvalid] = useState(null);
// @ts-expect-error update types
let fileReader;
@@ -59,8 +63,7 @@ const OsqueryPackUploaderComponent: React.FC = ({ onCh
setIsInvalid(null);
} catch (error) {
setIsInvalid(error);
- // @ts-expect-error update types
- filePickerRef.current?.removeFiles(new Event('fake'));
+ filePickerRef.current?.removeFiles();
}
if (!parsedContent?.queries) {
@@ -68,8 +71,7 @@ const OsqueryPackUploaderComponent: React.FC = ({ onCh
}
onChange(parsedContent, packName.current);
- // @ts-expect-error update types
- filePickerRef.current?.removeFiles(new Event('fake'));
+ filePickerRef.current?.removeFiles();
};
// @ts-expect-error update types
@@ -104,8 +106,7 @@ const OsqueryPackUploaderComponent: React.FC = ({ onCh
},
})
);
- // @ts-expect-error update types
- filePickerRef.current?.removeFiles(new Event('fake'));
+ filePickerRef.current?.removeFiles();
return;
}
@@ -126,7 +127,7 @@ const OsqueryPackUploaderComponent: React.FC = ({ onCh
error={<>{`${isInvalid}`}}
>
>}
id="osquery_pack_picker"
initialPromptText={i18n.translate('xpack.osquery.packUploader.initialPromptTextLabel', {
defaultMessage: 'Select or drag and drop osquery pack config file',
diff --git a/x-pack/plugins/security_solution/public/common/components/import_data_modal/__snapshots__/index.test.tsx.snap b/x-pack/plugins/security_solution/public/common/components/import_data_modal/__snapshots__/index.test.tsx.snap
index 599249231c93a..1fe2bda944e0a 100644
--- a/x-pack/plugins/security_solution/public/common/components/import_data_modal/__snapshots__/index.test.tsx.snap
+++ b/x-pack/plugins/security_solution/public/common/components/import_data_modal/__snapshots__/index.test.tsx.snap
@@ -60,36 +60,32 @@ Object {
class="euiSpacer euiSpacer--s emotion-euiSpacer-s"
/>