# Backport
This will backport the following commits from `main` to `9.0`:
- [Upgrade to Storybook 8
(#195148)](https://github.com/elastic/kibana/pull/195148)
<!--- Backport version: 9.6.6 -->
### Questions ?
Please refer to the [Backport tool
documentation](https://github.com/sorenlouv/backport)
<!--BACKPORT [{"author":{"name":"Brad
White","email":"Ikuni17@users.noreply.github.com"},"sourceCommit":{"committedDate":"2025-03-14T22:41:03Z","message":"Upgrade
to Storybook 8 (#195148)\n\n## Summary\n\nDepends on #191106\nCloses
#171591\n\nThis PR migrates Storybook from `6.x` to `8.x`. Please see
the\n[migration\nguide](https://storybook.js.org/docs/migration-guide/from-older-version)\nfor
an overview of the changes because there are many breaking
changes\nwhich effect Kibana. The TODO list below is not inclusive of
all the\nchanges.\n\n## Reviewers\n### Each commit contains all files
changed for a specific codeowner,\nplease find your respective commit to
make review easier.\n\nA **first step before code review** should be
checking the
[`Storybooks\nPreview`](https://ci-artifacts.kibana.dev/storybooks/pr-195148/index.html)\nfrom
CI for any runtime or style issues which were missed. The preview\ncan
be compared to a build from
`main`\n[here](https://ci-artifacts.kibana.dev/storybooks/pr-212585/index.html).\nIt
is worth noting that some stories have runtime issues which
existed\nbefore this migration.\n\nMost stories appear to have been
migrated properly, but the Operations\nteam does not have prior
knowledge into every story. Some of the\nmigration was able to be
automated through Storybook provided scripts.\nIt is possible this
wasn't entirely correct due to the structure of some\nstories.
Additionally, part of this migration is moving Storybook to\nWebpack 5
which changed how styles are being loaded.\n\n#### TODO\n- [x] Migrate
`stories.mdx`\n- [x] storyshots\n- [x]
[Migrate\npackages](https://storybook.js.org/docs/migration-guide/from-older-version#package-structure-changes)\nwhich
were removed in `8.0`\n- [x] `react-doc-gen` resolution\n- [x]
[Migrate\nblocks](https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#addon-docs-removed-deprecated-blocksjs-entry)\n-
[x] Migrate deprecated `addon-knobs`
to\n[addon-controls](https://www.npmjs.com/package/@storybook/addon-controls)\n-
[x] React Fast Refresh support\n- [x] Watch flag callback\n- [x]
`canvas` webpack\n- [x] Rerun CSF migrations for new stories\n- [x]
Handle ESM import for `addon-docs`\n- [x] `'@storybook/addon-actions'
should be listed in the project's\ndependencies. Run 'npm i -S
@storybook/addon-actions' to
add\niteslint[import/no-extraneous-dependencies](https://github.com/import-js/eslint-plugin-import/blob/v2.28.0/docs/rules/no-extraneous-dependencies.md)`\n-
[x] `addDecorator` migration \n- [x] `addParameter` migration\n- [x]
static build\n- [ ] determine if #176500 is solved or push to followup
PR\n - This will need to be fixed separately\n- [x] revert
`.buildkite/pipelines/pull_request/base.yml`
&\n`.buildkite/scripts/pipelines/pull_request/pipeline.ts` to
`main`\n\n---------\n\nCo-authored-by: Tiago Costa
<tiago.costa@elastic.co>\nCo-authored-by: kibanamachine
<42973632+kibanamachine@users.noreply.github.com>\nCo-authored-by: Jacek
Kolezynski <jacek.kolezynski@elastic.co>\nCo-authored-by: Stratoula
Kalafateli <efstratia.kalafateli@elastic.co>\nCo-authored-by: Clint
Andrew Hall
<clint@clintandrewhall.com>","sha":"403b5f23636d61809d23851f856ff0e26235b22f","branchLabelMapping":{"^v9.1.0$":"main","^v8.19.0$":"8.x","^v(\\d+).(\\d+).\\d+$":"$1.$2"}},"sourcePullRequest":{"labels":["Team:Operations","release_note:skip","Team:Fleet","v9.0.0","ci:build-storybooks","Team:Obs
AI Assistant","backport:version","v9.1.0","v8.19.0"],"title":"Upgrade to
Storybook
8","number":195148,"url":"https://github.com/elastic/kibana/pull/195148","mergeCommit":{"message":"Upgrade
to Storybook 8 (#195148)\n\n## Summary\n\nDepends on #191106\nCloses
#171591\n\nThis PR migrates Storybook from `6.x` to `8.x`. Please see
the\n[migration\nguide](https://storybook.js.org/docs/migration-guide/from-older-version)\nfor
an overview of the changes because there are many breaking
changes\nwhich effect Kibana. The TODO list below is not inclusive of
all the\nchanges.\n\n## Reviewers\n### Each commit contains all files
changed for a specific codeowner,\nplease find your respective commit to
make review easier.\n\nA **first step before code review** should be
checking the
[`Storybooks\nPreview`](https://ci-artifacts.kibana.dev/storybooks/pr-195148/index.html)\nfrom
CI for any runtime or style issues which were missed. The preview\ncan
be compared to a build from
`main`\n[here](https://ci-artifacts.kibana.dev/storybooks/pr-212585/index.html).\nIt
is worth noting that some stories have runtime issues which
existed\nbefore this migration.\n\nMost stories appear to have been
migrated properly, but the Operations\nteam does not have prior
knowledge into every story. Some of the\nmigration was able to be
automated through Storybook provided scripts.\nIt is possible this
wasn't entirely correct due to the structure of some\nstories.
Additionally, part of this migration is moving Storybook to\nWebpack 5
which changed how styles are being loaded.\n\n#### TODO\n- [x] Migrate
`stories.mdx`\n- [x] storyshots\n- [x]
[Migrate\npackages](https://storybook.js.org/docs/migration-guide/from-older-version#package-structure-changes)\nwhich
were removed in `8.0`\n- [x] `react-doc-gen` resolution\n- [x]
[Migrate\nblocks](https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#addon-docs-removed-deprecated-blocksjs-entry)\n-
[x] Migrate deprecated `addon-knobs`
to\n[addon-controls](https://www.npmjs.com/package/@storybook/addon-controls)\n-
[x] React Fast Refresh support\n- [x] Watch flag callback\n- [x]
`canvas` webpack\n- [x] Rerun CSF migrations for new stories\n- [x]
Handle ESM import for `addon-docs`\n- [x] `'@storybook/addon-actions'
should be listed in the project's\ndependencies. Run 'npm i -S
@storybook/addon-actions' to
add\niteslint[import/no-extraneous-dependencies](https://github.com/import-js/eslint-plugin-import/blob/v2.28.0/docs/rules/no-extraneous-dependencies.md)`\n-
[x] `addDecorator` migration \n- [x] `addParameter` migration\n- [x]
static build\n- [ ] determine if #176500 is solved or push to followup
PR\n - This will need to be fixed separately\n- [x] revert
`.buildkite/pipelines/pull_request/base.yml`
&\n`.buildkite/scripts/pipelines/pull_request/pipeline.ts` to
`main`\n\n---------\n\nCo-authored-by: Tiago Costa
<tiago.costa@elastic.co>\nCo-authored-by: kibanamachine
<42973632+kibanamachine@users.noreply.github.com>\nCo-authored-by: Jacek
Kolezynski <jacek.kolezynski@elastic.co>\nCo-authored-by: Stratoula
Kalafateli <efstratia.kalafateli@elastic.co>\nCo-authored-by: Clint
Andrew Hall
<clint@clintandrewhall.com>","sha":"403b5f23636d61809d23851f856ff0e26235b22f"}},"sourceBranch":"main","suggestedTargetBranches":["9.0","8.x"],"targetPullRequestStates":[{"branch":"9.0","label":"v9.0.0","branchLabelMappingKey":"^v(\\d+).(\\d+).\\d+$","isSourceBranch":false,"state":"NOT_CREATED"},{"branch":"main","label":"v9.1.0","branchLabelMappingKey":"^v9.1.0$","isSourceBranch":true,"state":"MERGED","url":"https://github.com/elastic/kibana/pull/195148","number":195148,"mergeCommit":{"message":"Upgrade
to Storybook 8 (#195148)\n\n## Summary\n\nDepends on #191106\nCloses
#171591\n\nThis PR migrates Storybook from `6.x` to `8.x`. Please see
the\n[migration\nguide](https://storybook.js.org/docs/migration-guide/from-older-version)\nfor
an overview of the changes because there are many breaking
changes\nwhich effect Kibana. The TODO list below is not inclusive of
all the\nchanges.\n\n## Reviewers\n### Each commit contains all files
changed for a specific codeowner,\nplease find your respective commit to
make review easier.\n\nA **first step before code review** should be
checking the
[`Storybooks\nPreview`](https://ci-artifacts.kibana.dev/storybooks/pr-195148/index.html)\nfrom
CI for any runtime or style issues which were missed. The preview\ncan
be compared to a build from
`main`\n[here](https://ci-artifacts.kibana.dev/storybooks/pr-212585/index.html).\nIt
is worth noting that some stories have runtime issues which
existed\nbefore this migration.\n\nMost stories appear to have been
migrated properly, but the Operations\nteam does not have prior
knowledge into every story. Some of the\nmigration was able to be
automated through Storybook provided scripts.\nIt is possible this
wasn't entirely correct due to the structure of some\nstories.
Additionally, part of this migration is moving Storybook to\nWebpack 5
which changed how styles are being loaded.\n\n#### TODO\n- [x] Migrate
`stories.mdx`\n- [x] storyshots\n- [x]
[Migrate\npackages](https://storybook.js.org/docs/migration-guide/from-older-version#package-structure-changes)\nwhich
were removed in `8.0`\n- [x] `react-doc-gen` resolution\n- [x]
[Migrate\nblocks](https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#addon-docs-removed-deprecated-blocksjs-entry)\n-
[x] Migrate deprecated `addon-knobs`
to\n[addon-controls](https://www.npmjs.com/package/@storybook/addon-controls)\n-
[x] React Fast Refresh support\n- [x] Watch flag callback\n- [x]
`canvas` webpack\n- [x] Rerun CSF migrations for new stories\n- [x]
Handle ESM import for `addon-docs`\n- [x] `'@storybook/addon-actions'
should be listed in the project's\ndependencies. Run 'npm i -S
@storybook/addon-actions' to
add\niteslint[import/no-extraneous-dependencies](https://github.com/import-js/eslint-plugin-import/blob/v2.28.0/docs/rules/no-extraneous-dependencies.md)`\n-
[x] `addDecorator` migration \n- [x] `addParameter` migration\n- [x]
static build\n- [ ] determine if #176500 is solved or push to followup
PR\n - This will need to be fixed separately\n- [x] revert
`.buildkite/pipelines/pull_request/base.yml`
&\n`.buildkite/scripts/pipelines/pull_request/pipeline.ts` to
`main`\n\n---------\n\nCo-authored-by: Tiago Costa
<tiago.costa@elastic.co>\nCo-authored-by: kibanamachine
<42973632+kibanamachine@users.noreply.github.com>\nCo-authored-by: Jacek
Kolezynski <jacek.kolezynski@elastic.co>\nCo-authored-by: Stratoula
Kalafateli <efstratia.kalafateli@elastic.co>\nCo-authored-by: Clint
Andrew Hall
<clint@clintandrewhall.com>","sha":"403b5f23636d61809d23851f856ff0e26235b22f"}},{"branch":"8.x","label":"v8.19.0","branchLabelMappingKey":"^v8.19.0$","isSourceBranch":false,"state":"NOT_CREATED"}]}]
BACKPORT-->
## Summary
In #193488, `KBN_DIR` was changed to be a dynamic variable. It wasn't
being properly propagated through the build process in the Dockerfile
and the full path to `env.sh` wasn't being set. This passes the
directory as a build `ARG` as well to fix the path.
## Summary
- Fixes an issue where the container would not be setup or start
properly if the repo wasn't name `kibana`
- Adds limitations section to docs
## Summary
- Closeselastic/kibana-operations#101
This PR adds a [Dev Container](https://containers.dev/) to utilize for
Kibana local development in an isolated environment. The original
intention was to create a local environment for FIPS development because
setting up Kibana in FIPS mode is complicated and has the potential to
break the user's OS. However, it has been altered to allow for general
development if an engineer chooses as well. The idea is for this be a
cost efficient replacement for
[kibana-remote-dev](https://github.com/elastic/kibana-remote-dev)
eventually.
### Testing
- In VS Code you should be able to use the `Dev Containers: Clone GitHub
Pull Request in Named Container Volume...` command from the Command
Palette (F1) to easily test this PR.
- See the
[docs](bd125fc230/dev_docs/getting_started/setting_up_a_development_env.mdx (using-the-kibana-dev-container-optional))
for additional information on setting up the Dev Container.
### Bazel
I tried many different solutions to copy the local Bazel cache into the
container to speed up bootstrap, but it either would break Bazel or
didn't provide any meaningful boost in performance. I opted to forgo
keeping it in this PR due to the complexity and since we're planning to
phase out Bazel in the future anyways.
