diff --git a/x-pack/platform/packages/shared/kbn-elastic-assistant/impl/assistant/common/components/assistant_settings_management/badges/index.tsx b/x-pack/platform/packages/shared/kbn-elastic-assistant/impl/assistant/common/components/assistant_settings_management/badges/index.tsx index b84e5225c4d6f..702ea09b0f919 100644 --- a/x-pack/platform/packages/shared/kbn-elastic-assistant/impl/assistant/common/components/assistant_settings_management/badges/index.tsx +++ b/x-pack/platform/packages/shared/kbn-elastic-assistant/impl/assistant/common/components/assistant_settings_management/badges/index.tsx @@ -6,6 +6,7 @@ */ import { EuiBadge } from '@elastic/eui'; +import { css } from '@emotion/react'; import React from 'react'; export const BadgesColumn: React.FC<{ @@ -16,7 +17,13 @@ export const BadgesColumn: React.FC<{ items && items.length > 0 ? (
{items.map((title, idx) => ( - + {title} ))} diff --git a/x-pack/platform/packages/shared/kbn-elastic-assistant/impl/assistant/prompt_editor/system_prompt/system_prompt_settings_management/use_system_prompt_table.tsx b/x-pack/platform/packages/shared/kbn-elastic-assistant/impl/assistant/prompt_editor/system_prompt/system_prompt_settings_management/use_system_prompt_table.tsx index 4111b6002f1a7..1c9224a36acb6 100644 --- a/x-pack/platform/packages/shared/kbn-elastic-assistant/impl/assistant/prompt_editor/system_prompt/system_prompt_settings_management/use_system_prompt_table.tsx +++ b/x-pack/platform/packages/shared/kbn-elastic-assistant/impl/assistant/prompt_editor/system_prompt/system_prompt_settings_management/use_system_prompt_table.tsx @@ -55,6 +55,7 @@ export const useSystemPromptTable = () => { render: ({ conversations, id }: SystemPromptSettings) => ( title)} prefix={id} /> ), + width: '50%', }, { align: 'left', diff --git a/x-pack/platform/packages/shared/kbn-elastic-assistant/impl/assistant/settings/use_settings_updater/use_system_prompt_updater.ts b/x-pack/platform/packages/shared/kbn-elastic-assistant/impl/assistant/settings/use_settings_updater/use_system_prompt_updater.ts index e9724c44da82a..638ab2d497012 100644 --- a/x-pack/platform/packages/shared/kbn-elastic-assistant/impl/assistant/settings/use_settings_updater/use_system_prompt_updater.ts +++ b/x-pack/platform/packages/shared/kbn-elastic-assistant/impl/assistant/settings/use_settings_updater/use_system_prompt_updater.ts @@ -59,6 +59,11 @@ interface SystemPromptUpdater { selectedSystemPrompt?: SystemPromptSettings; systemPromptSettings: SystemPromptSettings[]; } + +const DEFAULT_SYSTEM_PROMPT_SETTINGS: SystemPromptSettings[] = []; +const DEFAULT_SYSTEM_PROMPT_SETTINGS_UPDATES: SystemPromptSettings[] = []; +const DEFAULT_PROMPTS_BULK_ACTIONS: PromptsPerformBulkActionRequestBody = {}; + export const useSystemPromptUpdater = ({ allPrompts, connectors, @@ -71,13 +76,15 @@ export const useSystemPromptUpdater = ({ toasts, }: Params): SystemPromptUpdater => { // server equivalent - const [systemPromptSettings, setSystemPromptSettings] = useState([]); + const [systemPromptSettings, setSystemPromptSettings] = useState( + DEFAULT_SYSTEM_PROMPT_SETTINGS + ); // local updates const [systemPromptSettingsUpdates, setSystemPromptSettingsUpdates] = useState< SystemPromptSettings[] - >([]); + >(DEFAULT_SYSTEM_PROMPT_SETTINGS_UPDATES); const [promptsBulkActions, setPromptsBulkActions] = useState( - {} + DEFAULT_PROMPTS_BULK_ACTIONS ); // System Prompt Selection State const [selectedSystemPrompt, setSelectedSystemPrompt] = useState< @@ -105,7 +112,6 @@ export const useSystemPromptUpdater = ({ filter, }); useEffect(() => { - if (!Object.keys(data).length && !systemPrompts.length) return; const updateSystemPromptSettings = (prev: SystemPromptSettings[]) => { const updatedSettings = systemPrompts.map((p) => { const conversations = Object.values(data).filter( @@ -121,15 +127,10 @@ export const useSystemPromptUpdater = ({ return prev; }; - setSystemPromptSettings(updateSystemPromptSettings); + setSystemPromptSettings((prev) => updateSystemPromptSettings(prev)); + setSystemPromptSettingsUpdates((prev) => updateSystemPromptSettings(prev)); }, [data, systemPrompts]); - useEffect(() => { - if (systemPromptSettings.length) { - setSystemPromptSettingsUpdates(systemPromptSettings); - } - }, [systemPromptSettings]); - const onSystemPromptSelect = useCallback( (systemPrompt?: SystemPromptSettings | string) => { if (systemPrompt == null) {