[8.x] [ai][assistant] Create AI Assistant Icon, Avatar, Beacon (#203879…

…) (#204745)

# Backport

This will backport the following commits from `main` to `8.x`:
- [[ai][assistant] Create AI Assistant Icon, Avatar, Beacon
(#203879)](#203879)

<!--- Backport version: 8.9.8 -->

### Questions ?
Please refer to the [Backport tool
documentation](https://github.com/sqren/backport)

<!--BACKPORT [{"author":{"name":"Clint Andrew
Hall","email":"[email protected]"},"sourceCommit":{"committedDate":"2024-12-13T21:18:35Z","message":"[ai][assistant]
Create AI Assistant Icon, Avatar, Beacon
(#203879)","sha":"666a0cf9719a0af7c868a36f49b9d478b59a39a2","branchLabelMapping":{"^v9.0.0$":"main","^v8.18.0$":"8.x","^v(\\d+).(\\d+).\\d+$":"$1.$2"}},"sourcePullRequest":{"labels":["review","release_note:skip","v9.0.0","Team:Obs
AI
Assistant","ci:project-deploy-observability","v8.18.0"],"number":203879,"url":"https://github.com/elastic/kibana/pull/203879","mergeCommit":{"message":"[ai][assistant]
Create AI Assistant Icon, Avatar, Beacon
(#203879)","sha":"666a0cf9719a0af7c868a36f49b9d478b59a39a2"}},"sourceBranch":"main","suggestedTargetBranches":["8.x"],"targetPullRequestStates":[{"branch":"main","label":"v9.0.0","labelRegex":"^v9.0.0$","isSourceBranch":true,"state":"MERGED","url":"https://github.com/elastic/kibana/pull/203879","number":203879,"mergeCommit":{"message":"[ai][assistant]
Create AI Assistant Icon, Avatar, Beacon
(#203879)","sha":"666a0cf9719a0af7c868a36f49b9d478b59a39a2"}},{"branch":"8.x","label":"v8.18.0","labelRegex":"^v8.18.0$","isSourceBranch":false,"state":"NOT_CREATED"}]}]
BACKPORT-->

.buildkite/scripts/steps/storybooks/build_and_upload.ts

@@ -14,6 +14,7 @@ import { getKibanaDir } from '#pipeline-utils';
 
 // TODO - how to generate this dynamically?
 const STORYBOOKS = [
+  'ai_assistant',
   'apm',
   'canvas',
   'cases',

.github/CODEOWNERS

@@ -11,7 +11,8 @@ x-pack/test/alerting_api_integration/common/plugins/actions_simulators @elastic/
 packages/kbn-actions-types @elastic/response-ops
 src/plugins/advanced_settings @elastic/appex-sharedux @elastic/kibana-management
 x-pack/packages/kbn-ai-assistant @elastic/search-kibana
-x-pack/packages/kbn-ai-assistant-common @elastic/search-kibana
+x-pack/platform/packages/shared/ai-assistant/common @elastic/search-kibana
+x-pack/platform/packages/shared/ai-assistant/icon @elastic/appex-sharedux
 src/platform/plugins/shared/ai_assistant_management/selection @elastic/obs-ai-assistant
 x-pack/platform/packages/private/ml/aiops_change_point_detection @elastic/ml-ui
 x-pack/platform/packages/shared/ml/aiops_common @elastic/ml-ui

package.json

@@ -158,7 +158,8 @@
     "@kbn/actions-types": "link:packages/kbn-actions-types",
     "@kbn/advanced-settings-plugin": "link:src/plugins/advanced_settings",
     "@kbn/ai-assistant": "link:x-pack/packages/kbn-ai-assistant",
-    "@kbn/ai-assistant-common": "link:x-pack/packages/kbn-ai-assistant-common",
+    "@kbn/ai-assistant-common": "link:x-pack/platform/packages/shared/ai-assistant/common",
+    "@kbn/ai-assistant-icon": "link:x-pack/platform/packages/shared/ai-assistant/icon",
     "@kbn/ai-assistant-management-plugin": "link:src/platform/plugins/shared/ai_assistant_management/selection",
     "@kbn/aiops-change-point-detection": "link:x-pack/platform/packages/private/ml/aiops_change_point_detection",
     "@kbn/aiops-common": "link:x-pack/platform/packages/shared/ml/aiops_common",

src/dev/storybook/aliases.ts

@@ -12,6 +12,7 @@
 // If you wish for your Storybook to be built and included in CI, also add your
 // alias to .buildkite/scripts/steps/storybooks/build_and_upload.ts
 export const storybookAliases = {
+  ai_assistant: 'x-pack/packages/kbn-ai-assistant/.storybook',
   apm: 'x-pack/plugins/observability_solution/apm/.storybook',
   canvas: 'x-pack/plugins/canvas/storybook',
   cases: 'packages/kbn-cases-components/.storybook',

tsconfig.base.json

@@ -16,8 +16,10 @@
       "@kbn/advanced-settings-plugin/*": ["src/plugins/advanced_settings/*"],
       "@kbn/ai-assistant": ["x-pack/packages/kbn-ai-assistant"],
       "@kbn/ai-assistant/*": ["x-pack/packages/kbn-ai-assistant/*"],
-      "@kbn/ai-assistant-common": ["x-pack/packages/kbn-ai-assistant-common"],
-      "@kbn/ai-assistant-common/*": ["x-pack/packages/kbn-ai-assistant-common/*"],
+      "@kbn/ai-assistant-common": ["x-pack/platform/packages/shared/ai-assistant/common"],
+      "@kbn/ai-assistant-common/*": ["x-pack/platform/packages/shared/ai-assistant/common/*"],
+      "@kbn/ai-assistant-icon": ["x-pack/platform/packages/shared/ai-assistant/icon"],
+      "@kbn/ai-assistant-icon/*": ["x-pack/platform/packages/shared/ai-assistant/icon/*"],
       "@kbn/ai-assistant-management-plugin": ["src/platform/plugins/shared/ai_assistant_management/selection"],
       "@kbn/ai-assistant-management-plugin/*": ["src/platform/plugins/shared/ai_assistant_management/selection/*"],
       "@kbn/aiops-change-point-detection": ["x-pack/platform/packages/private/ml/aiops_change_point_detection"],

x-pack/packages/kbn-ai-assistant/.storybook/main.ts

@@ -0,0 +1,19 @@
+/*
+ * 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 { defaultConfig } from '@kbn/storybook';
+
+module.exports = {
+  ...defaultConfig,
+  stories: [
+    '../**/*.stories.tsx',
+    '../../../platform/packages/shared/ai-assistant/**/*.stories.tsx',
+  ],
+  reactOptions: {
+    strictMode: true,
+  },
+};

x-pack/packages/kbn-ai-assistant/.storybook/manager.ts

@@ -0,0 +1,20 @@
+/*
+ * 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 { addons } from '@storybook/addons';
+import { create } from '@storybook/theming';
+import { PANEL_ID } from '@storybook/addon-actions';
+
+addons.setConfig({
+  theme: create({
+    base: 'light',
+    brandTitle: 'AI Assistant Storybook',
+    brandUrl: 'https://github.com/elastic/kibana/tree/main/x-pack/packages/kbn-ai-assistant',
+  }),
+  showPanel: true.valueOf,
+  selectedPanel: PANEL_ID,
+});