storybookjs · yannbf · Jan 14, 2026 · Jan 10, 2026 · Jan 2, 2026 · Jan 9, 2026
diff --git a/CHANGELOG.prerelease.md b/CHANGELOG.prerelease.md
@@ -1,3 +1,12 @@
+## 10.2.0-alpha.18
+
+- Build: Fix `ejslint` execution path in lint-staged - [#33504](https://github.com/storybookjs/storybook/pull/33504), thanks @Yeonny0723!
+- CLI: Detect free port when running dev during initiate - [#33532](https://github.com/storybookjs/storybook/pull/33532), thanks @ndelangen!
+- Core: Improve path handling in arg types data extraction - [#33536](https://github.com/storybookjs/storybook/pull/33536), thanks @yannbf!
+- Core: Refactor channel initialization - [#33520](https://github.com/storybookjs/storybook/pull/33520), thanks @yannbf!
+- Telemetry: Add `packageJson.type` - [#33525](https://github.com/storybookjs/storybook/pull/33525), thanks @ndelangen!
+- UI: Improve landmark navigation - [#33457](https://github.com/storybookjs/storybook/pull/33457), thanks @Sidnioulz!
+
 ## 10.2.0-alpha.17
 
 - Core: Improve the story generation experience - [#33259](https://github.com/storybookjs/storybook/pull/33259), thanks @yannbf!

diff --git a/code/core/package.json b/code/core/package.json
@@ -228,6 +228,7 @@
     "@radix-ui/react-scroll-area": "1.2.0-rc.7",
     "@radix-ui/react-slot": "^1.0.2",
     "@react-aria/interactions": "^3.25.5",
+    "@react-aria/landmark": "^3.0.8",
     "@react-aria/overlays": "^3.29.1",
     "@react-aria/tabs": "^3.10.7",
     "@react-aria/toolbar": "3.0.0-beta.20",

diff --git a/code/core/src/components/components/Card/Card.tsx b/code/core/src/components/components/Card/Card.tsx
@@ -1,4 +1,4 @@
-import React, { type ComponentProps, forwardRef } from 'react';
+import React, { type ComponentProps, type DOMAttributes, forwardRef } from 'react';
 
 import type { CSSObject, color } from 'storybook/theming';
 import { keyframes, styled } from 'storybook/theming';
@@ -92,15 +92,16 @@ const CardOutline = styled.div<{
 interface CardProps extends ComponentProps<typeof CardContent> {
   outlineAnimation?: 'none' | 'rainbow' | 'spin';
   outlineColor?: keyof typeof color;
+  outlineAttrs?: DOMAttributes<HTMLDivElement>;
 }
 
 export const Card = Object.assign(
   forwardRef<HTMLDivElement, CardProps>(function Card(
-    { outlineAnimation = 'none', outlineColor, ...props },
+    { outlineAnimation = 'none', outlineColor, outlineAttrs: outlineAttrs = {}, ...props },
     ref
   ) {
     return (
-      <CardOutline animation={outlineAnimation} color={outlineColor} ref={ref}>
+      <CardOutline animation={outlineAnimation} color={outlineColor} ref={ref} {...outlineAttrs}>
         <CardContent {...props} />
       </CardOutline>
     );

diff --git a/code/core/src/components/components/Form/styles.ts b/code/core/src/components/components/Form/styles.ts
@@ -107,8 +107,9 @@ export const styles = (({ theme }: { theme: StorybookTheme }) => ({
     },
   },
 
-  '&[disabled]': {
+  '&[disabled], &[aria-disabled="true"]': {
     background: theme.base === 'light' ? theme.color.lighter : 'transparent',
+    cursor: 'not-allowed',
   },
 
   '&:-webkit-autofill': { WebkitBoxShadow: `0 0 0 3em ${theme.color.lightest} inset` },

diff --git a/code/core/src/core-server/index.ts b/code/core/src/core-server/index.ts
@@ -30,3 +30,5 @@ export {
   fullTestProviderStore as internal_fullTestProviderStore,
   universalTestProviderStore as internal_universalTestProviderStore,
 } from './stores/test-provider';
+
+export { getServerPort } from './utils/server-address';
diff --git a/code/core/src/core-server/server-channel/ghost-stories-channel.test.ts b/code/core/src/core-server/server-channel/ghost-stories-channel.test.ts
@@ -137,7 +137,6 @@ describe('ghostStoriesChannel', () => {
       mockFs.existsSync.mockReturnValue(true);
       mockFs.readFile.mockResolvedValue(
         JSON.stringify({
-          success: true,
           numTotalTests: 2,
           numPassedTests: 2,
           numFailedTests: 0,
@@ -186,7 +185,6 @@ describe('ghostStoriesChannel', () => {
 
       // Telemetry is called with the correct data
       expect(mockTelemetry.telemetry).toHaveBeenCalledWith('ghost-stories', {
-        success: true,
         stats: {
           globMatchCount: 10,
           candidateAnalysisDuration: expect.any(Number),
@@ -199,8 +197,6 @@ describe('ghostStoriesChannel', () => {
         results: {
           total: 2,
           passed: 2,
-          failed: 0,
-          failureRate: 0,
           successRate: 1,
           successRateWithoutEmptyRender: 1,
           categorizedErrors: expect.any(Object),
@@ -238,7 +234,6 @@ describe('ghostStoriesChannel', () => {
       mockFs.existsSync.mockReturnValue(true);
       mockFs.readFile.mockResolvedValue(
         JSON.stringify({
-          success: false,
           numTotalTests: 2,
           numPassedTests: 0,
           numFailedTests: 2,
@@ -291,7 +286,6 @@ describe('ghostStoriesChannel', () => {
       expect(mockTelemetry.telemetry).toHaveBeenCalledWith(
         'ghost-stories',
         expect.objectContaining({
-          success: false,
           stats: {
             globMatchCount: 10,
             candidateAnalysisDuration: expect.any(Number),
@@ -304,8 +298,6 @@ describe('ghostStoriesChannel', () => {
           results: expect.objectContaining({
             total: 2,
             passed: 0,
-            failed: 2,
-            failureRate: 1,
             successRate: 0,
             // categorizedErrors is now an object with categories as keys
             categorizedErrors: expect.any(Object),
@@ -437,8 +429,7 @@ describe('ghostStoriesChannel', () => {
 
         expect(mockStoryGeneration.getComponentCandidates).toHaveBeenCalled();
         expect(mockTelemetry.telemetry).toHaveBeenCalledWith('ghost-stories', {
-          success: false,
-          error: 'Failed to analyze components',
+          runError: 'Failed to analyze components',
           stats: {
             globMatchCount: 0,
             candidateAnalysisDuration: 0,
@@ -478,8 +469,7 @@ describe('ghostStoriesChannel', () => {
 
         expect(mockStoryGeneration.getComponentCandidates).toHaveBeenCalled();
         expect(mockTelemetry.telemetry).toHaveBeenCalledWith('ghost-stories', {
-          success: false,
-          error: 'No candidates found',
+          runError: 'No candidates found',
           stats: {
             globMatchCount: 5,
             candidateAnalysisDuration: expect.any(Number),
@@ -523,8 +513,7 @@ describe('ghostStoriesChannel', () => {
         });
 
         expect(mockTelemetry.telemetry).toHaveBeenCalledWith('ghost-stories', {
-          success: false,
-          error: 'JSON report not found',
+          runError: 'JSON report not found',
           stats: {
             globMatchCount: 5,
             candidateAnalysisDuration: 0,
@@ -561,7 +550,6 @@ describe('ghostStoriesChannel', () => {
         mockFs.existsSync.mockReturnValue(true);
         mockFs.readFile.mockResolvedValue(
           JSON.stringify({
-            success: false,
             numTotalTests: 2,
             numPassedTests: 0,
             numFailedTests: 2,
@@ -578,8 +566,7 @@ describe('ghostStoriesChannel', () => {
         });
 
         expect(mockTelemetry.telemetry).toHaveBeenCalledWith('ghost-stories', {
-          success: false,
-          error: 'Startup Error',
+          runError: 'Startup Error',
           stats: {
             globMatchCount: 5,
             candidateAnalysisDuration: 0,
@@ -605,8 +592,7 @@ describe('ghostStoriesChannel', () => {
         });
 
         expect(mockTelemetry.telemetry).toHaveBeenCalledWith('ghost-stories', {
-          success: false,
-          error: 'Cache error',
+          runError: 'Unknown error during ghost run',
           stats: {},
         });
       });

diff --git a/code/core/src/core-server/server-channel/ghost-stories-channel.ts b/code/core/src/core-server/server-channel/ghost-stories-channel.ts
@@ -35,12 +35,16 @@ export function initGhostStoriesChannel(
     try {
       const ghostRunStart = Date.now();
       const lastEvents = await getLastEvents();
-      const sessionId = await getSessionId();
       const lastInit = lastEvents?.init;
-      const lastGhostStoriesRun = lastEvents?.['ghost-stories'];
+      if (!lastEvents || !lastInit) {
+        return;
+      }
+
+      const sessionId = await getSessionId();
+      const lastGhostStoriesRun = lastEvents['ghost-stories'];
       if (
         lastGhostStoriesRun ||
-        (lastInit?.body?.sessionId && lastInit?.body?.sessionId !== sessionId)
+        (lastInit.body?.sessionId && lastInit.body.sessionId !== sessionId)
       ) {
         return;
       }
@@ -70,19 +74,17 @@ export function initGhostStoriesChannel(
       if (candidatesResult.error) {
         stats.totalRunDuration = Date.now() - ghostRunStart;
         telemetry('ghost-stories', {
-          success: false,
-          error: candidatesResult.error,
           stats,
+          runError: candidatesResult.error,
         });
         return;
       }
 
       if (candidatesResult.candidates.length === 0) {
         stats.totalRunDuration = Date.now() - ghostRunStart;
         telemetry('ghost-stories', {
-          success: false,
-          error: 'No candidates found',
           stats,
+          runError: 'No candidates found',
         });
         return;
       }
@@ -92,19 +94,22 @@ export function initGhostStoriesChannel(
       const testRunResult = await runStoryTests(candidatesResult.candidates);
       stats.totalRunDuration = Date.now() - ghostRunStart;
       stats.testRunDuration = testRunResult.duration;
+      if (testRunResult.runError) {
+        telemetry('ghost-stories', {
+          stats,
+          runError: testRunResult.runError,
+        });
+        return;
+      }
+
       telemetry('ghost-stories', {
-        ...(testRunResult.error !== undefined ? { error: testRunResult.error } : {}),
-        success: testRunResult.success,
         stats,
         results: testRunResult.summary,
       });
-    } catch (error: unknown) {
-      const errorMessage = error instanceof Error ? error.message : String(error);
-
+    } catch {
       telemetry('ghost-stories', {
-        success: false,
-        error: errorMessage,
         stats,
+        runError: 'Unknown error during ghost run',
       });
     } finally {
       // we don't currently do anything with this, but will be useful in the future

diff --git a/code/core/src/core-server/utils/ghost-stories/get-candidates.ts b/code/core/src/core-server/utils/ghost-stories/get-candidates.ts
@@ -185,8 +185,7 @@ export async function getComponentCandidates({
       candidates,
       globMatchCount,
     };
-  } catch (error: unknown) {
-    const errorMessage = error instanceof Error ? error.message : String(error);
+  } catch {
     return {
       candidates: [],
       error: 'Failed to find candidates',

diff --git a/code/core/src/core-server/utils/ghost-stories/parse-vitest-report.test.ts b/code/core/src/core-server/utils/ghost-stories/parse-vitest-report.test.ts
@@ -41,15 +41,12 @@ describe('parse-vitest-report', () => {
 
       const result = parseVitestResults(mockVitestResults);
 
-      expect(result.success).toBe(true);
       expect(result.summary).toEqual({
         total: 3,
         passed: 3,
         passedButEmptyRender: 0,
-        failed: 0,
         successRate: 1.0,
         successRateWithoutEmptyRender: 1.0,
-        failureRate: 0.0,
         uniqueErrorCount: 0,
         categorizedErrors: {},
       });
@@ -88,12 +85,9 @@ describe('parse-vitest-report', () => {
 
       const result = parseVitestResults(mockVitestResults);
 
-      expect(result.success).toBe(false);
       expect(result.summary?.total).toBe(3);
       expect(result.summary?.passed).toBe(1);
-      expect(result.summary?.failed).toBe(2);
       expect(result.summary?.successRate).toBe(0.33);
-      expect(result.summary?.failureRate).toBe(0.67);
       expect(result.summary?.uniqueErrorCount).toBe(2);
     });
 
@@ -121,11 +115,18 @@ describe('parse-vitest-report', () => {
               {
                 fullName: 'Story3',
                 status: 'failed',
-                failureMessages: ['Error: Module not found: react-router\n  at import statement'],
+                failureMessages: [
+                  'Error: Cannot read property "x" of undefined\n  at /deps/styled-components.js:1168:14',
+                ],
               },
               {
                 fullName: 'Story4',
                 status: 'failed',
+                failureMessages: ['Error: Module not found: react-router\n  at import statement'],
+              },
+              {
+                fullName: 'Story5',
+                status: 'failed',
                 failureMessages: ['Error: Invalid hook call\n  at useEffect'],
               },
             ],
@@ -135,25 +136,23 @@ describe('parse-vitest-report', () => {
 
       const result = parseVitestResults(mockVitestResults);
 
-      expect(result.success).toBe(false);
       expect(result.summary?.total).toBe(4);
       expect(result.summary?.passed).toBe(1);
-      expect(result.summary?.failed).toBe(3);
       expect(result.summary?.uniqueErrorCount).toBe(3);
       expect(result.summary?.categorizedErrors).toEqual({
         HOOK_USAGE_ERROR: {
+          uniqueCount: 1,
           count: 1,
-          description: 'React hook was used incorrectly',
           matchedDependencies: [],
         },
         MISSING_THEME_PROVIDER: {
-          count: 1,
-          description: 'Component attempted to access theme values without a theme provider',
+          uniqueCount: 1,
+          count: 2,
           matchedDependencies: ['styled-components'],
         },
         MODULE_IMPORT_ERROR: {
+          uniqueCount: 1,
           count: 1,
-          description: 'A required dependency could not be resolved',
           matchedDependencies: [],
         },
       });
@@ -246,7 +245,6 @@ describe('parse-vitest-report', () => {
 
       expect(result.summary?.total).toBe(4);
       expect(result.summary?.passed).toBe(3);
-      expect(result.summary?.failed).toBe(1);
     });
 
     it('should handle zero total tests', () => {
@@ -262,7 +260,6 @@ describe('parse-vitest-report', () => {
 
       expect(result.summary?.total).toBe(0);
       expect(result.summary?.successRate).toBe(0);
-      expect(result.summary?.failureRate).toBe(0);
     });
   });
 });