[Obs AI Assistant] Display warning banner when re-indexing is in progress#222593
[Obs AI Assistant] Display warning banner when re-indexing is in progress#222593SrdjanLL merged 14 commits intoelastic:mainfrom
Conversation
🤖 GitHub commentsExpand to view the GitHub comments
Just comment with:
|
viduni94
left a comment
There was a problem hiding this comment.
Thanks for the PR @SrdjanLL
I am wondering whether we should display this callout on the flyout and the AI Assistant page as well. Because when the user interacts with the AI Assistant, they'd expect the KB entries they have to be taken into account in the responses. And if some entries are unavailable they might not get the expected answer. They may or may not go to the knowledge base tab to verify this.
Any thoughts @sorenlouv ?
|
Pinging @elastic/obs-ai-assistant (Team:Obs AI Assistant) |
|
Agreed with @viduni94 proposal to show this also in the AI Assistant page |
|
Thanks for the feedback @viduni94 and @isaclfreire - makes sense to me and if that's the agreed addition, I'll include it in this PR. |
|
Team, you will notice that the text alignment is different depending on whether the callout is rendered in the knowledge base tab or in the conversation with assistant, due to the style of parent component (as defined here). I didn't want to on about manipulating CSS or existing UI components in my first PR without getting your thoughts. Options:
Let me know your thoughts and whether it's ok to keep the callout in the assistant page as is. |
| return ( | ||
| <EuiFlexGroup justifyContent="center" gutterSize="s"> | ||
| <EuiFlexItem grow> | ||
| <EuiCallOut |
There was a problem hiding this comment.
Can you extract this callout to a re-usable component and use it in here and in settings?
There was a problem hiding this comment.
Sure, thanks for pointing out.
I thought that makes sense too, but then the namespaces seemed different and I sort of kept separate and leave for feedback.
viduni94
left a comment
There was a problem hiding this comment.
@isaclfreire could you confirm whether the design for the flyout and page is okay?
I feel like it should appear above the logo (similar to the EIS callout) and wondering whether it should be sticky? Open to hear your thoughts.
@viduni94 - any suggestions on how to reproduce the EIS callout? I traversed the component tree up to find it, but didn't have much luck. I've extracted the reindexing callout into a shareable component as per your suggestion though :) |
Hey @SrdjanLL |
|
Ahh, thanks for sharing the PR @viduni94 - looks like a good option as well. Sounds good, let us know what you think @isaclfreire :) |
Sounds good to me 👍 |
Imo it should be sticky (aka non-dismissible) because that's simpler to implement and it will automatically disappear when re-indexing completes. This also provides the user with insights into whether the re-indexing operation somehow got stuck. We do not show or handle that anywhere else. |
I think we should keep callouts consistent so above the logo is the way to go. The EIS callout is sticky right? If so, I would keep the same experience. Nice catch 👍 |
|
@isaclfreire thanks for the feedback - I'll implement the callout above the logo! Looks like the EIS callout is not sticky though. Adding it here from Viduni's PR for visibility: For the reasons @sorenlouv mentioned above, think it might be worth going with sticky callout here even if it's different to EIS:
Feel free to let me know if you disagree 🙂 |
|
LGTM 👍 |
@SrdjanLL The EIS callout is sticky. |
What does "sticky" mean here? I originally thought it meant "non-dismissible" but I see the close icon (X). Does "sticky" refer to the banner being a "sticky header" that remains fixed at the top of the viewport as a user scrolls down? |
Yes The EIS callout is dismissible, but I think the re-indexing callout should be non-dismissible |
|
Ahh, I see. I initially interpreted "sticky" the same way @sorenlouv did. I'll make sure the callout is bot non-dismissible and sticky. Thanks @viduni94 and apologies for the confusion. |
…tent with Elastic LLM callout that can appear simultaneously
…efinition for the comment list
4a0fd87 to
17416fa
Compare
Thank you for spotting this @viduni94 . Does it happen after installation or the users already see installation as complete? I've also not been able to reproduce locally so will wait on the new serverless deployment to complete before trying to see. I have provisionally updated the wording to: Let me know if that sounds all right and I will also ask @isaclfreire for feedback. |
Agree with specifying in the copy. The proposal LGTM! |
37b1526 to
9edbb0f
Compare
💚 Build Succeeded
Metrics [docs]Module Count
Async chunks
History
|
Here's the video that I couldn't capture before Screen.Recording.2025-06-12.at.12.41.58.PM.mov |
| tourCalloutDismissed; | ||
|
|
||
| const showKnowledgeBaseReIndexingCallout = | ||
| knowledgeBase.status.value?.enabled === true && |
There was a problem hiding this comment.
nit:
| knowledgeBase.status.value?.enabled === true && | |
| knowledgeBase.status.value?.enabled && |
There was a problem hiding this comment.
These changes cause amguous type errors: Type 'boolean | undefined' is not assignable to type 'boolean' for the flag, so I hope it's all right to leave as is :)
| const showKnowledgeBaseReIndexingCallout = | ||
| knowledgeBase.status.value?.enabled === true && | ||
| knowledgeBase.status.value?.kbState === KnowledgeBaseState.READY && | ||
| knowledgeBase.status.value?.isReIndexing === true; |
There was a problem hiding this comment.
nit:
| knowledgeBase.status.value?.isReIndexing === true; | |
| knowledgeBase.status.value?.isReIndexing; |
|
Starting backport for target branches: 8.19 https://github.com/elastic/kibana/actions/runs/15633478751 |
💔 All backports failed
Manual backportTo create the backport manually run: Questions ?Please refer to the Backport tool documentation |
💚 All backports created successfully
Note: Successful backport PRs will be merged automatically after passing CI. Questions ?Please refer to the Backport tool documentation |
…in progress (#222593) (#223906) # Backport This will backport the following commits from `main` to `8.19`: - [[Obs AI Assistant] Display warning banner when re-indexing is in progress (#222593)](#222593) <!--- Backport version: 10.0.0 --> ### Questions ? Please refer to the [Backport tool documentation](https://github.com/sorenlouv/backport) <!--BACKPORT [{"author":{"name":"Srdjan Lulic","email":"srdjan.lulic@elastic.co"},"sourceCommit":{"committedDate":"2025-06-13T11:28:52Z","message":"[Obs AI Assistant] Display warning banner when re-indexing is in progress (#222593)\n\nCloses #221837\n\n## Summary\n\nThis PR adds a warning callout to the Assistant Page, Flyout and\nKnowledge Base tab, to make users aware when knowledge base is\nre-indexing.\n\nThis will help avoid users' worry that their data is lost since it's not\nalways shown during re-indexing.\n \nThe banner relies on the `isReIndexing` flag from the knowledge base\nstatus. Once the state changes to `isReIndexing=false`, the banner\ndisappears.\n\n### Screenshots\n\n<img width=\"1481\" alt=\"image\"\nsrc=\"https://github.com/user-attachments/assets/b56f4d7a-ce97-4c33-a80f-4ce342f3e8b7\"\n/>\n\n<img width=\"1725\" alt=\"image\"\nsrc=\"https://github.com/user-attachments/assets/38d63042-df9c-4d8b-9963-606cd076a67a\"\n/>\n\n<img width=\"1481\" alt=\"image\"\nsrc=\"https://github.com/user-attachments/assets/32908997-dfcc-4162-9103-f07ed21c27eb\"\n/>\n\n\n#### When shown simultaneously with Elastic Managed LLM Callout\n\n<img width=\"1481\" alt=\"image\"\nsrc=\"https://github.com/user-attachments/assets/45bb49ec-149f-446a-ad1b-6773a08d8c95\"\n/>\n\n\n### Checklist\n\nCheck the PR satisfies following conditions. \n\nReviewers should verify this PR satisfies this list as well.\n\n- [x] Any text added follows [EUI's writing\nguidelines](https://elastic.github.io/eui/#/guidelines/writing), uses\nsentence case text and includes [i18n\nsupport](https://github.com/elastic/kibana/blob/main/src/platform/packages/shared/kbn-i18n/README.md)\n- [x] [Unit or functional\ntests](https://www.elastic.co/guide/en/kibana/master/development-tests.html)\nwere updated or added to match the most common scenarios\n- [x] This was checked for breaking HTTP API changes, and any breaking\nchanges have been approved by the breaking-change committee. The\n`release_note:breaking` label should be applied in these situations.\n- [] [Flaky Test\nRunner](https://ci-stats.kibana.dev/trigger_flaky_test_runner/1) was\nused on any tests changed -**I'm not sure about this one - let me know\nif there are any related tests I should execute here**.\n- [x] The PR description includes the appropriate Release Notes section,\nand the correct `release_note:*` label is applied per the\n[guidelines](https://www.elastic.co/guide/en/kibana/master/contributing.html#kibana-release-notes-process)","sha":"1d2ab08596bbf99f79e764455a8b3d4bba8443fe","branchLabelMapping":{"^v9.1.0$":"main","^v(\\d+).(\\d+).\\d+$":"$1.$2"}},"sourcePullRequest":{"labels":["release_note:skip","Team:Obs AI Assistant","ci:project-deploy-observability","backport:version","v9.1.0","v8.19.0"],"title":"[Obs AI Assistant] Display warning banner when re-indexing is in progress","number":222593,"url":"https://github.com/elastic/kibana/pull/222593","mergeCommit":{"message":"[Obs AI Assistant] Display warning banner when re-indexing is in progress (#222593)\n\nCloses #221837\n\n## Summary\n\nThis PR adds a warning callout to the Assistant Page, Flyout and\nKnowledge Base tab, to make users aware when knowledge base is\nre-indexing.\n\nThis will help avoid users' worry that their data is lost since it's not\nalways shown during re-indexing.\n \nThe banner relies on the `isReIndexing` flag from the knowledge base\nstatus. Once the state changes to `isReIndexing=false`, the banner\ndisappears.\n\n### Screenshots\n\n<img width=\"1481\" alt=\"image\"\nsrc=\"https://github.com/user-attachments/assets/b56f4d7a-ce97-4c33-a80f-4ce342f3e8b7\"\n/>\n\n<img width=\"1725\" alt=\"image\"\nsrc=\"https://github.com/user-attachments/assets/38d63042-df9c-4d8b-9963-606cd076a67a\"\n/>\n\n<img width=\"1481\" alt=\"image\"\nsrc=\"https://github.com/user-attachments/assets/32908997-dfcc-4162-9103-f07ed21c27eb\"\n/>\n\n\n#### When shown simultaneously with Elastic Managed LLM Callout\n\n<img width=\"1481\" alt=\"image\"\nsrc=\"https://github.com/user-attachments/assets/45bb49ec-149f-446a-ad1b-6773a08d8c95\"\n/>\n\n\n### Checklist\n\nCheck the PR satisfies following conditions. \n\nReviewers should verify this PR satisfies this list as well.\n\n- [x] Any text added follows [EUI's writing\nguidelines](https://elastic.github.io/eui/#/guidelines/writing), uses\nsentence case text and includes [i18n\nsupport](https://github.com/elastic/kibana/blob/main/src/platform/packages/shared/kbn-i18n/README.md)\n- [x] [Unit or functional\ntests](https://www.elastic.co/guide/en/kibana/master/development-tests.html)\nwere updated or added to match the most common scenarios\n- [x] This was checked for breaking HTTP API changes, and any breaking\nchanges have been approved by the breaking-change committee. The\n`release_note:breaking` label should be applied in these situations.\n- [] [Flaky Test\nRunner](https://ci-stats.kibana.dev/trigger_flaky_test_runner/1) was\nused on any tests changed -**I'm not sure about this one - let me know\nif there are any related tests I should execute here**.\n- [x] The PR description includes the appropriate Release Notes section,\nand the correct `release_note:*` label is applied per the\n[guidelines](https://www.elastic.co/guide/en/kibana/master/contributing.html#kibana-release-notes-process)","sha":"1d2ab08596bbf99f79e764455a8b3d4bba8443fe"}},"sourceBranch":"main","suggestedTargetBranches":["8.19"],"targetPullRequestStates":[{"branch":"main","label":"v9.1.0","branchLabelMappingKey":"^v9.1.0$","isSourceBranch":true,"state":"MERGED","url":"https://github.com/elastic/kibana/pull/222593","number":222593,"mergeCommit":{"message":"[Obs AI Assistant] Display warning banner when re-indexing is in progress (#222593)\n\nCloses #221837\n\n## Summary\n\nThis PR adds a warning callout to the Assistant Page, Flyout and\nKnowledge Base tab, to make users aware when knowledge base is\nre-indexing.\n\nThis will help avoid users' worry that their data is lost since it's not\nalways shown during re-indexing.\n \nThe banner relies on the `isReIndexing` flag from the knowledge base\nstatus. Once the state changes to `isReIndexing=false`, the banner\ndisappears.\n\n### Screenshots\n\n<img width=\"1481\" alt=\"image\"\nsrc=\"https://github.com/user-attachments/assets/b56f4d7a-ce97-4c33-a80f-4ce342f3e8b7\"\n/>\n\n<img width=\"1725\" alt=\"image\"\nsrc=\"https://github.com/user-attachments/assets/38d63042-df9c-4d8b-9963-606cd076a67a\"\n/>\n\n<img width=\"1481\" alt=\"image\"\nsrc=\"https://github.com/user-attachments/assets/32908997-dfcc-4162-9103-f07ed21c27eb\"\n/>\n\n\n#### When shown simultaneously with Elastic Managed LLM Callout\n\n<img width=\"1481\" alt=\"image\"\nsrc=\"https://github.com/user-attachments/assets/45bb49ec-149f-446a-ad1b-6773a08d8c95\"\n/>\n\n\n### Checklist\n\nCheck the PR satisfies following conditions. \n\nReviewers should verify this PR satisfies this list as well.\n\n- [x] Any text added follows [EUI's writing\nguidelines](https://elastic.github.io/eui/#/guidelines/writing), uses\nsentence case text and includes [i18n\nsupport](https://github.com/elastic/kibana/blob/main/src/platform/packages/shared/kbn-i18n/README.md)\n- [x] [Unit or functional\ntests](https://www.elastic.co/guide/en/kibana/master/development-tests.html)\nwere updated or added to match the most common scenarios\n- [x] This was checked for breaking HTTP API changes, and any breaking\nchanges have been approved by the breaking-change committee. The\n`release_note:breaking` label should be applied in these situations.\n- [] [Flaky Test\nRunner](https://ci-stats.kibana.dev/trigger_flaky_test_runner/1) was\nused on any tests changed -**I'm not sure about this one - let me know\nif there are any related tests I should execute here**.\n- [x] The PR description includes the appropriate Release Notes section,\nand the correct `release_note:*` label is applied per the\n[guidelines](https://www.elastic.co/guide/en/kibana/master/contributing.html#kibana-release-notes-process)","sha":"1d2ab08596bbf99f79e764455a8b3d4bba8443fe"}},{"branch":"8.19","label":"v8.19.0","branchLabelMappingKey":"^v(\\d+).(\\d+).\\d+$","isSourceBranch":false,"state":"NOT_CREATED"}]}] BACKPORT--> --------- Co-authored-by: kibanamachine <42973632+kibanamachine@users.noreply.github.com>
…ress (elastic#222593) Closes elastic#221837 ## Summary This PR adds a warning callout to the Assistant Page, Flyout and Knowledge Base tab, to make users aware when knowledge base is re-indexing. This will help avoid users' worry that their data is lost since it's not always shown during re-indexing. The banner relies on the `isReIndexing` flag from the knowledge base status. Once the state changes to `isReIndexing=false`, the banner disappears. ### Screenshots <img width="1481" alt="image" src="https://github.com/user-attachments/assets/b56f4d7a-ce97-4c33-a80f-4ce342f3e8b7" /> <img width="1725" alt="image" src="https://github.com/user-attachments/assets/38d63042-df9c-4d8b-9963-606cd076a67a" /> <img width="1481" alt="image" src="https://github.com/user-attachments/assets/32908997-dfcc-4162-9103-f07ed21c27eb" /> #### When shown simultaneously with Elastic Managed LLM Callout <img width="1481" alt="image" src="https://github.com/user-attachments/assets/45bb49ec-149f-446a-ad1b-6773a08d8c95" /> ### Checklist Check the PR satisfies following conditions. Reviewers should verify this PR satisfies this list as well. - [x] Any text added follows [EUI's writing guidelines](https://elastic.github.io/eui/#/guidelines/writing), uses sentence case text and includes [i18n support](https://github.com/elastic/kibana/blob/main/src/platform/packages/shared/kbn-i18n/README.md) - [x] [Unit or functional tests](https://www.elastic.co/guide/en/kibana/master/development-tests.html) were updated or added to match the most common scenarios - [x] This was checked for breaking HTTP API changes, and any breaking changes have been approved by the breaking-change committee. The `release_note:breaking` label should be applied in these situations. - [] [Flaky Test Runner](https://ci-stats.kibana.dev/trigger_flaky_test_runner/1) was used on any tests changed -**I'm not sure about this one - let me know if there are any related tests I should execute here**. - [x] The PR description includes the appropriate Release Notes section, and the correct `release_note:*` label is applied per the [guidelines](https://www.elastic.co/guide/en/kibana/master/contributing.html#kibana-release-notes-process)


Closes #221837
Summary
This PR adds a warning callout to the Assistant Page, Flyout and Knowledge Base tab, to make users aware when knowledge base is re-indexing.
This will help avoid users' worry that their data is lost since it's not always shown during re-indexing.
The banner relies on the
isReIndexingflag from the knowledge base status. Once the state changes toisReIndexing=false, the banner disappears.Screenshots
When shown simultaneously with Elastic Managed LLM Callout
Checklist
Check the PR satisfies following conditions.
Reviewers should verify this PR satisfies this list as well.
release_note:breakinglabel should be applied in these situations.release_note:*label is applied per the guidelines