diff --git a/x-pack/platform/packages/shared/kbn-elastic-assistant/impl/assistant/assistant_body/empty_convo.tsx b/x-pack/platform/packages/shared/kbn-elastic-assistant/impl/assistant/assistant_body/empty_convo.tsx index 3aa0e2271beff..569ac71350845 100644 --- a/x-pack/platform/packages/shared/kbn-elastic-assistant/impl/assistant/assistant_body/empty_convo.tsx +++ b/x-pack/platform/packages/shared/kbn-elastic-assistant/impl/assistant/assistant_body/empty_convo.tsx @@ -9,7 +9,7 @@ import React, { Dispatch, SetStateAction } from 'react'; import { EuiFlexGroup, EuiFlexItem, EuiPanel, EuiText } from '@elastic/eui'; import { css } from '@emotion/react'; import { PromptResponse } from '@kbn/elastic-assistant-common'; -import { AssistantAnimatedIcon } from '../assistant_animated_icon'; +import { AssistantBeacon } from '@kbn/ai-assistant-icon'; import { SystemPrompt } from '../prompt_editor/system_prompt'; import { SetupKnowledgeBaseButton } from '../../knowledge_base/setup_knowledge_base_button'; import * as i18n from '../translations'; @@ -41,7 +41,7 @@ export const EmptyConvo: React.FC = ({ > - + diff --git a/x-pack/platform/packages/shared/kbn-elastic-assistant/impl/assistant/assistant_body/index.tsx b/x-pack/platform/packages/shared/kbn-elastic-assistant/impl/assistant/assistant_body/index.tsx index 757f385db058c..9ee190f5780df 100644 --- a/x-pack/platform/packages/shared/kbn-elastic-assistant/impl/assistant/assistant_body/index.tsx +++ b/x-pack/platform/packages/shared/kbn-elastic-assistant/impl/assistant/assistant_body/index.tsx @@ -18,7 +18,7 @@ import { HttpSetup } from '@kbn/core-http-browser'; import { euiThemeVars } from '@kbn/ui-theme'; import { css } from '@emotion/react'; import { PromptResponse } from '@kbn/elastic-assistant-common'; -import { AssistantAnimatedIcon } from '../assistant_animated_icon'; +import { AssistantBeacon } from '@kbn/ai-assistant-icon'; import { EmptyConvo } from './empty_convo'; import { WelcomeSetup } from './welcome_setup'; import { Conversation } from '../../..'; @@ -102,7 +102,10 @@ export const AssistantBody: FunctionComponent = ({ {isLoading ? ( - } /> + } + /> ) : isWelcomeSetup ? ( = ({ data-test-subj="welcome-setup" > - + diff --git a/x-pack/platform/packages/shared/kbn-elastic-assistant/impl/assistant/assistant_title/index.tsx b/x-pack/platform/packages/shared/kbn-elastic-assistant/impl/assistant/assistant_title/index.tsx index 03016f143b6b0..5c78ab2552ab4 100644 --- a/x-pack/platform/packages/shared/kbn-elastic-assistant/impl/assistant/assistant_title/index.tsx +++ b/x-pack/platform/packages/shared/kbn-elastic-assistant/impl/assistant/assistant_title/index.tsx @@ -8,9 +8,9 @@ import React, { useCallback, useEffect, useState } from 'react'; import { EuiFlexGroup, EuiFlexItem, EuiInlineEditTitle } from '@elastic/eui'; import { css } from '@emotion/react'; +import { AssistantIcon } from '@kbn/ai-assistant-icon'; import { DataStreamApis } from '../use_data_stream_apis'; import type { Conversation } from '../../..'; -import { AssistantAvatar } from '../assistant_avatar/assistant_avatar'; import { useConversation } from '../use_conversation'; import { NEW_CHAT } from '../conversations/conversation_sidepanel/translations'; @@ -51,7 +51,7 @@ export const AssistantTitle: React.FC<{ return ( - + { - const { euiTheme } = useEuiTheme(); - return css` - border: 1px solid ${euiTheme.colors.lightShade}; - padding: ${euiTheme.size.xs}; - `; -}; - const contentCss = css` width: 100%; max-width: 730px; @@ -40,8 +25,7 @@ interface HeaderProps { } export const Header = React.memo(({ currentStep, isGenerating }) => { const { setStep } = useActions(); - const { euiTheme } = useEuiTheme(); - const avatarCss = useAvatarCss(); + return ( @@ -56,13 +40,7 @@ export const Header = React.memo(({ currentStep, isGenerating }) => justifyContent="center" > - + diff --git a/x-pack/platform/plugins/shared/integration_assistant/public/components/create_integration/create_integration_landing/integration_assistant_card.tsx b/x-pack/platform/plugins/shared/integration_assistant/public/components/create_integration/create_integration_landing/integration_assistant_card.tsx index 3dec795111425..dbae30ad664de 100644 --- a/x-pack/platform/plugins/shared/integration_assistant/public/components/create_integration/create_integration_landing/integration_assistant_card.tsx +++ b/x-pack/platform/plugins/shared/integration_assistant/public/components/create_integration/create_integration_landing/integration_assistant_card.tsx @@ -15,7 +15,7 @@ import { EuiTitle, EuiBetaBadge, } from '@elastic/eui'; -import { AssistantAvatar } from '@kbn/elastic-assistant'; +import { AssistantIcon } from '@kbn/ai-assistant-icon'; import { useAuthorization } from '../../../common/hooks/use_authorization'; import { MissingPrivilegesTooltip } from '../../../common/components/authorization'; import { useNavigate, Page } from '../../../common/hooks/use_navigate'; @@ -28,7 +28,7 @@ export const IntegrationAssistantCard = React.memo(() => { - + - ), + timelineAvatar: , timestamp: currentConversation.messages[0].timestamp.length === 0 ? new Date().toLocaleString() @@ -148,7 +146,7 @@ export const getComments: GetAssistantMessages = ({ timelineAvatar: isUser ? ( ) : ( - + ), timestamp: i18n.AT( message.timestamp.length === 0 diff --git a/x-pack/plugins/security_solution/public/assistant/header_link.tsx b/x-pack/plugins/security_solution/public/assistant/header_link.tsx index 342a95454cdb4..afbe0abd9fb01 100644 --- a/x-pack/plugins/security_solution/public/assistant/header_link.tsx +++ b/x-pack/plugins/security_solution/public/assistant/header_link.tsx @@ -10,7 +10,7 @@ import React, { useCallback } from 'react'; import { i18n } from '@kbn/i18n'; import { useAssistantContext } from '@kbn/elastic-assistant/impl/assistant_context'; -import { AssistantAvatar } from '@kbn/elastic-assistant'; +import { AssistantIcon } from '@kbn/ai-assistant-icon'; const isMac = navigator.platform.toLowerCase().indexOf('mac') >= 0; @@ -45,7 +45,7 @@ export const AssistantHeaderLink = () => { - + {LINK_LABEL} diff --git a/x-pack/plugins/security_solution/public/attack_discovery/pages/results/attack_discovery_panel/title/index.tsx b/x-pack/plugins/security_solution/public/attack_discovery/pages/results/attack_discovery_panel/title/index.tsx index 13326a07adc70..7287c0d777d5f 100644 --- a/x-pack/plugins/security_solution/public/attack_discovery/pages/results/attack_discovery_panel/title/index.tsx +++ b/x-pack/plugins/security_solution/public/attack_discovery/pages/results/attack_discovery_panel/title/index.tsx @@ -6,7 +6,6 @@ */ import { EuiFlexGroup, EuiFlexItem, EuiSkeletonTitle, EuiTitle, useEuiTheme } from '@elastic/eui'; -import { AssistantAvatar } from '@kbn/elastic-assistant'; import { replaceAnonymizedValuesWithOriginalValues, type Replacements, @@ -14,6 +13,7 @@ import { import { css } from '@emotion/react'; import React, { useMemo } from 'react'; +import { AssistantBeacon } from '@kbn/ai-assistant-icon'; const AVATAR_SIZE = 24; // px @@ -55,11 +55,11 @@ const TitleComponent: React.FC = ({ data-test-subj="assistantAvatar" grow={false} > - diff --git a/x-pack/plugins/security_solution/public/attack_discovery/pages/results/attack_discovery_panel/view_in_ai_assistant/index.tsx b/x-pack/plugins/security_solution/public/attack_discovery/pages/results/attack_discovery_panel/view_in_ai_assistant/index.tsx index e254ce5d334b8..b9174a121440f 100644 --- a/x-pack/plugins/security_solution/public/attack_discovery/pages/results/attack_discovery_panel/view_in_ai_assistant/index.tsx +++ b/x-pack/plugins/security_solution/public/attack_discovery/pages/results/attack_discovery_panel/view_in_ai_assistant/index.tsx @@ -5,11 +5,11 @@ * 2.0. */ -import { AssistantAvatar } from '@kbn/elastic-assistant'; import type { AttackDiscovery, Replacements } from '@kbn/elastic-assistant-common'; import { EuiButton, EuiButtonEmpty, EuiFlexGroup, EuiFlexItem } from '@elastic/eui'; import React from 'react'; +import { AssistantBeacon } from '@kbn/ai-assistant-icon'; import * as i18n from './translations'; import { useViewInAiAssistant } from './use_view_in_ai_assistant'; @@ -48,7 +48,7 @@ const ViewInAiAssistantComponent: React.FC = ({ > - + {i18n.VIEW_IN_AI_ASSISTANT} diff --git a/x-pack/plugins/security_solution/public/attack_discovery/pages/results/empty_states/empty_prompt/index.tsx b/x-pack/plugins/security_solution/public/attack_discovery/pages/results/empty_states/empty_prompt/index.tsx index 3d89f5be87030..ecaf1753a3263 100644 --- a/x-pack/plugins/security_solution/public/attack_discovery/pages/results/empty_states/empty_prompt/index.tsx +++ b/x-pack/plugins/security_solution/public/attack_discovery/pages/results/empty_states/empty_prompt/index.tsx @@ -5,7 +5,6 @@ * 2.0. */ -import { AssistantAvatar } from '@kbn/elastic-assistant'; import { EuiEmptyPrompt, EuiFlexGroup, @@ -19,6 +18,7 @@ import { import { css } from '@emotion/react'; import React, { useMemo } from 'react'; +import { AssistantBeacon } from '@kbn/ai-assistant-icon'; import { AnimatedCounter } from './animated_counter'; import { Generate } from '../generate'; import * as i18n from './translations'; @@ -50,7 +50,7 @@ const EmptyPromptComponent: React.FC = ({ gutterSize="none" > - + diff --git a/x-pack/plugins/security_solution/public/attack_discovery/pages/results/empty_states/no_alerts/index.tsx b/x-pack/plugins/security_solution/public/attack_discovery/pages/results/empty_states/no_alerts/index.tsx index ace75f568bf3d..216b7355fe486 100644 --- a/x-pack/plugins/security_solution/public/attack_discovery/pages/results/empty_states/no_alerts/index.tsx +++ b/x-pack/plugins/security_solution/public/attack_discovery/pages/results/empty_states/no_alerts/index.tsx @@ -5,7 +5,6 @@ * 2.0. */ -import { AssistantAvatar } from '@kbn/elastic-assistant'; import { EuiEmptyPrompt, EuiFlexGroup, @@ -16,6 +15,7 @@ import { } from '@elastic/eui'; import React, { useMemo } from 'react'; +import { AssistantIcon } from '@kbn/ai-assistant-icon'; import * as i18n from './translations'; import { Generate } from '../generate'; @@ -35,7 +35,7 @@ const NoAlertsComponent: React.FC = ({ isDisabled, isLoading, onGenerate gutterSize="none" > - + diff --git a/x-pack/plugins/security_solution/public/attack_discovery/pages/results/empty_states/welcome/index.tsx b/x-pack/plugins/security_solution/public/attack_discovery/pages/results/empty_states/welcome/index.tsx index 7ab90b524bb93..f03727fc87dbe 100644 --- a/x-pack/plugins/security_solution/public/attack_discovery/pages/results/empty_states/welcome/index.tsx +++ b/x-pack/plugins/security_solution/public/attack_discovery/pages/results/empty_states/welcome/index.tsx @@ -5,11 +5,11 @@ * 2.0. */ -import { AssistantAvatar } from '@kbn/elastic-assistant'; import { ConnectorSetup } from '@kbn/elastic-assistant/impl/connectorland/connector_setup'; import { EuiEmptyPrompt, EuiFlexGroup, EuiFlexItem, EuiSpacer, EuiText } from '@elastic/eui'; import React, { useMemo } from 'react'; +import { AssistantIcon } from '@kbn/ai-assistant-icon'; import * as i18n from './translations'; const WelcomeComponent: React.FC = () => { @@ -22,7 +22,7 @@ const WelcomeComponent: React.FC = () => { gutterSize="none" > - + diff --git a/x-pack/plugins/security_solution/public/detection_engine/rule_creation_ui/components/ai_assistant/index.tsx b/x-pack/plugins/security_solution/public/detection_engine/rule_creation_ui/components/ai_assistant/index.tsx index b0142b0e32f7e..24281a172459f 100644 --- a/x-pack/plugins/security_solution/public/detection_engine/rule_creation_ui/components/ai_assistant/index.tsx +++ b/x-pack/plugins/security_solution/public/detection_engine/rule_creation_ui/components/ai_assistant/index.tsx @@ -9,8 +9,9 @@ import React, { useCallback } from 'react'; import { EuiSpacer } from '@elastic/eui'; import { FormattedMessage } from '@kbn/i18n-react'; -import { NewChat, AssistantAvatar } from '@kbn/elastic-assistant'; +import { NewChat } from '@kbn/elastic-assistant'; +import { AssistantIcon } from '@kbn/ai-assistant-icon'; import { METRIC_TYPE, TELEMETRY_EVENT, track } from '../../../../common/lib/telemetry'; import { useAssistantAvailability } from '../../../../assistant/use_assistant_availability'; import * as i18nAssistant from '../../../../detections/pages/detection_engine/translations'; @@ -116,7 +117,7 @@ Proposed solution should be valid and must not contain new line symbols (\\n)`; isAssistantEnabled={isAssistantEnabled} onExportCodeBlock={handleOnExportCodeBlock} > - {i18n.ASK_ASSISTANT_ERROR_BUTTON} + {i18n.ASK_ASSISTANT_ERROR_BUTTON} ), }} diff --git a/x-pack/plugins/security_solution/public/management/pages/endpoint_hosts/view/details/components/insights/workflow_insights_scan.tsx b/x-pack/plugins/security_solution/public/management/pages/endpoint_hosts/view/details/components/insights/workflow_insights_scan.tsx index 74b1147531a01..cf5755eebdc98 100644 --- a/x-pack/plugins/security_solution/public/management/pages/endpoint_hosts/view/details/components/insights/workflow_insights_scan.tsx +++ b/x-pack/plugins/security_solution/public/management/pages/endpoint_hosts/view/details/components/insights/workflow_insights_scan.tsx @@ -8,7 +8,6 @@ import React, { useCallback, useMemo } from 'react'; import { EuiButton, EuiFlexGroup, EuiFlexItem, EuiPanel, EuiText } from '@elastic/eui'; import { - AssistantAvatar, DEFEND_INSIGHTS_STORAGE_KEY, ConnectorSelectorInline, DEFAULT_ASSISTANT_NAMESPACE, @@ -17,6 +16,7 @@ import { import { noop } from 'lodash/fp'; import useLocalStorage from 'react-use/lib/useLocalStorage'; import { some } from 'lodash'; +import { AssistantIcon } from '@kbn/ai-assistant-icon'; import { useSpaceId } from '../../../../../../../common/hooks/use_space_id'; import { WORKFLOW_INSIGHTS } from '../../../translations'; import { useKibana } from '../../../../../../../common/lib/kibana'; @@ -106,7 +106,7 @@ export const WorkflowInsightsScanSection = ({ - + diff --git a/x-pack/plugins/security_solution/public/onboarding/components/onboarding_body/cards/assistant/index.ts b/x-pack/plugins/security_solution/public/onboarding/components/onboarding_body/cards/assistant/index.ts index 4850b1ee2d865..e1a8640249b39 100644 --- a/x-pack/plugins/security_solution/public/onboarding/components/onboarding_body/cards/assistant/index.ts +++ b/x-pack/plugins/security_solution/public/onboarding/components/onboarding_body/cards/assistant/index.ts @@ -6,7 +6,7 @@ */ import React from 'react'; -import { AssistantAvatar } from '@kbn/elastic-assistant'; +import { AssistantIcon } from '@kbn/ai-assistant-icon'; import type { OnboardingCardConfig } from '../../../../types'; import { OnboardingCardId } from '../../../../constants'; import { ASSISTANT_CARD_TITLE } from './translations'; @@ -16,7 +16,7 @@ import type { AssistantCardMetadata } from './types'; export const assistantCardConfig: OnboardingCardConfig = { id: OnboardingCardId.assistant, title: ASSISTANT_CARD_TITLE, - icon: AssistantAvatar, + icon: AssistantIcon, Component: React.lazy( () => import( diff --git a/x-pack/plugins/security_solution/public/onboarding/components/onboarding_body/cards/siem_migrations/ai_connector/index.ts b/x-pack/plugins/security_solution/public/onboarding/components/onboarding_body/cards/siem_migrations/ai_connector/index.ts index d0b32eb1bd638..9e8426df92ddc 100644 --- a/x-pack/plugins/security_solution/public/onboarding/components/onboarding_body/cards/siem_migrations/ai_connector/index.ts +++ b/x-pack/plugins/security_solution/public/onboarding/components/onboarding_body/cards/siem_migrations/ai_connector/index.ts @@ -6,7 +6,7 @@ */ import React from 'react'; -import { AssistantAvatar } from '@kbn/elastic-assistant/impl/assistant/assistant_avatar/assistant_avatar'; +import { AssistantIcon } from '@kbn/ai-assistant-icon'; import type { OnboardingCardConfig } from '../../../../../types'; import { OnboardingCardId } from '../../../../../constants'; import { AI_CONNECTOR_CARD_TITLE } from './translations'; @@ -16,7 +16,7 @@ import type { AIConnectorCardMetadata } from './types'; export const aiConnectorCardConfig: OnboardingCardConfig = { id: OnboardingCardId.siemMigrationsAiConnectors, title: AI_CONNECTOR_CARD_TITLE, - icon: AssistantAvatar, + icon: AssistantIcon, Component: React.lazy( () => import( diff --git a/x-pack/plugins/security_solution/public/onboarding/components/onboarding_body/cards/siem_migrations/start_migration/panels/migration_result_panel.tsx b/x-pack/plugins/security_solution/public/onboarding/components/onboarding_body/cards/siem_migrations/start_migration/panels/migration_result_panel.tsx index b73b3cc8b4921..3c5519d317467 100644 --- a/x-pack/plugins/security_solution/public/onboarding/components/onboarding_body/cards/siem_migrations/start_migration/panels/migration_result_panel.tsx +++ b/x-pack/plugins/security_solution/public/onboarding/components/onboarding_body/cards/siem_migrations/start_migration/panels/migration_result_panel.tsx @@ -7,16 +7,9 @@ import React from 'react'; import moment from 'moment'; -import { - EuiFlexGroup, - EuiFlexItem, - EuiText, - EuiPanel, - EuiHorizontalRule, - EuiIcon, -} from '@elastic/eui'; +import { EuiFlexGroup, EuiFlexItem, EuiText, EuiPanel, EuiHorizontalRule } from '@elastic/eui'; import { SecurityPageName } from '@kbn/security-solution-navigation'; -import { AssistantAvatar } from '@kbn/elastic-assistant/impl/assistant/assistant_avatar/assistant_avatar'; +import { AssistantIcon } from '@kbn/ai-assistant-icon'; import { SecuritySolutionLinkButton } from '../../../../../../../common/components/links'; import type { RuleMigrationStats } from '../../../../../../../siem_migrations/rules/types'; import * as i18n from '../translations'; @@ -53,7 +46,7 @@ export const MigrationResultPanel = React.memo(({ mig - + diff --git a/x-pack/solutions/security/packages/ecs_data_quality_dashboard/impl/data_quality_panel/actions/chat/index.tsx b/x-pack/solutions/security/packages/ecs_data_quality_dashboard/impl/data_quality_panel/actions/chat/index.tsx index fb990fc295bbf..c30d8a9ac7b1f 100644 --- a/x-pack/solutions/security/packages/ecs_data_quality_dashboard/impl/data_quality_panel/actions/chat/index.tsx +++ b/x-pack/solutions/security/packages/ecs_data_quality_dashboard/impl/data_quality_panel/actions/chat/index.tsx @@ -6,9 +6,10 @@ */ import React, { FC, useCallback } from 'react'; -import { AssistantAvatar, NewChat } from '@kbn/elastic-assistant'; +import { NewChat } from '@kbn/elastic-assistant'; import styled from 'styled-components'; +import { AssistantIcon } from '@kbn/ai-assistant-icon'; import { DATA_QUALITY_DASHBOARD_CONVERSATION_ID, DATA_QUALITY_PROMPT_CONTEXT_PILL, @@ -44,7 +45,7 @@ const ChatActionComponent: FC = ({ indexName, markdownComment }) => { iconType={null} > - + {ASK_ASSISTANT} diff --git a/x-pack/solutions/security/packages/upselling/sections/attack_discovery/index.tsx b/x-pack/solutions/security/packages/upselling/sections/attack_discovery/index.tsx index 0c6a12c88d7fd..97af00fb5693e 100644 --- a/x-pack/solutions/security/packages/upselling/sections/attack_discovery/index.tsx +++ b/x-pack/solutions/security/packages/upselling/sections/attack_discovery/index.tsx @@ -5,10 +5,10 @@ * 2.0. */ -import { EuiEmptyPrompt, EuiFlexGroup, EuiFlexItem, EuiSpacer, EuiText } from '@elastic/eui'; import React, { useMemo } from 'react'; +import { EuiEmptyPrompt, EuiFlexGroup, EuiFlexItem, EuiSpacer, EuiText } from '@elastic/eui'; +import { AssistantBeacon } from '@kbn/ai-assistant-icon'; -import { AssistantAvatar } from './assistant_avatar/assistant_avatar'; import * as i18n from './translations'; interface Props { @@ -30,7 +30,7 @@ const AttackDiscoveryUpsellingSectionComponent: React.FC = ({ () => ( - +