Merge pull request #32180 from backstage/storybook-mcp

Add Storybook MCP
2026-01-07 18:13:47 +01:00
parent c7e21b7a33 1c1d4b6f05
commit 5d71ad009e
89 changed files with 367 additions and 124 deletions
@@ -1,3 +1,4 @@
+// This file has been automatically migrated to valid ESM format by Storybook.
 import { defineMain } from '@storybook/react-vite/node';
 import { fileURLToPath } from 'node:url';
 import { createRequire } from 'node:module';
@@ -49,11 +50,16 @@ export default defineMain({
    getAbsolutePath('@storybook/addon-docs'),
    getAbsolutePath('@storybook/addon-a11y'),
    getAbsolutePath('@storybook/addon-vitest'),
+    getAbsolutePath('@storybook/addon-mcp'),
  ],
  framework: {
    name: getAbsolutePath('@storybook/react-vite'),
    options: {},
  },
+  features: {
+    experimentalComponentsManifest: true,
+    experimentalCodeExamples: true, // optional
+  },
  viteFinal: async (config, { configType }) => {
    // Add Node.js polyfills for browser compatibility
    //
@@ -21,6 +21,7 @@ import './storybook.css';
 import './themes/spotify.css';

 export default definePreview({
+  tags: ['manifest'],
  globalTypes: {
    themeMode: {
      name: 'Theme Mode',
@@ -107,6 +108,13 @@ export default definePreview({
        // 'dark spotify': allModes['dark spotify'],
      },
    },
+
+    a11y: {
+      // 'todo' - show a11y violations in the test UI only
+      // 'error' - fail CI on a11y violations
+      // 'off' - skip a11y checks entirely
+      test: 'todo',
+    },
  },

  decorators: [
@@ -138,12 +138,13 @@
    "@octokit/rest": "^19.0.3",
    "@playwright/test": "^1.32.3",
    "@spotify/eslint-plugin": "^15.0.0",
-    "@storybook/addon-a11y": "^10.1.9",
-    "@storybook/addon-docs": "^10.1.9",
-    "@storybook/addon-links": "^10.1.9",
-    "@storybook/addon-themes": "^10.1.9",
-    "@storybook/addon-vitest": "^10.1.9",
-    "@storybook/react-vite": "^10.1.9",
+    "@storybook/addon-a11y": "^10.2.0-alpha.7",
+    "@storybook/addon-docs": "^10.2.0-alpha.7",
+    "@storybook/addon-links": "^10.2.0-alpha.7",
+    "@storybook/addon-mcp": "0.1.4-next.2",
+    "@storybook/addon-themes": "^10.2.0-alpha.7",
+    "@storybook/addon-vitest": "^10.2.0-alpha.7",
+    "@storybook/react-vite": "^10.2.0-alpha.7",
    "@techdocs/cli": "workspace:*",
    "@types/cacheable-request": "^8.3.6",
    "@types/jest": "^30",
@@ -173,7 +174,7 @@
    "shx": "^0.4.0",
    "sloc": "^0.3.1",
    "sort-package-json": "^2.8.0",
-    "storybook": "^10.1.10",
+    "storybook": "^10.2.0-alpha.7",
    "ts-morph": "^24.0.0",
    "typedoc": "^0.28.0",
    "typescript": "~5.7.0",
@@ -78,6 +78,7 @@ starredEntitiesApi.toggleStarred('component:default/example-starred-entity-4');

 export default {
  title: 'Plugins/Home/Templates',
+  tags: ['!manifest'],
  decorators: [
    (Story: ComponentType<{}>) =>
      wrapInTestApp(
@@ -86,6 +86,7 @@ starredEntitiesApi.toggleStarred('component:default/example-starred-entity-4');

 export default {
  title: 'Plugins/Home/Templates',
+  tags: ['!manifest'],
  decorators: [
    (Story: ComponentType<PropsWithChildren<{}>>) =>
      wrapInTestApp(
@@ -18,6 +18,7 @@ import { StillTherePrompt, StillTherePromptProps } from './StillTherePrompt';
 export default {
  title: 'Data Display/StillTherePrompt',
  component: StillTherePrompt,
+  tags: ['!manifest'],
 };

 export const Open = (args: StillTherePromptProps) => (
@@ -28,6 +28,7 @@ const useStyles = makeStyles({
 export default {
  title: 'Data Display/Avatar',
  component: Avatar,
+  tags: ['!manifest'],
 };

 export const Default = () => (
@@ -53,6 +53,7 @@ export default {
      },
    },
  },
+  tags: ['!manifest'],
 };

 export const Default = (args: ChipProps) => <Chip {...args} />;
@@ -20,6 +20,7 @@ import { InfoCard } from '../../layout/InfoCard';
 export default {
  title: 'Data Display/CodeSnippet',
  component: CodeSnippet,
+  tags: ['!manifest'],
 };

 const containerStyle = { width: 300 };
@@ -19,6 +19,7 @@ import { CopyTextButton } from './CopyTextButton';
 export default {
  title: 'Inputs/CopyTextButton',
  component: CopyTextButton,
+  tags: ['!manifest'],
 };

 export const Default = () => (
@@ -20,6 +20,7 @@ import { DependencyGraphTypes as Types } from './types';
 export default {
  title: 'Data Display/DependencyGraph',
  component: DependencyGraph,
+  tags: ['!manifest'],
 };

 const containerStyle = { width: '100%' };
@@ -27,6 +27,7 @@ import CloseIcon from '@material-ui/icons/Close';
 const meta = {
  title: 'Layout/Dialog',
  component: Dialog,
+  tags: ['!manifest'],
 };

 export default meta;
@@ -30,6 +30,7 @@ export default {
      control: { type: 'select' },
    },
  },
+  tags: ['!manifest'],
 };

 const containerStyle = { width: '70%' };
@@ -25,6 +25,7 @@ import Close from '@material-ui/icons/Close';
 export default {
  title: 'Layout/Drawer',
  component: Drawer,
+  tags: ['!manifest'],
 };

 const useDrawerStyles = makeStyles((theme: Theme) =>
@@ -21,6 +21,7 @@ import { MissingAnnotationEmptyState } from './MissingAnnotationEmptyState';
 export default {
  title: 'Feedback/EmptyState',
  component: EmptyState,
+  tags: ['!manifest'],
 };

 const containerStyle = { width: '100%', height: '100vh' };
@@ -29,6 +29,7 @@ export default {
  decorators: [
    (Story: ComponentType<PropsWithChildren<{}>>) => wrapInTestApp(<Story />),
  ],
+  tags: ['!manifest'],
 };

 export const Default = () => {
@@ -24,6 +24,7 @@ type Props = {
 export default {
  title: 'Data Display/HeaderIconLinkRow',
  component: HeaderIconLinkRow,
+  tags: ['!manifest'],
 };

 export const Default = (args: Props) => <HeaderIconLinkRow {...args} />;
@@ -19,6 +19,7 @@ import LinkIcon from '@material-ui/icons/Link';
 export default {
  title: 'Core/IconLinkVertical',
  component: IconLinkVertical,
+  tags: ['!manifest'],
 };

 export const Primary = (args: IconLinkVerticalProps) => (
@@ -22,6 +22,7 @@ const opacityArray = [0.2, 0.3, 0.4, 0.5, 0.6, 0.7, 0.8, 0.9, 1.0];
 export default {
  title: 'Layout/HorizontalScrollGrid',
  component: HorizontalScrollGrid,
+  tags: ['!manifest'],
 };

 export const Default = () => (
@@ -18,6 +18,7 @@ import { Lifecycle } from './Lifecycle';
 export default {
  title: 'Feedback/Lifecycle',
  component: Lifecycle,
+  tags: ['!manifest'],
 };

 export const AlphaDefault = () => (
@@ -48,6 +48,7 @@ export default {
        { mountedRoutes: { '/hello': routeRef } },
      ),
  ],
+  tags: ['!manifest'],
 };

 export const Default = () => {
@@ -63,6 +63,7 @@ export default {
        { mountedRoutes: { '/hello': routeRef } },
      ),
  ],
+  tags: ['!manifest'],
 };

 export const Default = () => {
@@ -24,6 +24,7 @@ export default {
  decorators: [
    (Story: ComponentType<PropsWithChildren<{}>>) => wrapInTestApp(<Story />),
  ],
+  tags: ['!manifest'],
 };

 const exampleLog = `Starting up task with 3 steps
@@ -19,6 +19,7 @@ import { MarkdownContent } from './MarkdownContent';
 export default {
  title: 'Data Display/MarkdownContent',
  component: MarkdownContent,
+  tags: ['!manifest'],
 };

 const markdownGithubFlavored =
@@ -19,6 +19,7 @@ import { OverflowTooltip } from './OverflowTooltip';
 export default {
  title: 'Data Display/OverflowTooltip',
  component: OverflowTooltip,
+  tags: ['!manifest'],
 };

 const text =
@@ -19,6 +19,7 @@ import { Progress } from './Progress';
 export default {
  title: 'Feedback/Progress',
  component: Progress,
+  tags: ['!manifest'],
 };

 export const progress = () => <Progress />;
@@ -21,6 +21,7 @@ const containerStyle = { width: 300 };
 export default {
  title: 'Data Display/Gauge',
  component: Gauge,
+  tags: ['!manifest'],
 };

 export const Default = () => (
@@ -34,6 +34,7 @@ const Wrapper = ({ children }: PropsWithChildren<{}>) => (
 export default {
  title: 'Data Display/Progress Card',
  component: GaugeCard,
+  tags: ['!manifest'],
 };

 export const Default = () => (
@@ -21,6 +21,7 @@ const containerStyle = { width: 300 };
 export default {
  title: 'Data Display/LinearGauge',
  component: LinearGauge,
+  tags: ['!manifest'],
 };

 export const Default = () => (
@@ -20,6 +20,7 @@ import { ErrorPanelProps } from '../ErrorPanel';
 export default {
  title: 'Data Display/ResponseErrorPanel',
  component: ResponseErrorPanel,
+  tags: ['!manifest'],
 };

 export const Default = (args: ErrorPanelProps) => (
@@ -19,6 +19,7 @@ import { SelectComponent as Select, SelectProps } from './Select';
 export default {
  title: 'Inputs/Select',
  component: Select,
+  tags: ['!manifest'],
 };

 const SELECT_ITEMS = [
@@ -22,6 +22,7 @@ import { SimpleStepperStep } from './SimpleStepperStep';
 export default {
  title: 'Navigation/SimpleStepper',
  component: SimpleStepper,
+  tags: ['!manifest'],
 };

 const defaultArgs = {
@@ -28,6 +28,7 @@ import { InfoCard } from '../../layout/InfoCard';
 export default {
  title: 'Data Display/Status',
  component: StatusOK,
+  tags: ['!manifest'],
 };

 const data = [
@@ -41,6 +41,7 @@ const metadata = {
 export default {
  title: 'Data Display/Structured Metadata Table',
  component: StructuredMetadataTable,
+  tags: ['!manifest'],
 };

 const Wrapper = ({ children }: PropsWithChildren<{}>) => (
@@ -20,6 +20,7 @@ import { TabbedLayout } from './TabbedLayout';
 export default {
  title: 'Navigation/TabbedLayout',
  component: TabbedLayout,
+  tags: ['!manifest'],
 };

 const Wrapper = ({ children }: PropsWithChildren<{}>) => (
@@ -23,6 +23,7 @@ import { Table, TableColumn, TableFilter } from './Table';
 export default {
  title: 'Data Display/Table',
  component: Table,
+  tags: ['!manifest'],
 };

 const useStyles = makeStyles(theme => ({
@@ -21,6 +21,7 @@ import { InfoCard } from '../../layout/InfoCard';
 export default {
  title: 'Data Display/TrendLine',
  component: TrendLine,
+  tags: ['!manifest'],
 };

 const containerStyle = { width: 700 };
@@ -22,6 +22,7 @@ import { Link } from '../Link';
 export default {
  title: 'Feedback/Warning Panel',
  component: WarningPanel,
+  tags: ['!manifest'],
 };

 export const Default = () => (
@@ -19,6 +19,7 @@ import { BottomLink } from '../BottomLink';
 export default {
  title: 'Layout/BottomLink',
  component: BottomLink,
+  tags: ['!manifest'],
 };

 export const Default = (args: { link: string; title: string }) => (
@@ -31,6 +31,7 @@ import { Breadcrumbs } from './Breadcrumbs';
 export default {
  title: 'Layout/Breadcrumbs',
  component: Breadcrumbs,
+  tags: ['!manifest'],
 };

 export const InHeader = () => (
@@ -18,6 +18,7 @@ import { Content } from './Content';
 export default {
  title: 'Layout/Content',
  component: Content,
+  tags: ['!manifest'],
 };

 type Props = {
@@ -20,6 +20,7 @@ import { ContentHeader } from '../ContentHeader';
 export default {
  title: 'Layout/ContentHeader',
  component: ContentHeader,
+  tags: ['!manifest'],
 };

 type ContentHeaderProps = {
@@ -36,6 +36,7 @@ export default {
      control: { type: 'select' },
    },
  },
+  tags: ['!manifest'],
 };

 const labels = (
@@ -18,6 +18,7 @@ import { HeaderActionMenu, HeaderActionMenuProps } from './HeaderActionMenu';
 export default {
  title: 'Layout/HeaderActionMenu',
  component: HeaderActionMenu,
+  tags: ['!manifest'],
 };

 export const Default = (args: HeaderActionMenuProps) => (
@@ -18,6 +18,7 @@ import { HeaderLabel } from './HeaderLabel';
 export default {
  title: 'Layout/HeaderLabel',
  component: HeaderLabel,
+  tags: ['!manifest'],
 };

 type HeaderLabelProps = {
@@ -18,6 +18,7 @@ import { HeaderTabs } from './HeaderTabs';
 export default {
  title: 'Layout/HeaderTabs',
  component: HeaderTabs,
+  tags: ['!manifest'],
 };

 export const SingleTab = (args: any) => <HeaderTabs {...args} />;
@@ -23,6 +23,7 @@ import { InfoCard, Props } from './InfoCard';
 export default {
  title: 'Layout/Information Card',
  component: InfoCard,
+  tags: ['!manifest'],
 };

 const text = (
@@ -27,6 +27,7 @@ import { ItemCardHeader } from './ItemCardHeader';

 export default {
  title: 'Layout/Item Cards',
+  tags: ['!manifest'],
 };

 const text =
@@ -40,6 +40,7 @@ import { Page } from '../Page';
 export default {
  title: 'Plugins/Examples',
  component: Page,
+  tags: ['!manifest'],
 };

 interface TableData {
@@ -48,6 +48,7 @@ export default {
    (Story: ComponentType<PropsWithChildren<{}>>) =>
      wrapInTestApp(<Story />, { mountedRoutes: { '/': routeRef } }),
  ],
+  tags: ['!manifest'],
 };

 const handleSearch = (input: string) => {
@@ -36,6 +36,7 @@ export default {
      </Grid>
    ),
  ],
+  tags: ['!manifest'],
 };

 export const Default = () => {
@@ -50,7 +50,7 @@
    "@types/react": "^18.0.0",
    "@types/react-dom": "^18.0.0",
    "chalk": "^5.4.1",
-    "eslint-plugin-storybook": "^10.1.9",
+    "eslint-plugin-storybook": "^10.2.0-alpha.7",
    "glob": "^11.0.1",
    "globals": "^15.11.0",
    "lightningcss": "^1.29.1",
@@ -58,7 +58,7 @@
    "react": "^18.0.2",
    "react-dom": "^18.0.2",
    "react-router-dom": "^6.3.0",
-    "storybook": "^10.1.10"
+    "storybook": "^10.2.0-alpha.7"
  },
  "peerDependencies": {
    "@types/react": "^17.0.0 || ^18.0.0",
@@ -229,7 +229,7 @@ export interface BoxProps extends SpaceProps {
 // @public (undocumented)
 export type Breakpoint = 'initial' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';

-// @public (undocumented)
+// @public
 export const Button: ForwardRefExoticComponent<
  ButtonProps & RefAttributes<HTMLButtonElement>
 >;
@@ -23,7 +23,36 @@ import { useStyles } from '../../hooks/useStyles';
 import { ButtonDefinition } from './definition';
 import styles from './Button.module.css';

-/** @public */
+/**
+ * A button component built on React Aria Components that provides accessible
+ * interactive elements for triggering actions.
+ *
+ * @remarks
+ * The Button component supports multiple variants (primary, secondary, tertiary, danger),
+ * sizes (small, medium), and states including loading and disabled. It automatically
+ * handles keyboard navigation, focus management, and ARIA attributes for accessibility.
+ *
+ * @example
+ * Basic usage:
+ * ```tsx
+ * <Button>Click me</Button>
+ * ```
+ *
+ * @example
+ * With icons and loading state:
+ * ```tsx
+ * <Button
+ *   variant="primary"
+ *   size="medium"
+ *   iconStart={<IconComponent />}
+ *   loading={isSubmitting}
+ * >
+ *   Submit
+ * </Button>
+ * ```
+ *
+ * @public
+ */
 export const Button = forwardRef(
  (props: ButtonProps, ref: Ref<HTMLButtonElement>) => {
    const { classNames, dataAttributes, cleanedProps } = useStyles(
@@ -33,14 +33,13 @@ export const Default = meta.story({
  ),
 });

-export const CustomSize = meta.story({
+export const CustomSize = Default.extend({
  args: {
    style: {
      width: '300px',
      height: '200px',
    },
  },
-  render: Default.input.render,
 });

 export const WithLongBody = meta.story({
@@ -143,30 +143,26 @@ export const FixedWidth = meta.story({
  ),
 });

-export const FixedHeight = meta.story({
+export const FixedHeight = FixedWidth.extend({
  args: {
    defaultOpen: true,
+    width: undefined,
    height: 500,
  },
-  render: FixedWidth.input.render,
 });

-export const FixedWidthAndHeight = meta.story({
+export const FixedWidthAndHeight = FixedWidth.extend({
  args: {
-    defaultOpen: true,
-    width: 600,
    height: 400,
  },
-  render: FixedWidth.input.render,
 });

-export const FullWidthAndHeight = meta.story({
+export const FullWidthAndHeight = FixedWidth.extend({
  args: {
    defaultOpen: true,
    width: '100%',
    height: '100%',
  },
-  render: FixedWidth.input.render,
 });

 export const Confirmation = meta.story({
@@ -233,18 +229,16 @@ export const WithForm = meta.story({
  ),
 });

-export const PreviewFixedWidthAndHeight = meta.story({
+export const PreviewFixedWidthAndHeight = FixedWidth.extend({
  args: {
    defaultOpen: undefined,
    width: 600,
    height: 400,
  },
-  render: FixedWidth.input.render,
 });

-export const PreviewWithForm = meta.story({
+export const PreviewWithForm = WithForm.extend({
  args: {
-    defaultOpen: undefined,
+    isOpen: undefined,
  },
-  render: WithForm.input.render,
 });
@@ -22,6 +22,8 @@ import { Flex } from '../Flex';
 const meta = preview.meta({
  title: 'Backstage UI/Grid',
  component: Grid.Root,
+  // We will add this story in the manifest when the component is not composed.
+  tags: ['!manifest'],
 });

 const FakeBox = () => (
@@ -240,13 +240,10 @@ export const WithCustomActions = meta.story({
  ),
 });

-export const WithAllOptionsAndTabs = meta.story({
+export const WithAllOptionsAndTabs = WithCustomActions.extend({
  args: {
-    ...WithCustomActions.input.args,
    tabs,
  },
-  decorators: [withRouter],
-  render: WithCustomActions.input.render,
 });

 export const WithHeaderPage = meta.story({
@@ -99,12 +99,10 @@ export const WithIcon = meta.story({
  ),
 });

-export const DisabledWithIcon = meta.story({
+export const DisabledWithIcon = WithIcon.extend({
  args: {
-    ...WithIcon.input.args,
    isDisabled: true,
  },
-  render: WithIcon.input.render,
 });

 export const ShowError = meta.story({
@@ -37,7 +37,7 @@ export interface ListItem {

 const meta = preview.meta({
  title: 'Backstage UI/TagGroup',
-  component: TagGroup<ListItem>,
+  component: TagGroup,
  argTypes: {
    selectionMode: {
      control: { type: 'inline-radio' },
@@ -117,11 +117,11 @@ export const SelectionModeSingle = meta.story({
    const [selected, setSelected] = useState<Selection>(new Set(['travel']));

    return (
-      <TagGroup
+      <TagGroup<ListItem>
+        {...args}
        items={initialList}
        selectedKeys={selected}
        onSelectionChange={setSelected}
-        {...args}
      >
        {item => <Tag>{item.name}</Tag>}
      </TagGroup>
@@ -140,11 +140,11 @@ export const SelectionModeMultiple = meta.story({
    );

    return (
-      <TagGroup
+      <TagGroup<ListItem>
+        {...args}
        items={initialList}
        selectedKeys={selected}
        onSelectionChange={setSelected}
-        {...args}
      >
        {item => <Tag>{item.name}</Tag>}
      </TagGroup>
@@ -198,17 +198,17 @@ export const RemovingTags = meta.story({
  render: args => {
    const [selected, setSelected] = useState<Selection>(new Set(['travel']));

-    const list = useListData({
+    const list = useListData<ListItem>({
      initialItems: initialList,
    });

    return (
-      <TagGroup
+      <TagGroup<ListItem>
+        {...args}
        items={list.items}
        onRemove={keys => list.remove(...keys)}
        selectedKeys={selected}
        onSelectionChange={setSelected}
-        {...args}
      >
        {item => <Tag>{item.name}</Tag>}
      </TagGroup>
@@ -223,17 +223,17 @@ export const WithIconAndRemoveButton = meta.story({
  render: args => {
    const [selected, setSelected] = useState<Selection>(new Set(['travel']));

-    const list = useListData({
+    const list = useListData<ListItem>({
      initialItems: initialList,
    });

    return (
-      <TagGroup
+      <TagGroup<ListItem>
+        {...args}
        items={list.items}
        onRemove={keys => list.remove(...keys)}
        selectedKeys={selected}
        onSelectionChange={setSelected}
-        {...args}
      >
        {item => (
          <Tag icon={item.icon ? item.icon : undefined}>{item.name}</Tag>
@@ -104,12 +104,10 @@ export const WithIcon = meta.story({
  ),
 });

-export const DisabledWithIcon = meta.story({
+export const DisabledWithIcon = WithIcon.extend({
  args: {
-    ...WithIcon.input.args,
    isDisabled: true,
  },
-  render: WithIcon.input.render,
 });

 export const ShowError = meta.story({
@@ -20,6 +20,7 @@ import { CatalogAutocomplete } from './CatalogAutocomplete';
 export default {
  title: 'Catalog /CatalogAutocomplete',
  decorators: [(Story: ComponentType<{}>) => wrapInTestApp(<Story />)],
+  tags: ['!manifest'],
 };

 export const Default = (args: any) => {
@@ -25,6 +25,7 @@ const defaultArgs = {
 export default {
  title: 'Catalog /EntityDisplayName',
  decorators: [(Story: ComponentType<{}>) => wrapInTestApp(<Story />)],
+  tags: ['!manifest'],
 };

 export const Default = (args: EntityDisplayNameProps) => (
@@ -89,6 +89,7 @@ export default {
        },
      ),
  ],
+  tags: ['!manifest'],
 };

 export const Default = (args: EntityPeekAheadPopoverProps) => (
@@ -33,6 +33,7 @@ export default {
        },
      }),
  ],
+  tags: ['!manifest'],
 };

 export const Default = (args: EntityRefLinkProps) => (
@@ -34,6 +34,7 @@ export default {
        },
      }),
  ],
+  tags: ['!manifest'],
 };

 export const Default = (
@@ -41,6 +41,7 @@ export default {
        },
      ),
  ],
+  tags: ['!manifest'],
 };

 const useLogoStyles = makeStyles(theme => ({
@@ -54,6 +54,7 @@ export default {
        },
      ),
  ],
+  tags: ['!manifest'],
 };

 export const Default = () => {
@@ -24,6 +24,7 @@ export default {
  decorators: [
    (Story: ComponentType<PropsWithChildren<{}>>) => wrapInTestApp(<Story />),
  ],
+  tags: ['!manifest'],
 };

 export const Default = () => {
@@ -26,6 +26,7 @@ export default {
  decorators: [
    (Story: ComponentType<PropsWithChildren<{}>>) => wrapInTestApp(<Story />),
  ],
+  tags: ['!manifest'],
 };

 export const Default = () => {
@@ -89,6 +89,7 @@ export default {
        },
      ),
  ],
+  tags: ['!manifest'],
 };

 export const Default = () => {
@@ -27,6 +27,7 @@ export default {
  decorators: [
    (Story: ComponentType<PropsWithChildren<{}>>) => wrapInTestApp(<Story />),
  ],
+  tags: ['!manifest'],
 };

 export const Default = () => {
@@ -109,6 +109,7 @@ export default {
        </TestApiProvider>,
      ),
  ],
+  tags: ['!manifest'],
 };

 export const RecentlyDefault = () => {
@@ -24,6 +24,7 @@ export default {
  decorators: [
    (Story: ComponentType<PropsWithChildren<{}>>) => wrapInTestApp(<Story />),
  ],
+  tags: ['!manifest'],
 };

 export const Default = () => {
@@ -29,6 +29,7 @@ import { OwnershipCard } from './OwnershipCard';
 export default {
  title: 'Plugins/Org/Ownership Card',
  component: OwnershipCard,
+  tags: ['!manifest'],
 };

 const defaultEntity: GroupEntity = {
@@ -99,6 +99,7 @@ export default {
        },
      }),
  ],
+  tags: ['!manifest'],
 };

 const extraDetailsEntity: UserEntity = {
@@ -38,6 +38,7 @@ export default {
      </MemoryRouter>
    ),
  ],
+  tags: ['!manifest'],
 };

 const mockSearchResult = {
@@ -44,6 +44,7 @@ export default {
        </TestApiProvider>,
      ),
  ],
+  tags: ['!manifest'],
 };

 export const Default = () => {
@@ -45,6 +45,7 @@ export default {
      </TestApiProvider>
    ),
  ],
+  tags: ['!manifest'],
 };

 export const Default = () => (
@@ -45,6 +45,7 @@ export default {
        </TestApiProvider>,
      ),
  ],
+  tags: ['!manifest'],
 };

 export const Default = () => {
@@ -40,6 +40,7 @@ export default {
      </TestApiProvider>
    ),
  ],
+  tags: ['!manifest'],
 };

 export const CheckBoxFilter = () => {
@@ -40,6 +40,7 @@ export default {
      </TestApiProvider>
    ),
  ],
+  tags: ['!manifest'],
 };

 export const Default = () => {
@@ -80,6 +80,7 @@ export default {
        </TestApiProvider>,
      ),
  ],
+  tags: ['!manifest'],
 };

 const CustomResultListItem = (props: { result: SearchDocument }) => {
@@ -82,6 +82,7 @@ export default {
        { mountedRoutes: { '/': routeRef } },
      ),
  ],
+  tags: ['!manifest'],
 };

 export const Default = () => {
@@ -74,6 +74,7 @@ export default {
        { mountedRoutes: { '/': routeRef } },
      ),
  ],
+  tags: ['!manifest'],
 };

 export const Default = () => {
@@ -40,6 +40,7 @@ export default {
        },
      ),
  ],
+  tags: ['!manifest'],
 };

 export const Default = () => {
@@ -85,6 +85,7 @@ export default {
        { mountedRoutes: { '/search': rootRouteRef } },
      ),
  ],
+  tags: ['!manifest'],
 };

 export const Default = () => {
@@ -44,6 +44,7 @@ export default {
      </TestApiProvider>
    ),
  ],
+  tags: ['!manifest'],
 };

 const values = ['value-1', 'value-2', 'value-3'];
@@ -7946,7 +7946,7 @@ __metadata:
    "@types/react-dom": "npm:^18.0.0"
    chalk: "npm:^5.4.1"
    clsx: "npm:^2.1.1"
-    eslint-plugin-storybook: "npm:^10.1.9"
+    eslint-plugin-storybook: "npm:^10.2.0-alpha.7"
    glob: "npm:^11.0.1"
    globals: "npm:^15.11.0"
    lightningcss: "npm:^1.29.1"
@@ -7955,7 +7955,7 @@ __metadata:
    react-aria-components: "npm:^1.13.0"
    react-dom: "npm:^18.0.2"
    react-router-dom: "npm:^6.3.0"
-    storybook: "npm:^10.1.10"
+    storybook: "npm:^10.2.0-alpha.7"
  peerDependencies:
    "@types/react": ^17.0.0 || ^18.0.0
    react: ^17.0.0 || ^18.0.0
@@ -18850,6 +18850,13 @@ __metadata:
  languageName: node
  linkType: hard

+"@standard-schema/spec@npm:^1.0.0":
+  version: 1.1.0
+  resolution: "@standard-schema/spec@npm:1.1.0"
+  checksum: 10/a209615c9e8b2ea535d7db0a5f6aa0f962fd4ab73ee86a46c100fb78116964af1f55a27c1794d4801e534a196794223daa25ff5135021e03c7828aa3d95e1763
+  languageName: node
+  linkType: hard
+
 "@stoplight/better-ajv-errors@npm:1.0.3":
  version: 1.0.3
  resolution: "@stoplight/better-ajv-errors@npm:1.0.3"
@@ -19125,64 +19132,79 @@ __metadata:
  languageName: node
  linkType: hard

-"@storybook/addon-a11y@npm:^10.1.9":
-  version: 10.1.9
-  resolution: "@storybook/addon-a11y@npm:10.1.9"
+"@storybook/addon-a11y@npm:^10.2.0-alpha.7":
+  version: 10.2.0-alpha.7
+  resolution: "@storybook/addon-a11y@npm:10.2.0-alpha.7"
  dependencies:
    "@storybook/global": "npm:^5.0.0"
    axe-core: "npm:^4.2.0"
  peerDependencies:
-    storybook: ^10.1.9
-  checksum: 10/d004f9975d20368ce58bb6c25bc421920ed6898ae2342a821776c41b6ed7597e41f7bfe932fc6be73f7611ba053cdcd63b18cf7c9ec0e5375a0c01fe45635b0f
+    storybook: ^10.2.0-alpha.7
+  checksum: 10/f531e8d2bbde53343734ac1b1e0a36aef65188b8acfa188eb1b3feda603932a525f1fa76503e04e300cb5953ff8a58c810f88d6f9d56cfdd0c8dd23973dfa110
  languageName: node
  linkType: hard

-"@storybook/addon-docs@npm:^10.1.9":
-  version: 10.1.9
-  resolution: "@storybook/addon-docs@npm:10.1.9"
+"@storybook/addon-docs@npm:^10.2.0-alpha.7":
+  version: 10.2.0-alpha.7
+  resolution: "@storybook/addon-docs@npm:10.2.0-alpha.7"
  dependencies:
    "@mdx-js/react": "npm:^3.0.0"
-    "@storybook/csf-plugin": "npm:10.1.9"
+    "@storybook/csf-plugin": "npm:10.2.0-alpha.7"
    "@storybook/icons": "npm:^2.0.0"
-    "@storybook/react-dom-shim": "npm:10.1.9"
+    "@storybook/react-dom-shim": "npm:10.2.0-alpha.7"
    react: "npm:^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
    react-dom: "npm:^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
    ts-dedent: "npm:^2.0.0"
  peerDependencies:
-    storybook: ^10.1.9
-  checksum: 10/4f24aa255b2cc3c5ad1560730e40aba5f2019a8069456e1f03043cf67de14cbb9ac26650eb805fddb6395182db62d850df127fc310a1fff49c39cf166a63aa02
+    storybook: ^10.2.0-alpha.7
+  checksum: 10/cc7142cd187f1f0a50ad7277ba2555e10e6d0ff57e29d699a5c260237c96b4a246aad1d51d960c56ed814a2d80638dcf67318d57644f0e4b63f0b869e8dbe379
  languageName: node
  linkType: hard

-"@storybook/addon-links@npm:^10.1.9":
-  version: 10.1.9
-  resolution: "@storybook/addon-links@npm:10.1.9"
+"@storybook/addon-links@npm:^10.2.0-alpha.7":
+  version: 10.2.0-alpha.7
+  resolution: "@storybook/addon-links@npm:10.2.0-alpha.7"
  dependencies:
    "@storybook/global": "npm:^5.0.0"
  peerDependencies:
    react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
-    storybook: ^10.1.9
+    storybook: ^10.2.0-alpha.7
  peerDependenciesMeta:
    react:
      optional: true
-  checksum: 10/c0f9c97b64dd50e0ea0642eb75e2f7af81548958aeef35e1d44992c7d85ee8796cc034088aebba5e81b760932e064e39b7bdc64f572bbd68d237f6870c95f52e
+  checksum: 10/bc868268f21766fdc274399558598d6c95400f00c15b964cd2a239581a4b8cd4ad1454d2ba018471df5c7a372f66ee1724e32f99f246d0d852995782e01e4631
  languageName: node
  linkType: hard

-"@storybook/addon-themes@npm:^10.1.9":
-  version: 10.1.9
-  resolution: "@storybook/addon-themes@npm:10.1.9"
+"@storybook/addon-mcp@npm:0.1.4-next.2":
+  version: 0.1.4-next.2
+  resolution: "@storybook/addon-mcp@npm:0.1.4-next.2"
+  dependencies:
+    "@storybook/mcp": "npm:0.0.7-next.0"
+    "@tmcp/adapter-valibot": "npm:^0.1.4"
+    "@tmcp/transport-http": "npm:^0.8.0"
+    tmcp: "npm:^1.16.0"
+    valibot: "npm:^1.1.0"
+  peerDependencies:
+    storybook: ^9.1.16 || ^10.0.0 || ^10.1.0-0 || ^10.2.0-0 || ^10.3.0-0 || ^10.4.0-0
+  checksum: 10/b4d2ab875183b5edccd3a9531f385c6a4d628662d6f976d3adfb1ce483510563befa491192eb78867c5a2345a8f7b071d142a3a1c8b5274477e5c66554fa952a
+  languageName: node
+  linkType: hard
+
+"@storybook/addon-themes@npm:^10.2.0-alpha.7":
+  version: 10.2.0-alpha.7
+  resolution: "@storybook/addon-themes@npm:10.2.0-alpha.7"
  dependencies:
    ts-dedent: "npm:^2.0.0"
  peerDependencies:
-    storybook: ^10.1.9
-  checksum: 10/66d231efb94919aa89bbb92291925d96519c993d6d75326850caad432a1425c4aa93b4249bf46fffc5b41724ef007d01477045a74e55e937410d8fa7be7037f6
+    storybook: ^10.2.0-alpha.7
+  checksum: 10/85d3be25d89ae1b66702093fafd14f3b4ea810b6875540017d40b8d67febd2f3a6e139d9a5fa1fae38271d6a7c387ff625d0c023482d0ca39b7500fca71f23b7
  languageName: node
  linkType: hard

-"@storybook/addon-vitest@npm:^10.1.9":
-  version: 10.1.9
-  resolution: "@storybook/addon-vitest@npm:10.1.9"
+"@storybook/addon-vitest@npm:^10.2.0-alpha.7":
+  version: 10.2.0-alpha.7
+  resolution: "@storybook/addon-vitest@npm:10.2.0-alpha.7"
  dependencies:
    "@storybook/global": "npm:^5.0.0"
    "@storybook/icons": "npm:^2.0.0"
@@ -19190,7 +19212,7 @@ __metadata:
    "@vitest/browser": ^3.0.0 || ^4.0.0
    "@vitest/browser-playwright": ^4.0.0
    "@vitest/runner": ^3.0.0 || ^4.0.0
-    storybook: ^10.1.9
+    storybook: ^10.2.0-alpha.7
    vitest: ^3.0.0 || ^4.0.0
  peerDependenciesMeta:
    "@vitest/browser":
@@ -19201,33 +19223,33 @@ __metadata:
      optional: true
    vitest:
      optional: true
-  checksum: 10/8d1be8902a243d6c42a84d0acd1550014e5fa6cb509cdfbec6603e6b3d34def5f28d483f8d4289ef7be87d48f41a47f34f4f7028eef7add49cec5d98cf477a0d
+  checksum: 10/983b887326ab7fe21c3eb6c017659edbdf06f710327b060a15d45f9769759071a011b6f0e33bf8e02714334091fa5b715936cb23caa61050636e2691373e07fc
  languageName: node
  linkType: hard

-"@storybook/builder-vite@npm:10.1.9":
-  version: 10.1.9
-  resolution: "@storybook/builder-vite@npm:10.1.9"
+"@storybook/builder-vite@npm:10.2.0-alpha.7":
+  version: 10.2.0-alpha.7
+  resolution: "@storybook/builder-vite@npm:10.2.0-alpha.7"
  dependencies:
-    "@storybook/csf-plugin": "npm:10.1.9"
+    "@storybook/csf-plugin": "npm:10.2.0-alpha.7"
    "@vitest/mocker": "npm:3.2.4"
    ts-dedent: "npm:^2.0.0"
  peerDependencies:
-    storybook: ^10.1.9
+    storybook: ^10.2.0-alpha.7
    vite: ^5.0.0 || ^6.0.0 || ^7.0.0
-  checksum: 10/4dc086193b45219b24e528404ed51c4dbc240a9ac20feeef88a1b051ae286264006741b402f4936745f5733c8b568e090b029aaea73bf5e3a078047aa957f8ba
+  checksum: 10/df83a6d775fa5f6e9e8e84bad4b66fb2039f534ad95b6d7643eff02285ad77367c16a0b9122281344a8ac16ec2bed1b140820be672807e7358630d0576d3ed41
  languageName: node
  linkType: hard

-"@storybook/csf-plugin@npm:10.1.9":
-  version: 10.1.9
-  resolution: "@storybook/csf-plugin@npm:10.1.9"
+"@storybook/csf-plugin@npm:10.2.0-alpha.7":
+  version: 10.2.0-alpha.7
+  resolution: "@storybook/csf-plugin@npm:10.2.0-alpha.7"
  dependencies:
    unplugin: "npm:^2.3.5"
  peerDependencies:
    esbuild: "*"
    rollup: "*"
-    storybook: ^10.1.9
+    storybook: ^10.2.0-alpha.7
    vite: "*"
    webpack: "*"
  peerDependenciesMeta:
@@ -19239,7 +19261,7 @@ __metadata:
      optional: true
    webpack:
      optional: true
-  checksum: 10/604339107f7bd57f64b5b0d9ddc16a447fc0987d348cb9add5bb2fc75b568760afb3689cd51c73df48cc13bf2d82386f89da57e53f500687434d403cd7395e49
+  checksum: 10/7efb9d56a21eaf26ffd0971b0d3b8d525d0227fbced7e7391cf8329eb354f9d717cdc04a156391c62b57d53ebdba6ef3e3897014cad029725dc5c68fdbf3ce3e
  languageName: node
  linkType: hard

@@ -19260,25 +19282,37 @@ __metadata:
  languageName: node
  linkType: hard

-"@storybook/react-dom-shim@npm:10.1.9":
-  version: 10.1.9
-  resolution: "@storybook/react-dom-shim@npm:10.1.9"
-  peerDependencies:
-    react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
-    react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
-    storybook: ^10.1.9
-  checksum: 10/2b6e598eb8ddac80fd6cd4d888b3a8da1c352e9ffc666a1bcce6f4ac404c77cc75571a57b433e1a12f34cfd255db31fb399a7f38e70bde5d197de2d072eeac85
+"@storybook/mcp@npm:0.0.7-next.0":
+  version: 0.0.7-next.0
+  resolution: "@storybook/mcp@npm:0.0.7-next.0"
+  dependencies:
+    "@tmcp/adapter-valibot": "npm:^0.1.4"
+    "@tmcp/transport-http": "npm:^0.8.0"
+    tmcp: "npm:^1.16.0"
+    valibot: "npm:^1.1.0"
+  checksum: 10/8a70f0f16305fcc291fb248bdd09f818a0f1960416e27ab29ea7f4ed59878f3eae0865b407f7fbdba159727a9e9820a7ea0085fba948094cb1d946f63eeb18f4
  languageName: node
  linkType: hard

-"@storybook/react-vite@npm:^10.1.9":
-  version: 10.1.9
-  resolution: "@storybook/react-vite@npm:10.1.9"
+"@storybook/react-dom-shim@npm:10.2.0-alpha.7":
+  version: 10.2.0-alpha.7
+  resolution: "@storybook/react-dom-shim@npm:10.2.0-alpha.7"
+  peerDependencies:
+    react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+    react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+    storybook: ^10.2.0-alpha.7
+  checksum: 10/088262c61b2a138e02ae3619df3f3a62328dd7fc764b1d843bc1464e613d4d34b16c83d24aea54771fe90eb7882f9699d9d045f206a4f6302a4b7b6b5f3f5080
+  languageName: node
+  linkType: hard
+
+"@storybook/react-vite@npm:^10.2.0-alpha.7":
+  version: 10.2.0-alpha.7
+  resolution: "@storybook/react-vite@npm:10.2.0-alpha.7"
  dependencies:
    "@joshwooding/vite-plugin-react-docgen-typescript": "npm:^0.6.3"
    "@rollup/pluginutils": "npm:^5.0.2"
-    "@storybook/builder-vite": "npm:10.1.9"
-    "@storybook/react": "npm:10.1.9"
+    "@storybook/builder-vite": "npm:10.2.0-alpha.7"
+    "@storybook/react": "npm:10.2.0-alpha.7"
    empathic: "npm:^2.0.0"
    magic-string: "npm:^0.30.0"
    react-docgen: "npm:^8.0.0"
@@ -19287,28 +19321,28 @@ __metadata:
  peerDependencies:
    react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
    react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
-    storybook: ^10.1.9
+    storybook: ^10.2.0-alpha.7
    vite: ^5.0.0 || ^6.0.0 || ^7.0.0
-  checksum: 10/e55978b8eaee2f5d9a7b30c2547d3f29497468c0bac5f20308633554f381d066d2f0549a4997d9ec29693f018d6889d9b9c4bfb4b2e822c4730999fa1605c573
+  checksum: 10/495c2955fe68549f9be3a39dbf60b68cd9e0ed016de5eabd98c40725bd3c3cfd1a8c493ac5906bf8119ce16b75a1f997d721492cad4110673e62da8d8e6fe1a3
  languageName: node
  linkType: hard

-"@storybook/react@npm:10.1.9":
-  version: 10.1.9
-  resolution: "@storybook/react@npm:10.1.9"
+"@storybook/react@npm:10.2.0-alpha.7":
+  version: 10.2.0-alpha.7
+  resolution: "@storybook/react@npm:10.2.0-alpha.7"
  dependencies:
    "@storybook/global": "npm:^5.0.0"
-    "@storybook/react-dom-shim": "npm:10.1.9"
+    "@storybook/react-dom-shim": "npm:10.2.0-alpha.7"
    react-docgen: "npm:^8.0.2"
  peerDependencies:
    react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
    react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
-    storybook: ^10.1.9
+    storybook: ^10.2.0-alpha.7
    typescript: ">= 4.9.x"
  peerDependenciesMeta:
    typescript:
      optional: true
-  checksum: 10/964f5a3b77638597289c72be0991323fcbe0f5d7451b5c7bceac7e998dd819897936fb486e38d0b70e42507ca6895850d9a484acc8d171a6ecbd9ce41a0b19ad
+  checksum: 10/f0240fa8d72fc9b54380a9f50145b66a4285fdf3b69c51b042e45d2080f845580a4473614f2cd3ee472022cacb6a4ccc71b54a2a61382d86767d57604075b5ae
  languageName: node
  linkType: hard

@@ -20155,6 +20189,45 @@ __metadata:
  languageName: node
  linkType: hard

+"@tmcp/adapter-valibot@npm:^0.1.4":
+  version: 0.1.5
+  resolution: "@tmcp/adapter-valibot@npm:0.1.5"
+  dependencies:
+    "@standard-schema/spec": "npm:^1.0.0"
+    "@valibot/to-json-schema": "npm:^1.3.0"
+    valibot: "npm:^1.1.0"
+  peerDependencies:
+    tmcp: ^1.17.0
+    valibot: ^1.1.0
+  checksum: 10/3affc173d69dd4e4bc502d9af1cc62951baf7505442883f888b4cf03278a9b50308dfce118adbbfa617a589976c0daf57e5043190f2d44595816dc98c0a26d66
+  languageName: node
+  linkType: hard
+
+"@tmcp/session-manager@npm:^0.2.1":
+  version: 0.2.1
+  resolution: "@tmcp/session-manager@npm:0.2.1"
+  peerDependencies:
+    tmcp: ^1.16.3
+  checksum: 10/fc063ae9adaecb799c806c683f9ac4946ccf9c54de61f41825e6967473971da99545a061396c9d0ec40506d8f6eedcf7f134df42125476f2d76a4890f5dc0462
+  languageName: node
+  linkType: hard
+
+"@tmcp/transport-http@npm:^0.8.0":
+  version: 0.8.3
+  resolution: "@tmcp/transport-http@npm:0.8.3"
+  dependencies:
+    "@tmcp/session-manager": "npm:^0.2.1"
+    esm-env: "npm:^1.2.2"
+  peerDependencies:
+    "@tmcp/auth": ^0.3.3 || ^0.4.0
+    tmcp: ^1.18.0
+  peerDependenciesMeta:
+    "@tmcp/auth":
+      optional: true
+  checksum: 10/049516cd3525948bb2b40a400ceef9b4fb3ed0668e67cb88cf355644e8cf1743fa57fc5370de0fa3e085cd82ee39093752f2e503af22b04a55a28a70f644be9c
+  languageName: node
+  linkType: hard
+
 "@tokenizer/inflate@npm:^0.3.1":
  version: 0.3.1
  resolution: "@tokenizer/inflate@npm:0.3.1"
@@ -22884,6 +22957,15 @@ __metadata:
  languageName: node
  linkType: hard

+"@valibot/to-json-schema@npm:^1.3.0":
+  version: 1.5.0
+  resolution: "@valibot/to-json-schema@npm:1.5.0"
+  peerDependencies:
+    valibot: ^1.2.0
+  checksum: 10/ea6285b258775f9112ad9b6a00bc6c7ab1af6491937e65edf43232a1ecf490cde3d14cd8474103684097ddcd9230bcd16d08805f3e0b62ecffa9d283f977c9b5
+  languageName: node
+  linkType: hard
+
 "@vitest/expect@npm:3.2.4, @vitest/expect@npm:>1.6.0":
  version: 3.2.4
  resolution: "@vitest/expect@npm:3.2.4"
@@ -30150,15 +30232,15 @@ __metadata:
  languageName: node
  linkType: hard

-"eslint-plugin-storybook@npm:^10.1.9":
-  version: 10.1.9
-  resolution: "eslint-plugin-storybook@npm:10.1.9"
+"eslint-plugin-storybook@npm:^10.2.0-alpha.7":
+  version: 10.2.0-alpha.7
+  resolution: "eslint-plugin-storybook@npm:10.2.0-alpha.7"
  dependencies:
    "@typescript-eslint/utils": "npm:^8.8.1"
  peerDependencies:
    eslint: ">=8"
-    storybook: ^10.1.9
-  checksum: 10/65ea272cf450373d8b1f718f6c1ab878309f88b7cb2b27071b941d2b9d3402b0a102c1a83565c3bec64a9bc4a99ccbc8c25860fdf3112fed4dbfbe56361b0213
+    storybook: ^10.2.0-alpha.7
+  checksum: 10/69e45c19a3d9e83a9e2454382dee4fe8f02ca8708d0bb485eb5ed6f55d1a854b106b9c2c280e56886be97913d8d468fda24e6c147de5a9bd385a3c597f205211
  languageName: node
  linkType: hard

@@ -30300,6 +30382,13 @@ __metadata:
  languageName: node
  linkType: hard

+"esm-env@npm:^1.2.2":
+  version: 1.2.2
+  resolution: "esm-env@npm:1.2.2"
+  checksum: 10/caf5f3cc2bc7107494585b4e38835787f48ef77b670aeb2d765a5b6b64c41102d20bbdd34bda32474291b6b8d819d4d02ce92570a0886baca6cef70f5fe689f3
+  languageName: node
+  linkType: hard
+
 "esm@npm:^3.2.25":
  version: 3.2.25
  resolution: "esm@npm:3.2.25"
@@ -36052,6 +36141,13 @@ __metadata:
  languageName: node
  linkType: hard

+"json-rpc-2.0@npm:^1.7.1":
+  version: 1.7.1
+  resolution: "json-rpc-2.0@npm:1.7.1"
+  checksum: 10/d5b91fc7fede0ff3f1fde915fa9b142cf0980fa01282572cf9373a45184b34b377e0738d05b41d3859eaebdd20f692073eebc0c5da4990a3c4633132eab52f08
+  languageName: node
+  linkType: hard
+
 "json-schema-compare@npm:^0.2.2":
  version: 0.2.2
  resolution: "json-schema-compare@npm:0.2.2"
@@ -45282,12 +45378,13 @@ __metadata:
    "@octokit/rest": "npm:^19.0.3"
    "@playwright/test": "npm:^1.32.3"
    "@spotify/eslint-plugin": "npm:^15.0.0"
-    "@storybook/addon-a11y": "npm:^10.1.9"
-    "@storybook/addon-docs": "npm:^10.1.9"
-    "@storybook/addon-links": "npm:^10.1.9"
-    "@storybook/addon-themes": "npm:^10.1.9"
-    "@storybook/addon-vitest": "npm:^10.1.9"
-    "@storybook/react-vite": "npm:^10.1.9"
+    "@storybook/addon-a11y": "npm:^10.2.0-alpha.7"
+    "@storybook/addon-docs": "npm:^10.2.0-alpha.7"
+    "@storybook/addon-links": "npm:^10.2.0-alpha.7"
+    "@storybook/addon-mcp": "npm:0.1.4-next.2"
+    "@storybook/addon-themes": "npm:^10.2.0-alpha.7"
+    "@storybook/addon-vitest": "npm:^10.2.0-alpha.7"
+    "@storybook/react-vite": "npm:^10.2.0-alpha.7"
    "@techdocs/cli": "workspace:*"
    "@types/cacheable-request": "npm:^8.3.6"
    "@types/global-agent": "npm:^2.1.3"
@@ -45319,7 +45416,7 @@ __metadata:
    shx: "npm:^0.4.0"
    sloc: "npm:^0.3.1"
    sort-package-json: "npm:^2.8.0"
-    storybook: "npm:^10.1.10"
+    storybook: "npm:^10.2.0-alpha.7"
    ts-morph: "npm:^24.0.0"
    typedoc: "npm:^0.28.0"
    typescript: "npm:~5.7.0"
@@ -46602,6 +46699,13 @@ __metadata:
  languageName: node
  linkType: hard

+"sqids@npm:^0.3.0":
+  version: 0.3.0
+  resolution: "sqids@npm:0.3.0"
+  checksum: 10/68f30434dae278a3ec030c2b16447cefd32129f73350aa3312ca55df48a8ba36bac0d9d2bef625020f13d57568586b6fa2bbbffa3051e55b6a3654caec31a8b6
+  languageName: node
+  linkType: hard
+
 "sqlstring@npm:^2.3.2":
  version: 2.3.2
  resolution: "sqlstring@npm:2.3.2"
@@ -46786,9 +46890,9 @@ __metadata:
  languageName: node
  linkType: hard

-"storybook@npm:^10.1.10":
-  version: 10.1.10
-  resolution: "storybook@npm:10.1.10"
+"storybook@npm:^10.2.0-alpha.7":
+  version: 10.2.0-alpha.8
+  resolution: "storybook@npm:10.2.0-alpha.8"
  dependencies:
    "@storybook/global": "npm:^5.0.0"
    "@storybook/icons": "npm:^2.0.0"
@@ -46809,7 +46913,7 @@ __metadata:
      optional: true
  bin:
    storybook: ./dist/bin/dispatcher.js
-  checksum: 10/c1f01c7ab57e80d2f2ef3a5c49baad5904e77c8e079199ad134e98a7ae455d52422390cd704e64142b36668874c055670dbffe0e334e1f4d541ebd4384052dd7
+  checksum: 10/bf7c2797b832ccb21efa68ae901ca3202e572762bd66b4a51ae2b2505dcc259402b7c81363b67675a7c81086bb90ca6e234965e10c4237f5cea1ab6739c88f39
  languageName: node
  linkType: hard

@@ -48099,6 +48203,19 @@ __metadata:
  languageName: node
  linkType: hard

+"tmcp@npm:^1.16.0":
+  version: 1.19.0
+  resolution: "tmcp@npm:1.19.0"
+  dependencies:
+    "@standard-schema/spec": "npm:^1.0.0"
+    json-rpc-2.0: "npm:^1.7.1"
+    sqids: "npm:^0.3.0"
+    uri-template-matcher: "npm:^1.1.1"
+    valibot: "npm:^1.1.0"
+  checksum: 10/f5a3f0ae48b6fcccc7b1bd0261706c92c43941f4b9498048736b2fa847da6d1547ca425f9dc296af1bd37a0bbd6f0190eee3d7f89555325056ade8d84d97d68b
+  languageName: node
+  linkType: hard
+
 "tmp@npm:^0.2.5":
  version: 0.2.5
  resolution: "tmp@npm:0.2.5"
@@ -49432,6 +49549,13 @@ __metadata:
  languageName: node
  linkType: hard

+"uri-template-matcher@npm:^1.1.1":
+  version: 1.1.2
+  resolution: "uri-template-matcher@npm:1.1.2"
+  checksum: 10/fe9214a1cd3a6769ea9d1e16fdb1edcc74f3aa24cbdde4da02fbf6dbc358645cd08b818ec94eff7a15310e08e9dbfb48f73659bf121a9f6517ca9182defcb0ba
+  languageName: node
+  linkType: hard
+
 "uri-template@npm:^2.0.0":
  version: 2.0.0
  resolution: "uri-template@npm:2.0.0"
@@ -49748,6 +49872,18 @@ __metadata:
  languageName: node
  linkType: hard

+"valibot@npm:^1.1.0":
+  version: 1.2.0
+  resolution: "valibot@npm:1.2.0"
+  peerDependencies:
+    typescript: ">=5"
+  peerDependenciesMeta:
+    typescript:
+      optional: true
+  checksum: 10/5f9c15e6f5a2b8eae75332a3317e46e995a1763efe1b91e57bc5064e36f0feba734367c88013d53255bdf09fb9204bf3598d2ca0c3f468c8726095b1c3551926
+  languageName: node
+  linkType: hard
+
 "valid-url@npm:^1.0.9":
  version: 1.0.9
  resolution: "valid-url@npm:1.0.9"