Repository: storybookjs/storybook
File: code/core/src/shared/checklist-store/checklistData.tsx (TypeScript)

Code before:
                  })}
                  target="_blank"
                >
                  story organization documentation
                </Link>{' '}
                to learn:
              </p>
              <ul>
                <li>The full hierarchy available</li>
                <li>How to configure the sorting of your stories</li>
              </ul>
            </>
          ),
        },
      ],
    },

    {
      id: 'testing',
      title: 'Testing',
      items: [
        {
          id: 'installVitest',
          label: 'Install Vitest addon',
          afterCompletion: 'unavailable',
          available: () => !!globalThis?.STORYBOOK_BUILDER?.includes('vite'),
          criteria: '@storybook/addon-vitest registered in .storybook/main.js|ts',
          subscribe: ({ done }) => {
            if (addons.experimental_getRegisteredAddons().includes(ADDON_TEST_ID)) {
              done();
            }
          },
          content: ({ api }) => (
            <>
              <p>
                Run this command to install the Vitest addon, enabling you to run component tests on
                your stories inside Storybook’s UI:
              </p>
              <CodeSnippet language="bash">{`npx storybook add @storybook/addon-vitest`}</CodeSnippet>
              <p>
                <em>Restart your Storybook after installing the addon.</em>
              </p>
              <img
                src={api.getDocsUrl({
                  asset: 'writing-tests/testing-ui-overview.png',
                  ref: 'guide',
                })}
                alt="Storybook app with story status indicators, testing widget, and addon panel annotated"
              />
              <p>
                <Link

Review comment (suggestion):
builder=vite is not the only requiremenet for being able to use `@storybook/addon-vitest`:
https://github.com/storybookjs/storybook/blob/ae3005453d09b20a74028ecd1e7ac39de1dfce41/code/core/src/cli/AddonVitestService.ts#L181. Use this function instead. Evaluate it on the backend and provide it somehow to the frontend.

Code after:
                    ref: 'guide',
                  })}
                  target="_blank"
                >
                  story organization documentation
                </Link>{' '}
                to learn:
              </p>
              <ul>
                <li>The full hierarchy available</li>
                <li>How to configure the sorting of your stories</li>
              </ul>
            </>
          ),
        },
      ],
    },

    {
      id: 'testing',
      title: 'Testing',
      items: [
        {
          id: 'installVitest',
          label: 'Install Vitest addon',
          afterCompletion: 'unavailable',
          available: () =>
            !!globalThis.STORYBOOK_FRAMEWORK &&
            SUPPORTED_FRAMEWORKS.includes(globalThis.STORYBOOK_FRAMEWORK),
          criteria: '@storybook/addon-vitest registered in .storybook/main.js|ts',
          subscribe: ({ done }) => {
            if (addons.experimental_getRegisteredAddons().includes(ADDON_TEST_ID)) {
              done();
            }
          },
          content: ({ api }) => (
            <>
              <p>
                Run this command to install the Vitest addon, enabling you to run component tests on
                your stories inside Storybook’s UI:
              </p>
              <CodeSnippet language="bash">{`npx storybook add @storybook/addon-vitest`}</CodeSnippet>
              <p>
                <em>Restart your Storybook after installing the addon.</em>
              </p>
              <img
                src={api.getDocsUrl({
                  asset: 'writing-tests/testing-ui-overview.png',
                  ref: 'guide',
                })}
                alt="Storybook app with story status indicators, testing widget, and addon panel annotated"