storybook 10.1.0-alpha.1 → 10.1.0-alpha.10

package/dist/core-server/index.js

@@ -1,29 +1,29 @@
-import CJS_COMPAT_NODE_URL_in4hyfgp7kn from 'node:url';
-import CJS_COMPAT_NODE_PATH_in4hyfgp7kn from 'node:path';
-import CJS_COMPAT_NODE_MODULE_in4hyfgp7kn from "node:module";
+import CJS_COMPAT_NODE_URL_8vqew0zn9si from 'node:url';
+import CJS_COMPAT_NODE_PATH_8vqew0zn9si from 'node:path';
+import CJS_COMPAT_NODE_MODULE_8vqew0zn9si from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_in4hyfgp7kn.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_in4hyfgp7kn.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_in4hyfgp7kn.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_8vqew0zn9si.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_8vqew0zn9si.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_8vqew0zn9si.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration
 // ------------------------------------------------------------
 import {
   detectPnp
-} from "../_node-chunks/chunk-RVE4UTVQ.js";
+} from "../_node-chunks/chunk-LE63EHJ5.js";
 import {
   require_pretty_hrtime
-} from "../_node-chunks/chunk-HORWITP7.js";
+} from "../_node-chunks/chunk-GFLS4TJB.js";
 import {
   boxen,
   require_string_width
-} from "../_node-chunks/chunk-FEOC7OX2.js";
-import "../_node-chunks/chunk-DAMVKHAC.js";
+} from "../_node-chunks/chunk-J3XZKWHE.js";
+import "../_node-chunks/chunk-Q52PVUSU.js";
 import {
   StatusTypeIdMismatchError,
   StorybookError
-} from "../_node-chunks/chunk-J7N7PD5Q.js";
+} from "../_node-chunks/chunk-RMHAL25C.js";
 import {
   getErrorLevel,
   mapStaticDir,
@@ -31,61 +31,63 @@ import {
   sendTelemetryError,
   useStatics,
   withTelemetry
-} from "../_node-chunks/chunk-2RIKHYCS.js";
-import "../_node-chunks/chunk-GD2FXWDF.js";
+} from "../_node-chunks/chunk-ECK7WVFX.js";
+import "../_node-chunks/chunk-4ZB555EJ.js";
 import {
   telemetry
-} from "../_node-chunks/chunk-ULWNTI6M.js";
-import "../_node-chunks/chunk-HM6B7FE5.js";
+} from "../_node-chunks/chunk-SDCF5RNN.js";
+import "../_node-chunks/chunk-AGHGNXGH.js";
 import {
+  resolveImport,
+  supportedExtensions,
   userOrAutoTitleFromSpecifier
-} from "../_node-chunks/chunk-SCTKVDWR.js";
-import "../_node-chunks/chunk-4GE6Q4MX.js";
-import "../_node-chunks/chunk-ZRFYQ46H.js";
-import "../_node-chunks/chunk-BCDHUXAJ.js";
+} from "../_node-chunks/chunk-ZHSCUGNP.js";
+import "../_node-chunks/chunk-B23X5ZCK.js";
+import "../_node-chunks/chunk-PRJHT3GJ.js";
+import "../_node-chunks/chunk-52DXKXY3.js";
 import {
   optionalEnvToBoolean,
   require_cross_spawn
-} from "../_node-chunks/chunk-7TNUMFKR.js";
+} from "../_node-chunks/chunk-M47XA42S.js";
 import {
   up2 as up
-} from "../_node-chunks/chunk-TXHNWNH4.js";
-import "../_node-chunks/chunk-XW7YMR7I.js";
+} from "../_node-chunks/chunk-EUH3NHXA.js";
+import "../_node-chunks/chunk-G6EL47NS.js";
 import {
   invariant
-} from "../_node-chunks/chunk-WNOSTIYP.js";
+} from "../_node-chunks/chunk-CC4PW5MJ.js";
 import {
   importModule,
   resolvePackageDir
-} from "../_node-chunks/chunk-6OAXYS5T.js";
+} from "../_node-chunks/chunk-V7VURIPB.js";
 import {
   join,
   relative,
   resolve
-} from "../_node-chunks/chunk-BYVQZ2HU.js";
+} from "../_node-chunks/chunk-B2DAHWJK.js";
 import {
   require_prompts
-} from "../_node-chunks/chunk-MF2PUEWG.js";
-import "../_node-chunks/chunk-VYRFXLRO.js";
+} from "../_node-chunks/chunk-UJ5SJ23M.js";
+import "../_node-chunks/chunk-3CBQMG2A.js";
 import {
   slash
-} from "../_node-chunks/chunk-II4AFH3V.js";
+} from "../_node-chunks/chunk-3WDAPZYQ.js";
 import {
   require_dist
-} from "../_node-chunks/chunk-TUFWZUTO.js";
+} from "../_node-chunks/chunk-5OVB4A6F.js";
 import {
   require_lib,
   require_src
-} from "../_node-chunks/chunk-LAU7VVPC.js";
+} from "../_node-chunks/chunk-F3XOPI6H.js";
 import {
   require_picocolors
-} from "../_node-chunks/chunk-QNUGJO6L.js";
+} from "../_node-chunks/chunk-X4XU27M6.js";
 import {
   __commonJS,
   __name,
   __require,
   __toESM
-} from "../_node-chunks/chunk-XCEBYOA4.js";
+} from "../_node-chunks/chunk-OOI74AL3.js";
 
 // ../node_modules/tsconfig-paths/lib/filesystem.js
 var require_filesystem = __commonJS({
@@ -94,12 +96,12 @@ var require_filesystem = __commonJS({
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.removeExtension = exports.fileExistsAsync = exports.readJsonFromDiskAsync = exports.readJsonFromDiskSync = exports.fileExistsSync = void 0;
     var fs6 = __require("fs");
-    function fileExistsSync(path2) {
-      if (!fs6.existsSync(path2)) {
+    function fileExistsSync(path3) {
+      if (!fs6.existsSync(path3)) {
         return false;
       }
       try {
-        var stats = fs6.statSync(path2);
+        var stats = fs6.statSync(path3);
         return stats.isFile();
       } catch (err) {
         return false;
@@ -115,8 +117,8 @@ var require_filesystem = __commonJS({
     }
     __name(readJsonFromDiskSync, "readJsonFromDiskSync");
     exports.readJsonFromDiskSync = readJsonFromDiskSync;
-    function readJsonFromDiskAsync(path2, callback) {
-      fs6.readFile(path2, "utf8", function(err, result) {
+    function readJsonFromDiskAsync(path3, callback) {
+      fs6.readFile(path3, "utf8", function(err, result) {
         if (err || !result) {
           return callback();
         }
@@ -126,8 +128,8 @@ var require_filesystem = __commonJS({
     }
     __name(readJsonFromDiskAsync, "readJsonFromDiskAsync");
     exports.readJsonFromDiskAsync = readJsonFromDiskAsync;
-    function fileExistsAsync(path2, callback2) {
-      fs6.stat(path2, function(err, stats) {
+    function fileExistsAsync(path22, callback2) {
+      fs6.stat(path22, function(err, stats) {
         if (err) {
           return callback2(void 0, false);
         }
@@ -136,8 +138,8 @@ var require_filesystem = __commonJS({
     }
     __name(fileExistsAsync, "fileExistsAsync");
     exports.fileExistsAsync = fileExistsAsync;
-    function removeExtension(path2) {
-      return path2.substring(0, path2.lastIndexOf(".")) || path2;
+    function removeExtension(path3) {
+      return path3.substring(0, path3.lastIndexOf(".")) || path3;
     }
     __name(removeExtension, "removeExtension");
     exports.removeExtension = removeExtension;
@@ -150,7 +152,7 @@ var require_mapping_entry = __commonJS({
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.getAbsoluteMappingEntries = void 0;
-    var path2 = __require("path");
+    var path3 = __require("path");
     function getAbsoluteMappingEntries(absoluteBaseUrl, paths, addMatchAll) {
       var sortedKeys = sortByLongestPrefix(Object.keys(paths));
       var absolutePaths = [];
@@ -159,7 +161,7 @@ var require_mapping_entry = __commonJS({
         absolutePaths.push({
           pattern: key,
           paths: paths[key].map(function(pathToResolve) {
-            return path2.resolve(absoluteBaseUrl, pathToResolve);
+            return path3.resolve(absoluteBaseUrl, pathToResolve);
           })
         });
       }
@@ -193,7 +195,7 @@ var require_try_path = __commonJS({
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.exhaustiveTypeException = exports.getStrippedPath = exports.getPathsToTry = void 0;
-    var path2 = __require("path");
+    var path3 = __require("path");
     var path_1 = __require("path");
     var filesystem_1 = require_filesystem();
     function getPathsToTry(extensions, absolutePathMappings, requestedModule) {
@@ -213,9 +215,9 @@ var require_try_path = __commonJS({
             }));
             pathsToTry.push({
               type: "package",
-              path: path2.join(physicalPath, "/package.json")
+              path: path3.join(physicalPath, "/package.json")
             });
-            var indexPath = path2.join(physicalPath, "/index");
+            var indexPath = path3.join(physicalPath, "/index");
             pathsToTry.push.apply(pathsToTry, extensions.map(function(e) {
               return { type: "index", path: indexPath + e };
             }));
@@ -271,7 +273,7 @@ var require_match_path_sync = __commonJS({
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.matchFromAbsolutePaths = exports.createMatchPath = void 0;
-    var path2 = __require("path");
+    var path3 = __require("path");
     var Filesystem = require_filesystem();
     var MappingEntry = require_mapping_entry();
     var TryPath = require_try_path();
@@ -317,7 +319,7 @@ var require_match_path_sync = __commonJS({
           return obj[key];
         }, packageJson);
         if (candidateMapping && typeof candidateMapping === "string") {
-          var candidateFilePath = path2.join(path2.dirname(packageJsonPath), candidateMapping);
+          var candidateFilePath = path3.join(path3.dirname(packageJsonPath), candidateMapping);
           if (fileExists2(candidateFilePath)) {
             return candidateFilePath;
           }
@@ -363,7 +365,7 @@ var require_match_path_async = __commonJS({
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.matchFromAbsolutePathsAsync = exports.createMatchPathAsync = void 0;
-    var path2 = __require("path");
+    var path3 = __require("path");
     var TryPath = require_try_path();
     var MappingEntry = require_mapping_entry();
     var Filesystem = require_filesystem();
@@ -419,7 +421,7 @@ var require_match_path_async = __commonJS({
       if (typeof mainFieldMapping !== "string") {
         return tryNext();
       }
-      var mappedFilePath = path2.join(path2.dirname(packageJsonPath), mainFieldMapping);
+      var mappedFilePath = path3.join(path3.dirname(packageJsonPath), mainFieldMapping);
       fileExistsAsync(mappedFilePath, function(err, exists) {
         if (err) {
           return doneCallback(err);
@@ -511,7 +513,7 @@ var require_tsconfig_loader = __commonJS({
     };
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.loadTsconfig = exports.walkForTsConfig = exports.tsConfigLoader = void 0;
-    var path2 = __require("path");
+    var path3 = __require("path");
     var fs6 = __require("fs");
     var JSON5 = require_lib();
     var StripBom = require_strip_bom();
@@ -543,14 +545,14 @@ var require_tsconfig_loader = __commonJS({
     __name(loadSyncDefault, "loadSyncDefault");
     function resolveConfigPath(cwd, filename) {
       if (filename) {
-        var absolutePath = fs6.lstatSync(filename).isDirectory() ? path2.resolve(filename, "./tsconfig.json") : path2.resolve(cwd, filename);
+        var absolutePath = fs6.lstatSync(filename).isDirectory() ? path3.resolve(filename, "./tsconfig.json") : path3.resolve(cwd, filename);
         return absolutePath;
       }
       if (fs6.statSync(cwd).isFile()) {
-        return path2.resolve(cwd);
+        return path3.resolve(cwd);
       }
       var configAbsolutePath = walkForTsConfig(cwd);
-      return configAbsolutePath ? path2.resolve(configAbsolutePath) : void 0;
+      return configAbsolutePath ? path3.resolve(configAbsolutePath) : void 0;
     }
     __name(resolveConfigPath, "resolveConfigPath");
     function walkForTsConfig(directory, readdirSync2) {
@@ -562,10 +564,10 @@ var require_tsconfig_loader = __commonJS({
       for (var _i = 0, filesToCheck_1 = filesToCheck; _i < filesToCheck_1.length; _i++) {
         var fileToCheck = filesToCheck_1[_i];
         if (files.indexOf(fileToCheck) !== -1) {
-          return path2.join(directory, fileToCheck);
+          return path3.join(directory, fileToCheck);
         }
       }
-      var parentDirectory = path2.dirname(directory);
+      var parentDirectory = path3.dirname(directory);
       if (directory === parentDirectory) {
         return void 0;
       }
@@ -614,15 +616,15 @@ var require_tsconfig_loader = __commonJS({
       if (typeof extendedConfigValue === "string" && extendedConfigValue.indexOf(".json") === -1) {
         extendedConfigValue += ".json";
       }
-      var currentDir = path2.dirname(configFilePath);
-      var extendedConfigPath = path2.join(currentDir, extendedConfigValue);
+      var currentDir = path3.dirname(configFilePath);
+      var extendedConfigPath = path3.join(currentDir, extendedConfigValue);
       if (extendedConfigValue.indexOf("/") !== -1 && extendedConfigValue.indexOf(".") !== -1 && !existsSync3(extendedConfigPath)) {
-        extendedConfigPath = path2.join(currentDir, "node_modules", extendedConfigValue);
+        extendedConfigPath = path3.join(currentDir, "node_modules", extendedConfigValue);
       }
       var config = loadTsconfig(extendedConfigPath, existsSync3, readFileSync) || {};
       if ((_a = config.compilerOptions) === null || _a === void 0 ? void 0 : _a.baseUrl) {
-        var extendsDir = path2.dirname(extendedConfigValue);
-        config.compilerOptions.baseUrl = path2.join(extendsDir, config.compilerOptions.baseUrl);
+        var extendsDir = path3.dirname(extendedConfigValue);
+        config.compilerOptions.baseUrl = path3.join(extendsDir, config.compilerOptions.baseUrl);
       }
       return config;
     }
@@ -643,7 +645,7 @@ var require_config_loader = __commonJS({
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.configLoader = exports.loadConfig = void 0;
     var TsConfigLoader2 = require_tsconfig_loader();
-    var path2 = __require("path");
+    var path3 = __require("path");
     function loadConfig3(cwd) {
       if (cwd === void 0) {
         cwd = process.cwd();
@@ -655,7 +657,7 @@ var require_config_loader = __commonJS({
     function configLoader(_a) {
       var cwd = _a.cwd, explicitParams = _a.explicitParams, _b = _a.tsConfigLoader, tsConfigLoader = _b === void 0 ? TsConfigLoader2.tsConfigLoader : _b;
       if (explicitParams) {
-        var absoluteBaseUrl = path2.isAbsolute(explicitParams.baseUrl) ? explicitParams.baseUrl : path2.join(cwd, explicitParams.baseUrl);
+        var absoluteBaseUrl = path3.isAbsolute(explicitParams.baseUrl) ? explicitParams.baseUrl : path3.join(cwd, explicitParams.baseUrl);
         return {
           resultType: "success",
           configFileAbsolutePath: "",
@@ -682,7 +684,7 @@ var require_config_loader = __commonJS({
         resultType: "success",
         configFileAbsolutePath: loadResult.tsConfigPath,
         baseUrl: loadResult.baseUrl,
-        absoluteBaseUrl: path2.resolve(path2.dirname(loadResult.tsConfigPath), loadResult.baseUrl || ""),
+        absoluteBaseUrl: path3.resolve(path3.dirname(loadResult.tsConfigPath), loadResult.baseUrl || ""),
         paths: loadResult.paths || {},
         addMatchAll: loadResult.baseUrl !== void 0
       };
@@ -2150,14 +2152,14 @@ var require_polyfills = __commonJS({
       fs6.fstatSync = statFixSync(fs6.fstatSync);
       fs6.lstatSync = statFixSync(fs6.lstatSync);
       if (fs6.chmod && !fs6.lchmod) {
-        fs6.lchmod = function(path2, mode, cb) {
+        fs6.lchmod = function(path3, mode, cb) {
           if (cb) process.nextTick(cb);
         };
         fs6.lchmodSync = function() {
         };
       }
       if (fs6.chown && !fs6.lchown) {
-        fs6.lchown = function(path2, uid, gid, cb) {
+        fs6.lchown = function(path3, uid, gid, cb) {
           if (cb) process.nextTick(cb);
         };
         fs6.lchownSync = function() {
@@ -2226,9 +2228,9 @@ var require_polyfills = __commonJS({
         };
       }(fs6.readSync);
       function patchLchmod(fs7) {
-        fs7.lchmod = function(path2, mode, callback) {
+        fs7.lchmod = function(path3, mode, callback) {
           fs7.open(
-            path2,
+            path3,
             constants.O_WRONLY | constants.O_SYMLINK,
             mode,
             function(err, fd) {
@@ -2244,8 +2246,8 @@ var require_polyfills = __commonJS({
             }
           );
         };
-        fs7.lchmodSync = function(path2, mode) {
-          var fd = fs7.openSync(path2, constants.O_WRONLY | constants.O_SYMLINK, mode);
+        fs7.lchmodSync = function(path3, mode) {
+          var fd = fs7.openSync(path3, constants.O_WRONLY | constants.O_SYMLINK, mode);
           var threw = true;
           var ret;
           try {
@@ -2267,8 +2269,8 @@ var require_polyfills = __commonJS({
       __name(patchLchmod, "patchLchmod");
       function patchLutimes(fs7) {
         if (constants.hasOwnProperty("O_SYMLINK") && fs7.futimes) {
-          fs7.lutimes = function(path2, at, mt, cb) {
-            fs7.open(path2, constants.O_SYMLINK, function(er, fd) {
+          fs7.lutimes = function(path3, at, mt, cb) {
+            fs7.open(path3, constants.O_SYMLINK, function(er, fd) {
               if (er) {
                 if (cb) cb(er);
                 return;
@@ -2280,8 +2282,8 @@ var require_polyfills = __commonJS({
               });
             });
           };
-          fs7.lutimesSync = function(path2, at, mt) {
-            var fd = fs7.openSync(path2, constants.O_SYMLINK);
+          fs7.lutimesSync = function(path3, at, mt) {
+            var fd = fs7.openSync(path3, constants.O_SYMLINK);
             var ret;
             var threw = true;
             try {
@@ -2409,11 +2411,11 @@ var require_legacy_streams = __commonJS({
         ReadStream,
         WriteStream
       };
-      function ReadStream(path2, options) {
-        if (!(this instanceof ReadStream)) return new ReadStream(path2, options);
+      function ReadStream(path3, options) {
+        if (!(this instanceof ReadStream)) return new ReadStream(path3, options);
         Stream.call(this);
         var self2 = this;
-        this.path = path2;
+        this.path = path3;
         this.fd = null;
         this.readable = true;
         this.paused = false;
@@ -2459,10 +2461,10 @@ var require_legacy_streams = __commonJS({
         });
       }
       __name(ReadStream, "ReadStream");
-      function WriteStream(path2, options) {
-        if (!(this instanceof WriteStream)) return new WriteStream(path2, options);
+      function WriteStream(path3, options) {
+        if (!(this instanceof WriteStream)) return new WriteStream(path3, options);
         Stream.call(this);
-        this.path = path2;
+        this.path = path3;
         this.fd = null;
         this.writable = true;
         this.flags = "w";
@@ -2612,14 +2614,14 @@ var require_graceful_fs = __commonJS({
       fs7.createWriteStream = createWriteStream2;
       var fs$readFile = fs7.readFile;
       fs7.readFile = readFile5;
-      function readFile5(path2, options, cb) {
+      function readFile5(path3, options, cb) {
         if (typeof options === "function")
           cb = options, options = null;
-        return go$readFile(path2, options, cb);
-        function go$readFile(path3, options2, cb2, startTime) {
-          return fs$readFile(path3, options2, function(err) {
+        return go$readFile(path3, options, cb);
+        function go$readFile(path4, options2, cb2, startTime) {
+          return fs$readFile(path4, options2, function(err) {
             if (err && (err.code === "EMFILE" || err.code === "ENFILE"))
-              enqueue([go$readFile, [path3, options2, cb2], err, startTime || Date.now(), Date.now()]);
+              enqueue([go$readFile, [path4, options2, cb2], err, startTime || Date.now(), Date.now()]);
             else {
               if (typeof cb2 === "function")
                 cb2.apply(this, arguments);
@@ -2630,15 +2632,15 @@ var require_graceful_fs = __commonJS({
       }
       __name(readFile5, "readFile");
       var fs$writeFile = fs7.writeFile;
-      fs7.writeFile = writeFile4;
-      function writeFile4(path2, data, options, cb) {
+      fs7.writeFile = writeFile5;
+      function writeFile5(path3, data, options, cb) {
         if (typeof options === "function")
           cb = options, options = null;
-        return go$writeFile(path2, data, options, cb);
-        function go$writeFile(path3, data2, options2, cb2, startTime) {
-          return fs$writeFile(path3, data2, options2, function(err) {
+        return go$writeFile(path3, data, options, cb);
+        function go$writeFile(path4, data2, options2, cb2, startTime) {
+          return fs$writeFile(path4, data2, options2, function(err) {
             if (err && (err.code === "EMFILE" || err.code === "ENFILE"))
-              enqueue([go$writeFile, [path3, data2, options2, cb2], err, startTime || Date.now(), Date.now()]);
+              enqueue([go$writeFile, [path4, data2, options2, cb2], err, startTime || Date.now(), Date.now()]);
             else {
               if (typeof cb2 === "function")
                 cb2.apply(this, arguments);
@@ -2647,18 +2649,18 @@ var require_graceful_fs = __commonJS({
         }
         __name(go$writeFile, "go$writeFile");
       }
-      __name(writeFile4, "writeFile");
+      __name(writeFile5, "writeFile");
       var fs$appendFile = fs7.appendFile;
       if (fs$appendFile)
         fs7.appendFile = appendFile;
-      function appendFile(path2, data, options, cb) {
+      function appendFile(path3, data, options, cb) {
         if (typeof options === "function")
           cb = options, options = null;
-        return go$appendFile(path2, data, options, cb);
-        function go$appendFile(path3, data2, options2, cb2, startTime) {
-          return fs$appendFile(path3, data2, options2, function(err) {
+        return go$appendFile(path3, data, options, cb);
+        function go$appendFile(path4, data2, options2, cb2, startTime) {
+          return fs$appendFile(path4, data2, options2, function(err) {
             if (err && (err.code === "EMFILE" || err.code === "ENFILE"))
-              enqueue([go$appendFile, [path3, data2, options2, cb2], err, startTime || Date.now(), Date.now()]);
+              enqueue([go$appendFile, [path4, data2, options2, cb2], err, startTime || Date.now(), Date.now()]);
             else {
               if (typeof cb2 === "function")
                 cb2.apply(this, arguments);
@@ -2693,31 +2695,31 @@ var require_graceful_fs = __commonJS({
       var fs$readdir = fs7.readdir;
       fs7.readdir = readdir;
       var noReaddirOptionVersions = /^v[0-5]\./;
-      function readdir(path2, options, cb) {
+      function readdir(path3, options, cb) {
         if (typeof options === "function")
           cb = options, options = null;
-        var go$readdir = noReaddirOptionVersions.test(process.version) ? /* @__PURE__ */ __name(function go$readdir2(path3, options2, cb2, startTime) {
-          return fs$readdir(path3, fs$readdirCallback(
-            path3,
+        var go$readdir = noReaddirOptionVersions.test(process.version) ? /* @__PURE__ */ __name(function go$readdir2(path4, options2, cb2, startTime) {
+          return fs$readdir(path4, fs$readdirCallback(
+            path4,
             options2,
             cb2,
             startTime
           ));
-        }, "go$readdir") : /* @__PURE__ */ __name(function go$readdir2(path3, options2, cb2, startTime) {
-          return fs$readdir(path3, options2, fs$readdirCallback(
-            path3,
+        }, "go$readdir") : /* @__PURE__ */ __name(function go$readdir2(path4, options2, cb2, startTime) {
+          return fs$readdir(path4, options2, fs$readdirCallback(
+            path4,
             options2,
             cb2,
             startTime
           ));
         }, "go$readdir");
-        return go$readdir(path2, options, cb);
-        function fs$readdirCallback(path3, options2, cb2, startTime) {
+        return go$readdir(path3, options, cb);
+        function fs$readdirCallback(path4, options2, cb2, startTime) {
           return function(err, files) {
             if (err && (err.code === "EMFILE" || err.code === "ENFILE"))
               enqueue([
                 go$readdir,
-                [path3, options2, cb2],
+                [path4, options2, cb2],
                 err,
                 startTime || Date.now(),
                 Date.now()
@@ -2790,7 +2792,7 @@ var require_graceful_fs = __commonJS({
         enumerable: true,
         configurable: true
       });
-      function ReadStream(path2, options) {
+      function ReadStream(path3, options) {
         if (this instanceof ReadStream)
           return fs$ReadStream.apply(this, arguments), this;
         else
@@ -2812,7 +2814,7 @@ var require_graceful_fs = __commonJS({
         });
       }
       __name(ReadStream$open, "ReadStream$open");
-      function WriteStream(path2, options) {
+      function WriteStream(path3, options) {
         if (this instanceof WriteStream)
           return fs$WriteStream.apply(this, arguments), this;
         else
@@ -2832,24 +2834,24 @@ var require_graceful_fs = __commonJS({
         });
       }
       __name(WriteStream$open, "WriteStream$open");
-      function createReadStream(path2, options) {
-        return new fs7.ReadStream(path2, options);
+      function createReadStream(path3, options) {
+        return new fs7.ReadStream(path3, options);
       }
       __name(createReadStream, "createReadStream");
-      function createWriteStream2(path2, options) {
-        return new fs7.WriteStream(path2, options);
+      function createWriteStream2(path3, options) {
+        return new fs7.WriteStream(path3, options);
       }
       __name(createWriteStream2, "createWriteStream");
       var fs$open = fs7.open;
       fs7.open = open2;
-      function open2(path2, flags, mode, cb) {
+      function open2(path3, flags, mode, cb) {
         if (typeof mode === "function")
           cb = mode, mode = null;
-        return go$open(path2, flags, mode, cb);
-        function go$open(path3, flags2, mode2, cb2, startTime) {
-          return fs$open(path3, flags2, mode2, function(err, fd) {
+        return go$open(path3, flags, mode, cb);
+        function go$open(path4, flags2, mode2, cb2, startTime) {
+          return fs$open(path4, flags2, mode2, function(err, fd) {
             if (err && (err.code === "EMFILE" || err.code === "ENFILE"))
-              enqueue([go$open, [path3, flags2, mode2, cb2], err, startTime || Date.now(), Date.now()]);
+              enqueue([go$open, [path4, flags2, mode2, cb2], err, startTime || Date.now(), Date.now()]);
             else {
               if (typeof cb2 === "function")
                 cb2.apply(this, arguments);
@@ -2922,7 +2924,7 @@ var require_graceful_fs = __commonJS({
 var require_reducePlan = __commonJS({
   "../node_modules/watchpack/lib/reducePlan.js"(exports, module) {
     "use strict";
-    var path2 = __require("path");
+    var path3 = __require("path");
     module.exports = (plan, limit) => {
       const treeMap = /* @__PURE__ */ new Map();
       for (const [filePath, value] of plan) {
@@ -2937,7 +2939,7 @@ var require_reducePlan = __commonJS({
       }
       let currentCount = treeMap.size;
       for (const node of treeMap.values()) {
-        const parentPath = path2.dirname(node.filePath);
+        const parentPath = path3.dirname(node.filePath);
         if (parentPath !== node.filePath) {
           let parent = treeMap.get(parentPath);
           if (parent === void 0) {
@@ -3032,7 +3034,7 @@ var require_watchEventSource = __commonJS({
   "../node_modules/watchpack/lib/watchEventSource.js"(exports) {
     "use strict";
     var fs6 = __require("fs");
-    var path2 = __require("path");
+    var path3 = __require("path");
     var { EventEmitter } = __require("events");
     var reducePlan = require_reducePlan();
     var IS_OSX = __require("os").platform() === "darwin";
@@ -3054,7 +3056,7 @@ var require_watchEventSource = __commonJS({
     __name(createEPERMError, "createEPERMError");
     function createHandleChangeEvent(watcher, filePath, handleChangeEvent) {
       return (type, filename) => {
-        if (type === "rename" && path2.isAbsolute(filename) && path2.basename(filename) === path2.basename(filePath)) {
+        if (type === "rename" && path3.isAbsolute(filename) && path3.basename(filename) === path3.basename(filePath)) {
           if (!IS_OSX) {
             watcher.emit("error", createEPERMError(filename));
           }
@@ -3141,7 +3143,7 @@ var require_watchEventSource = __commonJS({
                 w.emit("change", type);
               }
             } else {
-              const dir = path2.dirname(filename);
+              const dir = path3.dirname(filename);
               const watchers = this.mapPathToWatchers.get(dir);
               if (recursiveWatcherLogging) {
                 process.stderr.write(
@@ -3151,7 +3153,7 @@ var require_watchEventSource = __commonJS({
               }
               if (watchers === void 0) return;
               for (const w of watchers) {
-                w.emit("change", type, path2.basename(filename));
+                w.emit("change", type, path3.basename(filename));
               }
             }
           });
@@ -3270,7 +3272,7 @@ var require_watchEventSource = __commonJS({
       }
       for (const watcher of recursiveWatchers.values()) {
         for (const [w, subpath] of watcher.getWatchers()) {
-          addWatcher(w, path2.join(watcher.rootPath, subpath));
+          addWatcher(w, path3.join(watcher.rootPath, subpath));
         }
       }
       for (const watcher of directWatchers.values()) {
@@ -3326,7 +3328,7 @@ var require_watchEventSource = __commonJS({
           recursiveWatcher.add(filePath, watcher);
           return watcher;
         }
-        const parent = path2.dirname(current);
+        const parent = path3.dirname(current);
         if (parent === current) break;
         current = parent;
       }
@@ -3357,7 +3359,7 @@ var require_DirectoryWatcher = __commonJS({
     "use strict";
     var EventEmitter = __require("events").EventEmitter;
     var fs6 = require_graceful_fs();
-    var path2 = __require("path");
+    var path3 = __require("path");
     var watchEventSource = require_watchEventSource();
     var EXISTANCE_ONLY_TIME_ENTRY = Object.freeze({});
     var FS_ACCURACY = 2e3;
@@ -3453,8 +3455,8 @@ var require_DirectoryWatcher = __commonJS({
           this.onWatcherError(err);
         }
       }
-      forEachWatcher(path3, fn) {
-        const watchers = this.watchers.get(withoutCase(path3));
+      forEachWatcher(path4, fn) {
+        const watchers = this.watchers.get(withoutCase(path4));
         if (watchers !== void 0) {
           for (const w of watchers) {
             fn(w);
@@ -3682,7 +3684,7 @@ var require_DirectoryWatcher = __commonJS({
           this.doScan(false);
           return;
         }
-        const filePath = path2.join(this.path, filename);
+        const filePath = path3.join(this.path, filename);
         if (this.ignored(filePath)) return;
         if (this._activeEvents.get(filename) === void 0) {
           this._activeEvents.set(filename, false);
@@ -3700,7 +3702,7 @@ var require_DirectoryWatcher = __commonJS({
                 if (err.code !== "ENOENT" && err.code !== "EPERM" && err.code !== "EBUSY") {
                   this.onStatsError(err);
                 } else {
-                  if (filename === path2.basename(this.path)) {
+                  if (filename === path3.basename(this.path)) {
                     if (!fs6.existsSync(this.path)) {
                       this.onDirectoryRemoved("stat failed");
                     }
@@ -3780,8 +3782,8 @@ var require_DirectoryWatcher = __commonJS({
       }
       watchInParentDirectory() {
         if (!this.parentWatcher) {
-          const parentDir = path2.dirname(this.path);
-          if (path2.dirname(parentDir) === parentDir) return;
+          const parentDir = path3.dirname(this.path);
+          if (path3.dirname(parentDir) === parentDir) return;
           this.parentWatcher = this.watcherManager.watchFile(this.path, 1);
           this.parentWatcher.on("change", (mtime, type) => {
             if (this.closed) return;
@@ -3851,7 +3853,7 @@ var require_DirectoryWatcher = __commonJS({
               return;
             }
             const itemPaths = new Set(
-              items.map((item) => path2.join(this.path, item.normalize("NFC")))
+              items.map((item) => path3.join(this.path, item.normalize("NFC")))
             );
             for (const file of this.files.keys()) {
               if (!itemPaths.has(file)) {
@@ -3960,9 +3962,9 @@ var require_DirectoryWatcher = __commonJS({
         if (!this.initialScan) {
           for (const watchers of this.watchers.values()) {
             for (const watcher of watchers) {
-              const path3 = watcher.path;
-              if (!Object.prototype.hasOwnProperty.call(obj, path3)) {
-                obj[path3] = null;
+              const path4 = watcher.path;
+              if (!Object.prototype.hasOwnProperty.call(obj, path4)) {
+                obj[path4] = null;
               }
             }
           }
@@ -4002,9 +4004,9 @@ var require_DirectoryWatcher = __commonJS({
         if (!this.initialScan) {
           for (const watchers of this.watchers.values()) {
             for (const watcher of watchers) {
-              const path3 = watcher.path;
-              if (!fileTimestamps.has(path3)) {
-                fileTimestamps.set(path3, null);
+              const path4 = watcher.path;
+              if (!fileTimestamps.has(path4)) {
+                fileTimestamps.set(path4, null);
               }
             }
           }
@@ -4055,7 +4057,7 @@ var require_DirectoryWatcher = __commonJS({
 var require_getWatcherManager = __commonJS({
   "../node_modules/watchpack/lib/getWatcherManager.js"(exports, module) {
     "use strict";
-    var path2 = __require("path");
+    var path3 = __require("path");
     var DirectoryWatcher = require_DirectoryWatcher();
     var WatcherManager = class {
       static {
@@ -4078,7 +4080,7 @@ var require_getWatcherManager = __commonJS({
         return watcher;
       }
       watchFile(p, startTime) {
-        const directory = path2.dirname(p);
+        const directory = path3.dirname(p);
         if (directory === p) return null;
         return this.getDirectoryWatcher(directory).watch(p, startTime);
       }
@@ -4103,7 +4105,7 @@ var require_LinkResolver = __commonJS({
   "../node_modules/watchpack/lib/LinkResolver.js"(exports, module) {
     "use strict";
     var fs6 = __require("fs");
-    var path2 = __require("path");
+    var path3 = __require("path");
     var EXPECTED_ERRORS = /* @__PURE__ */ new Set(["EINVAL", "ENOENT"]);
     if (process.platform === "win32") EXPECTED_ERRORS.add("UNKNOWN");
     var LinkResolver = class {
@@ -4122,7 +4124,7 @@ var require_LinkResolver = __commonJS({
         if (cacheEntry !== void 0) {
           return cacheEntry;
         }
-        const parent = path2.dirname(file);
+        const parent = path3.dirname(file);
         if (parent === file) {
           const result = Object.freeze([file]);
           this.cache.set(file, result);
@@ -4131,12 +4133,12 @@ var require_LinkResolver = __commonJS({
         const parentResolved = this.resolve(parent);
         let realFile = file;
         if (parentResolved[0] !== parent) {
-          const basename4 = path2.basename(file);
-          realFile = path2.resolve(parentResolved[0], basename4);
+          const basename4 = path3.basename(file);
+          realFile = path3.resolve(parentResolved[0], basename4);
         }
         try {
           const linkContent = fs6.readlinkSync(realFile);
-          const resolvedLink = path2.resolve(parentResolved[0], linkContent);
+          const resolvedLink = path3.resolve(parentResolved[0], linkContent);
           const linkResolved = this.resolve(resolvedLink);
           let result;
           if (linkResolved.length > 1 && parentResolved.length > 1) {
@@ -4456,7 +4458,7 @@ var require_watchpack = __commonJS({
         const fileWatchers = this.fileWatchers;
         const directoryWatchers = this.directoryWatchers;
         const ignored = this.watcherOptions.ignored;
-        const filter = /* @__PURE__ */ __name((path2) => !ignored(path2), "filter");
+        const filter = /* @__PURE__ */ __name((path3) => !ignored(path3), "filter");
         const addToMap = /* @__PURE__ */ __name((map, key, item) => {
           const list = map.get(key);
           if (list === void 0) {
@@ -6047,18 +6049,18 @@ var require_dist2 = __commonJS({
     }
     __name(toKey, "toKey");
     var toKey_default = toKey;
-    function baseGet(object, path2) {
-      path2 = castPath_default(path2, object);
-      var index = 0, length = path2.length;
+    function baseGet(object, path3) {
+      path3 = castPath_default(path3, object);
+      var index = 0, length = path3.length;
       while (object != null && index < length) {
-        object = object[toKey_default(path2[index++])];
+        object = object[toKey_default(path3[index++])];
       }
       return index && index == length ? object : void 0;
     }
     __name(baseGet, "baseGet");
     var baseGet_default = baseGet;
-    function get(object, path2, defaultValue) {
-      var result = object == null ? void 0 : baseGet_default(object, path2);
+    function get(object, path3, defaultValue) {
+      var result = object == null ? void 0 : baseGet_default(object, path3);
       return result === void 0 ? defaultValue : result;
     }
     __name(get, "get");
@@ -8473,7 +8475,7 @@ var require_cli_table3 = __commonJS({
 import { getPreviewHeadTemplate, getPreviewBodyTemplate } from "storybook/internal/common";
 
 // src/core-server/build-static.ts
-import { cp as cp2, mkdir } from "node:fs/promises";
+import { cp as cp2, mkdir, writeFile as writeFile3 } from "node:fs/promises";
 import { rm } from "node:fs/promises";
 import {
   loadAllPresets,
@@ -8487,6 +8489,811 @@ import { getPrecedingUpgrade, telemetry as telemetry2 } from "storybook/internal
 import { global as global2 } from "@storybook/global";
 var import_picocolors4 = __toESM(require_picocolors(), 1);
 
+// src/core-server/manifest.ts
+import path from "node:path";
+import { groupBy } from "storybook/internal/common";
+function renderManifestComponentsPage(manifest) {
+  const entries = Object.entries(manifest?.components ?? {}).sort(
+    (a, b) => (a[1].name || a[0]).localeCompare(b[1].name || b[0])
+  );
+  const analyses = entries.map(([, c]) => analyzeComponent(c));
+  const totals = {
+    components: entries.length,
+    componentsWithPropTypeError: analyses.filter((a) => a.hasPropTypeError).length,
+    infos: analyses.filter((a) => a.hasWarns).length,
+    stories: analyses.reduce((sum, a) => sum + a.totalStories, 0),
+    storyErrors: analyses.reduce((sum, a) => sum + a.storyErrors, 0)
+  };
+  const allPill = `<a class="filter-pill all" data-k="all" href="#filter-all">All</a>`;
+  const compErrorsPill = totals.componentsWithPropTypeError > 0 ? `<a class="filter-pill err" data-k="errors" href="#filter-errors">${totals.componentsWithPropTypeError}/${totals.components} prop type ${plural(totals.componentsWithPropTypeError, "error")}</a>` : `<span class="filter-pill ok" aria-disabled="true">${totals.components} components ok</span>`;
+  const compInfosPill = totals.infos > 0 ? `<a class="filter-pill info" data-k="infos" href="#filter-infos">${totals.infos}/${totals.components} ${plural(totals.infos, "info", "infos")}</a>` : "";
+  const storiesPill = totals.storyErrors > 0 ? `<a class="filter-pill err" data-k="story-errors" href="#filter-story-errors">${totals.storyErrors}/${totals.stories} story errors</a>` : `<span class="filter-pill ok" aria-disabled="true">${totals.stories} ${plural(totals.stories, "story", "stories")} ok</span>`;
+  const grid = entries.map(([key, c], idx) => renderComponentCard(key, c, `${idx}`)).join("");
+  const errorGroups = Object.entries(
+    groupBy(
+      entries.map(([, it]) => it).filter((it) => it.error),
+      (manifest2) => manifest2.error?.name ?? "Error"
+    )
+  ).sort(([, a], [, b]) => b.length - a.length);
+  const errorGroupsHTML = errorGroups.map(([error, grouped]) => {
+    const id = error.toLowerCase().replace(/[^a-z0-9]+/g, "-");
+    const headerText = `${esc(error)}`;
+    const cards = grouped.map((manifest2, id2) => renderComponentCard(manifest2.id, manifest2, `error-${id2}`)).join("");
+    return `
+        <section class="group">
+          <input id="${id}-toggle" class="group-tg" type="checkbox" hidden />
+          <label for="${id}-toggle" class="group-header">
+            <span class="caret">\u25B8</span>
+            <span class="group-title">${headerText}</span>
+            <span class="group-count">${grouped.length}</span>
+          </label>
+          <div class="group-cards">${cards}</div>
+        </section>
+      `;
+  }).join("");
+  return `<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <title>Components Manifest</title>
+  <style>
+      :root {
+          --bg: #0b0c10;
+          --panel: #121318;
+          --muted: #9aa0a6;
+          --fg: #e8eaed;
+          --ok: #22c55e;
+          --info: #1e88e5;
+          --err: #c62828;
+          --ok-bg: #0c1a13;
+          --info-bg: #0c1624;
+          --err-bg: #1a0e0e;
+          --chip: #1f2330;
+          --border: #2b2f3a;
+          --link: #8ab4f8;
+          --active-ring: 1px; /* 1px active ring for pills and toggles */
+      }
+
+      * {
+          box-sizing: border-box;
+      }
+
+      html,
+      body {
+          margin: 0;
+          background: var(--bg);
+          color: var(--fg);
+          font: 14px/1.5 system-ui,
+          -apple-system,
+          Segoe UI,
+          Roboto,
+          Ubuntu,
+          Cantarell,
+          'Helvetica Neue',
+          Arial,
+          'Noto Sans';
+      }
+
+      .wrap {
+          max-width: 1100px;
+          margin: 0 auto;
+          padding: 16px 20px;
+      }
+
+      header {
+          position: sticky;
+          top: 0;
+          backdrop-filter: blur(6px);
+          background: color-mix(in srgb, var(--bg) 84%, transparent);
+          border-bottom: 1px solid var(--border);
+          z-index: 10;
+      }
+
+      h1 {
+          font-size: 20px;
+          margin: 0 0 6px;
+      }
+
+      .summary {
+          display: flex;
+          gap: 12px;
+          flex-wrap: wrap;
+          align-items: center;
+      }
+
+      /* Top filter pills */
+      .filter-pill {
+          display: inline-flex;
+          align-items: center;
+          gap: 6px;
+          padding: 6px 12px;
+          border: 1px solid var(--border);
+          border-radius: 999px;
+          background: var(--panel);
+          text-decoration: none;
+          cursor: pointer;
+          user-select: none;
+          color: var(--fg);
+      }
+
+      .filter-pill.ok {
+          color: #b9f6ca;
+          border-color: color-mix(in srgb, var(--ok) 55%, var(--border));
+          background: color-mix(in srgb, var(--ok) 18%, #000);
+      }
+
+      .filter-pill.info {
+          color: #b3d9ff;
+          border-color: color-mix(in srgb, var(--info) 55%, var(--border));
+          background: var(--info-bg);
+      }
+
+      .filter-pill.err {
+          color: #ff9aa0;
+          border-color: color-mix(in srgb, var(--err) 55%, var(--border));
+          background: var(--err-bg);
+      }
+
+      .filter-pill.all {
+          color: #d7dbe0;
+          border-color: var(--border);
+          background: var(--panel);
+      }
+
+      .filter-pill[aria-disabled='true'] {
+          cursor: default;
+          text-decoration: none;
+      }
+
+      .filter-pill:focus,
+      .filter-pill:active {
+          outline: none;
+          box-shadow: none;
+      }
+
+      /* Selected top pill ring via :target */
+      #filter-all:target ~ header .filter-pill[data-k='all'],
+      #filter-errors:target ~ header .filter-pill[data-k='errors'],
+      #filter-infos:target ~ header .filter-pill[data-k='infos'],
+      #filter-story-errors:target ~ header .filter-pill[data-k='story-errors'] {
+          box-shadow: 0 0 0 var(--active-ring) currentColor;
+          border-color: currentColor;
+      }
+
+      /* Hidden targets for filtering */
+      #filter-all,
+      #filter-errors,
+      #filter-infos,
+      #filter-story-errors {
+          display: none;
+      }
+
+      main {
+          padding: 36px 0 40px;
+      }
+
+      .grid {
+          display: grid;
+          grid-template-columns: 1fr;
+          gap: 18px;
+      }
+
+      /* one card per row */
+
+      .card {
+          border: 1px solid var(--border);
+          background: var(--panel);
+          border-radius: 14px;
+          padding: 14px;
+          display: flex;
+          flex-direction: column;
+          gap: 10px;
+      }
+
+      .head {
+          display: flex;
+          flex-direction: column;
+          gap: 8px;
+      }
+
+      .title {
+          display: flex;
+          align-items: center;
+          justify-content: space-between;
+          gap: 10px;
+      }
+
+      .title h2 {
+          font-size: 16px;
+          margin: 0;
+          overflow: hidden;
+          text-overflow: ellipsis;
+          white-space: nowrap;
+      }
+
+      .meta {
+          font-size: 12px;
+          color: var(--muted);
+          overflow: hidden;
+          text-overflow: ellipsis;
+          white-space: nowrap;
+      }
+
+      .kv {
+          display: flex;
+          flex-wrap: wrap;
+          gap: 6px;
+      }
+
+      .chip {
+          font-size: 12px;
+          padding: 4px 8px;
+          border-radius: 999px;
+          background: var(--chip);
+          border: 1px solid var(--border);
+      }
+
+      .hint {
+          color: var(--muted);
+          font-size: 12px;
+      }
+
+      .badges {
+          display: flex;
+          gap: 8px;
+          flex-wrap: wrap;
+      }
+
+      /* Per-card badges: labels become toggles when clickable */
+      .badge {
+          font-size: 12px;
+          padding: 3px 8px;
+          border-radius: 999px;
+          border: 1px solid var(--border);
+          background: var(--chip);
+          color: #d7dbe0;
+      }
+
+      .badge.ok {
+          color: #b9f6ca;
+          border-color: color-mix(in srgb, var(--ok) 55%, var(--border));
+      }
+
+      .badge.info {
+          color: #b3d9ff;
+          border-color: color-mix(in srgb, var(--info) 55%, var(--border));
+      }
+
+      .badge.err {
+          color: #ff9aa0;
+          border-color: color-mix(in srgb, var(--err) 55%, var(--border));
+      }
+
+      .as-toggle {
+          cursor: pointer;
+      }
+
+      /* 1px ring on active toggle */
+      .tg-err:checked + label.as-toggle,
+      .tg-info:checked + label.as-toggle,
+      .tg-stories:checked + label.as-toggle,
+      .tg-props:checked + label.as-toggle {
+          box-shadow: 0 0 0 var(--active-ring) currentColor;
+          border-color: currentColor;
+      }
+
+      /* Panels: hidden by default, shown when respective toggle checked */
+      .panels {
+          display: grid;
+          gap: 10px;
+      }
+
+      .panel {
+          display: none;
+      }
+
+      .tg-err:checked ~ .panels .panel-err {
+          display: grid;
+      }
+
+      .tg-info:checked ~ .panels .panel-info {
+          display: grid;
+          gap: 8px;
+      }
+
+      .tg-stories:checked ~ .panels .panel-stories {
+          display: grid;
+          gap: 8px;
+      }
+
+      .tg-props:checked ~ .panels .panel-props {
+          display: grid;
+      }
+
+      /* Colored notes for prop type error + info */
+      .note {
+          padding: 12px;
+          border: 1px solid var(--border);
+          border-radius: 10px;
+      }
+
+      .note.err {
+          border-color: color-mix(in srgb, var(--err) 55%, var(--border));
+          background: var(--err-bg);
+          color: #ffd1d4;
+      }
+
+      .note.info {
+          border-color: color-mix(in srgb, var(--info) 55%, var(--border));
+          background: var(--info-bg);
+          color: #d6e8ff;
+      }
+
+      .note.ok {
+          border-color: color-mix(in srgb, var(--ok) 55%, var(--border));
+          background: var(--ok-bg);
+          color: var(--fg);
+      }
+
+      .note-title {
+          font-weight: 600;
+          margin-bottom: 6px;
+      }
+
+      .note-body {
+          white-space: normal;
+      }
+
+      /* Story error cards */
+      .ex {
+          padding: 10px;
+          border: 1px solid var(--border);
+          border-radius: 10px;
+          background: #0f131b;
+      }
+
+      .ex.err {
+          border-color: color-mix(in srgb, var(--err) 55%, var(--border));
+      }
+
+      .row {
+          display: flex;
+          align-items: center;
+          gap: 8px;
+          flex-wrap: wrap;
+      }
+
+      .status-dot {
+          width: 8px;
+          height: 8px;
+          border-radius: 50%;
+          display: inline-block;
+      }
+
+      .dot-ok {
+          background: var(--ok);
+      }
+
+      .dot-err {
+          background: var(--err);
+      }
+
+      .ex-name {
+          font-weight: 600;
+      }
+
+      /* Error groups (visible in errors filter) */
+      .error-groups {
+          display: none;
+          margin-bottom: 16px;
+      }
+
+      .group {
+          border: 1px solid var(--border);
+          background: var(--panel);
+          border-radius: 14px;
+          overflow: hidden;
+      }
+
+      .group + .group {
+          margin-top: 12px;
+      }
+
+      .group-header {
+          display: flex;
+          align-items: center;
+          gap: 10px;
+          padding: 12px 14px;
+          cursor: pointer;
+          border-bottom: 1px solid var(--border);
+      }
+
+      .group-header:hover {
+          background: #141722;
+      }
+
+      .group-title {
+          font-weight: 600;
+          flex: 1;
+      }
+
+      .group-count {
+          font-size: 12px;
+          color: var(--muted);
+      }
+
+      .group-cards {
+          display: none;
+          padding: 12px;
+      }
+
+      .group .card {
+          margin: 12px 0;
+      }
+
+      .group .card:first-child {
+          margin-top: 0;
+      }
+
+      .group .card:last-child {
+          margin-bottom: 0;
+      }
+
+      /* caret rotation */
+      .group-tg:checked + label .caret {
+          transform: rotate(90deg);
+      }
+
+      .caret {
+          transition: transform 0.15s ease;
+      }
+
+      /* toggle body */
+      .group-tg:checked ~ .group-cards {
+          display: block;
+      }
+
+      /* CSS-only filtering of cards via top pills */
+      #filter-errors:target ~ main .card:not(.has-error):not(.has-story-error) {
+          display: none;
+      }
+
+      #filter-infos:target ~ main .card:not(.has-info) {
+          display: none;
+      }
+
+      #filter-story-errors:target ~ main .card:not(.has-story-error) {
+          display: none;
+      }
+
+      #filter-all:target ~ main .card {
+          display: block;
+      }
+
+      /* In errors view, hide standalone component-error cards in the regular grid (they will appear in groups) */
+      #filter-errors:target ~ main .grid .card.has-error {
+          display: none;
+      }
+
+      /* Show grouped section only in errors view */
+      #filter-errors:target ~ main .error-groups {
+          display: block;
+      }
+
+      /* When a toggle is checked, show the corresponding panel */
+      .card > .tg-err:checked ~ .panels .panel-err {
+          display: grid;
+      }
+      
+      .card > .tg-info:checked ~ .panels .panel-info {
+          display: grid;
+      }
+      
+      .card > .tg-stories:checked ~ .panels .panel-stories {
+          display: grid;
+      }
+
+      /* Add vertical spacing around panels only when any panel is visible */
+      .card > .tg-err:checked ~ .panels,
+      .card > .tg-info:checked ~ .panels,
+      .card > .tg-stories:checked ~ .panels,
+      .card > .tg-props:checked ~ .panels {
+          margin: 10px 0;
+      }
+
+      /* Optional: a subtle 1px ring on the active badge, using :has() if available */
+      @supports selector(.card:has(.tg-err:checked)) {
+          .card:has(.tg-err:checked) label[for$='-err'],
+          .card:has(.tg-info:checked) label[for$='-info'],
+          .card:has(.tg-stories:checked) label[for$='-stories'],
+          .card:has(.tg-props:checked) label[for$='-props'] {
+              box-shadow: 0 0 0 1px currentColor;
+              border-color: currentColor;
+          }
+      }
+
+      /* Wrap long lines in code blocks at ~120 characters */
+      pre, code {
+          font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+      }
+      pre {
+          white-space: pre-wrap;
+          overflow-wrap: anywhere;
+          word-break: break-word;
+          overflow-x: auto; /* fallback for extremely long tokens */
+          margin: 8px 0 0;
+      }
+      pre > code {
+          display: block;
+          white-space: inherit;
+          overflow-wrap: inherit;
+          word-break: inherit;
+          inline-size: min(100%, 120ch);
+      }
+  </style>
+</head>
+<body>
+<!-- Hidden targets for the top-level filters -->
+<span id="filter-all"></span>
+<span id="filter-errors"></span>
+<span id="filter-infos"></span>
+<span id="filter-story-errors"></span>
+<header>
+  <div class="wrap">
+    <h1>Components Manifest</h1>
+    <div class="summary">${allPill}${compErrorsPill}${compInfosPill}${storiesPill}</div>
+  </div>
+</header>
+<main>
+  <div class="wrap">
+    <div class="grid" role="list">
+      ${grid || `<div class="card"><div class="head"><div class="hint">No components.</div></div></div>`}
+    </div>
+    ${errorGroups.length ? `<div class="error-groups" role="region" aria-label="Prop type error groups">${errorGroupsHTML}</div>` : ""}
+  </div>
+</main>
+</body>
+</html>  `;
+}
+__name(renderManifestComponentsPage, "renderManifestComponentsPage");
+var esc = /* @__PURE__ */ __name((s) => String(s ?? "").replace(
+  /[&<>"']/g,
+  (c) => ({ "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;", "'": "&#39;" })[c]
+), "esc");
+var plural = /* @__PURE__ */ __name((n, one, many = `${one}s`) => n === 1 ? one : many, "plural");
+function analyzeComponent(c) {
+  const hasPropTypeError = !!c.error;
+  const warns = [];
+  if (!c.description?.trim()) {
+    warns.push("No description found. Write a jsdoc comment such as /** Component description */.");
+  }
+  if (!c.import?.trim()) {
+    warns.push(
+      `Specify an @import jsdoc tag on your component or your stories meta such as @import import { ${c.name} } from 'my-design-system';`
+    );
+  }
+  const totalStories = c.stories?.length ?? 0;
+  const storyErrors = (c.stories ?? []).filter((e) => !!e?.error).length;
+  const storyOk = totalStories - storyErrors;
+  const hasAnyError = hasPropTypeError || storyErrors > 0;
+  return {
+    hasPropTypeError,
+    hasAnyError,
+    hasWarns: warns.length > 0,
+    warns,
+    totalStories,
+    storyErrors,
+    storyOk
+  };
+}
+__name(analyzeComponent, "analyzeComponent");
+function note(title, bodyHTML, kind) {
+  return `
+    <div class="note ${kind}">
+      <div class="note-title">${esc(title)}</div>
+      <div class="note-body">${bodyHTML}</div>
+    </div>`;
+}
+__name(note, "note");
+function renderComponentCard(key, c, id) {
+  const a = analyzeComponent(c);
+  const statusDot = a.hasAnyError ? "dot-err" : "dot-ok";
+  const allStories = c.stories ?? [];
+  const errorStories = allStories.filter((ex) => !!ex?.error);
+  const okStories = allStories.filter((ex) => !ex?.error);
+  const slug = `c-${id}-${(c.id || key).toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "")}`;
+  const componentErrorBadge = a.hasPropTypeError ? `<label for="${slug}-err" class="badge err as-toggle">prop type error</label>` : "";
+  const infosBadge = a.hasWarns ? `<label for="${slug}-info" class="badge info as-toggle">${a.warns.length} ${plural(a.warns.length, "info", "infos")}</label>` : "";
+  const storiesBadge = a.totalStories > 0 ? `<label for="${slug}-stories" class="badge ${a.storyErrors > 0 ? "err" : "ok"} as-toggle">${a.storyErrors > 0 ? `${a.storyErrors}/${a.totalStories} story errors` : `${a.totalStories} ${plural(a.totalStories, "story", "stories")}`}</label>` : "";
+  const reactDocgen = !a.hasPropTypeError && "reactDocgen" in c && c.reactDocgen;
+  const parsedDocgen = reactDocgen ? parseReactDocgen(reactDocgen) : void 0;
+  const propEntries = parsedDocgen ? Object.entries(parsedDocgen.props ?? {}) : [];
+  const propTypesBadge = !a.hasPropTypeError && propEntries.length > 0 ? `<label for="${slug}-props" class="badge ok as-toggle">${propEntries.length} ${plural(propEntries.length, "prop type")}</label>` : "";
+  const primaryBadge = componentErrorBadge || propTypesBadge;
+  const propsCode = propEntries.length > 0 ? propEntries.sort(([aName], [bName]) => aName.localeCompare(bName)).map(([propName, info]) => {
+    const description = (info?.description ?? "").trim();
+    const t = (info?.type ?? "any").trim();
+    const optional = info?.required ? "" : "?";
+    const defaultVal = (info?.defaultValue ?? "").trim();
+    const def = defaultVal ? ` = ${defaultVal}` : "";
+    const doc = ["/**", ...description.split("\n").map((line) => ` * ${line}`), " */"].join("\n") + "\n";
+    return `${description ? doc : ""}${propName}${optional}: ${t}${def}`;
+  }).join("\n\n") : "";
+  const tags = c.jsDocTags && typeof c.jsDocTags === "object" ? Object.entries(c.jsDocTags).flatMap(
+    ([k, v]) => (Array.isArray(v) ? v : [v]).map(
+      (val) => `<span class="chip">${esc(k)}: ${esc(val)}</span>`
+    )
+  ).join("") : "";
+  esc(c.error?.message || "Unknown error");
+  return `
+<article
+  class="card 
+  ${a.hasPropTypeError ? "has-error" : "no-error"} 
+  ${a.hasWarns ? "has-info" : "no-info"} 
+  ${a.storyErrors ? "has-story-error" : "no-story-error"}"
+  role="listitem"
+  aria-label="${esc(c.name || key)}">
+  <div class="head">
+    <div class="title">
+      <h2><span class="status-dot ${statusDot}"></span> ${esc(c.name || key)}</h2>
+      <div class="badges">
+        ${primaryBadge}
+        ${infosBadge}
+        ${storiesBadge}
+      </div>
+    </div>
+    <div class="meta" title="${esc(c.path)}">${esc(c.id)} \xB7 ${esc(c.path)}</div>
+    ${c.summary ? `<div>${esc(c.summary)}</div>` : ""}
+    ${c.description ? `<div class="hint">${esc(c.description)}</div>` : ""}
+    ${tags ? `<div class="kv">${tags}</div>` : ""}
+  </div>
+
+  <!-- \u2B07\uFE0F Hidden toggles must be siblings BEFORE .panels -->
+  ${a.hasPropTypeError ? `<input id="${slug}-err" class="tg tg-err" type="checkbox" hidden />` : ""}
+  ${a.hasWarns ? `<input id="${slug}-info" class="tg tg-info" type="checkbox" hidden />` : ""}
+  ${a.totalStories > 0 ? `<input id="${slug}-stories" class="tg tg-stories" type="checkbox" hidden />` : ""}
+  ${!a.hasPropTypeError && propEntries.length > 0 ? `<input id="${slug}-props" class="tg tg-props" type="checkbox" hidden />` : ""}
+
+  <div class="panels">
+    ${a.hasPropTypeError ? `
+        <div class="panel panel-err">
+          ${note("Prop type error", `<pre><code>${esc(c.error?.message || "Unknown error")}</code></pre>`, "err")}
+        </div>` : ""}
+    ${a.hasWarns ? `
+        <div class="panel panel-info">
+          ${a.warns.map((w) => note("Info", esc(w), "info")).join("")}
+        </div>` : ""}
+    ${!a.hasPropTypeError && propEntries.length > 0 ? `
+        <div class="panel panel-props">
+          <div class="note ok">
+            <div class="row">
+              <span class="ex-name">Prop types</span>
+              <span class="badge ok">${propEntries.length} ${plural(propEntries.length, "prop type")}</span>
+            </div>
+            <pre><code>Component: ${reactDocgen?.definedInFile ? esc(path.relative(process.cwd(), reactDocgen.definedInFile)) : ""}${reactDocgen?.exportName ? "::" + esc(reactDocgen?.exportName) : ""}</code></pre>
+            <pre><code>Props:</code></pre>
+            <pre><code>${esc(propsCode)}</code></pre>
+          </div>
+        </div>` : ""}
+    ${a.totalStories > 0 ? `
+        <div class="panel panel-stories">
+          ${errorStories.map(
+    (ex, j) => `
+            <div class="note err">
+              <div class="row">
+                <span class="ex-name">${esc(ex.name)}</span>
+                <span class="badge err">story error</span>
+              </div>
+              ${ex?.summary ? `<div class="hint">Summary: ${esc(ex.summary)}</div>` : ""}
+              ${ex?.description ? `<div class="hint">${esc(ex.description)}</div>` : ""}
+              ${ex?.snippet ? `<pre><code>${esc(ex.snippet)}</code></pre>` : ""}
+              ${ex?.error?.message ? `<pre><code>${esc(ex.error.message)}</code></pre>` : ""}
+            </div>`
+  ).join("")}
+          
+          
+          ${c.import ? `<div class="note ok">
+                <div class="row">
+                  <span class="ex-name">Imports</span>
+                </div>
+                <pre><code>${c.import}</code></pre>
+              </div>` : ""}
+          
+          ${okStories.map(
+    (ex) => `
+            <div class="note ok">
+              <div class="row">
+                <span class="ex-name">${esc(ex.name)}</span>
+                <span class="badge ok">story ok</span>
+              </div>
+              ${ex?.summary ? `<div>${esc(ex.summary)}</div>` : ""}
+              ${ex?.description ? `<div class="hint">${esc(ex.description)}</div>` : ""}
+              ${ex?.snippet ? `<pre><code>${esc(ex.snippet)}</code></pre>` : ""}
+            </div>`
+  ).join("")}
+        </div>` : ""}
+  </div>
+</article>`;
+}
+__name(renderComponentCard, "renderComponentCard");
+var parseReactDocgen = /* @__PURE__ */ __name((reactDocgen) => {
+  const props = reactDocgen?.props ?? {};
+  return {
+    props: Object.fromEntries(
+      Object.entries(props).map(([propName, prop]) => [
+        propName,
+        {
+          description: prop.description,
+          type: serializeTsType(prop.tsType ?? prop.type),
+          defaultValue: prop.defaultValue?.value,
+          required: prop.required
+        }
+      ])
+    )
+  };
+}, "parseReactDocgen");
+function serializeTsType(tsType) {
+  if (!tsType) {
+    return void 0;
+  }
+  if ("raw" in tsType && typeof tsType.raw === "string" && tsType.raw.trim().length > 0) {
+    return tsType.raw;
+  }
+  if (!tsType.name) {
+    return void 0;
+  }
+  if ("elements" in tsType) {
+    if (tsType.name === "union") {
+      const parts = (tsType.elements ?? []).map((el) => serializeTsType(el) ?? "unknown");
+      return parts.join(" | ");
+    }
+    if (tsType.name === "intersection") {
+      const parts = (tsType.elements ?? []).map((el) => serializeTsType(el) ?? "unknown");
+      return parts.join(" & ");
+    }
+    if (tsType.name === "Array") {
+      const el = (tsType.elements ?? [])[0];
+      const inner = serializeTsType(el) ?? "unknown";
+      return `${inner}[]`;
+    }
+    if (tsType.name === "tuple") {
+      const parts = (tsType.elements ?? []).map((el) => serializeTsType(el) ?? "unknown");
+      return `[${parts.join(", ")}]`;
+    }
+  }
+  if ("value" in tsType && tsType.name === "literal") {
+    return tsType.value;
+  }
+  if ("signature" in tsType && tsType.name === "signature") {
+    if (tsType.type === "function") {
+      const args = (tsType.signature?.arguments ?? []).map((a) => {
+        const argType = serializeTsType(a.type) ?? "any";
+        return `${a.name}: ${argType}`;
+      });
+      const ret = serializeTsType(tsType.signature?.return) ?? "void";
+      return `(${args.join(", ")}) => ${ret}`;
+    }
+    if (tsType.type === "object") {
+      const props = (tsType.signature?.properties ?? []).map((p) => {
+        const req = Boolean(p.value?.required);
+        const propType = serializeTsType(p.value) ?? "any";
+        return `${p.key}${req ? "" : "?"}: ${propType}`;
+      });
+      return `{ ${props.join("; ")} }`;
+    }
+    return "unknown";
+  }
+  if ("elements" in tsType) {
+    const inner = (tsType.elements ?? []).map((el) => serializeTsType(el) ?? "unknown");
+    if (inner.length > 0) {
+      return `${tsType.name}<${inner.join(", ")}>`;
+    }
+  }
+  return tsType.name;
+}
+__name(serializeTsType, "serializeTsType");
+
 // src/core-server/utils/StoryIndexGenerator.ts
 import { existsSync } from "node:fs";
 import { readFile } from "node:fs/promises";
@@ -8718,12 +9525,13 @@ var StoryIndexGenerator = class _StoryIndexGenerator {
       return cached;
     }
     const pathToSubIndex = {};
-    const fullGlob = slash(join2(specifier.directory, specifier.files));
-    const { globby } = await import("../_node-chunks/globby-TSGXGDA2.js");
-    const files = await globby(fullGlob, {
+    const globCwd = slash(resolve2(workingDir, specifier.directory));
+    const globPattern = specifier.files;
+    const { globby } = await import("../_node-chunks/globby-PBTV6PX6.js");
+    const files = await globby(globPattern, {
       absolute: true,
-      cwd: workingDir,
-      ...commonGlobOptions(fullGlob)
+      cwd: globCwd,
+      ...commonGlobOptions(globPattern)
     });
     if (files.length === 0 && !ignoreWarnings) {
       once.warn(
@@ -8868,17 +9676,15 @@ var StoryIndexGenerator = class _StoryIndexGenerator {
    * If no such file exists, assume that the import is from a package and return the raw
    */
   resolveComponentPath(rawComponentPath, absolutePath, matchPath) {
-    let rawPath = rawComponentPath;
-    if (matchPath) {
-      rawPath = matchPath(rawPath) ?? rawPath;
-    }
-    const absoluteComponentPath = resolve2(dirname(absolutePath), rawPath);
-    const existing = ["", ".js", ".ts", ".jsx", ".tsx", ".mjs", ".mts"].map((ext) => `${absoluteComponentPath}${ext}`).find((candidate) => existsSync(candidate));
-    if (existing) {
-      const relativePath = relative2(this.options.workingDir, existing);
-      return slash(normalizeStoryPath(relativePath));
+    const matchedPath = matchPath?.(rawComponentPath, void 0, void 0, supportedExtensions) ?? rawComponentPath;
+    let resolved;
+    try {
+      resolved = resolveImport(matchedPath, { basedir: dirname(absolutePath) });
+    } catch (_) {
+      return matchedPath;
     }
-    return rawComponentPath;
+    const relativePath = relative2(this.options.workingDir, resolved);
+    return slash(normalizeStoryPath(relativePath));
   }
   async extractStories(specifier, absolutePath, projectTags = []) {
     const relativePath = relative2(this.options.workingDir, absolutePath);
@@ -8977,7 +9783,7 @@ var StoryIndexGenerator = class _StoryIndexGenerator {
       const normalizedPath = normalizeStoryPath(relativePath);
       const importPath = slash(normalizedPath);
       const content = await readFile(absolutePath, { encoding: "utf8" });
-      const { analyze } = await import("../_node-chunks/dist-APCKHSY3.js");
+      const { analyze } = await import("../_node-chunks/dist-6TXHNR5C.js");
       const result = await analyze(content);
       if (result.isTemplate) {
         return false;
@@ -9320,7 +10126,7 @@ __name(print, "print");
 // src/core-server/utils/get-builders.ts
 import { MissingBuilderError } from "storybook/internal/server-errors";
 async function getManagerBuilder() {
-  return await import("../_node-chunks/builder-manager-6UBDPV7P.js");
+  return await import("../_node-chunks/builder-manager-HA7CYFCK.js");
 }
 __name(getManagerBuilder, "getManagerBuilder");
 async function getPreviewBuilder(resolvedPreviewBuilder) {
@@ -9559,7 +10365,7 @@ function watchStorySpecifiers(specifiers, options, onInvalidate) {
             // because the directory could already be within the files part (e.g. './x/foo/bar')
             basename2(specifier.files)
           );
-          const { globby } = await import("../_node-chunks/globby-TSGXGDA2.js");
+          const { globby } = await import("../_node-chunks/globby-PBTV6PX6.js");
           const addedFiles = await globby(slash(dirGlob), commonGlobOptions2(dirGlob));
           addedFiles.forEach((filePath) => {
             const fileImportPath = toImportPath(filePath);
@@ -9623,9 +10429,9 @@ function useStoriesJson({
   const maybeInvalidate = debounce(() => serverChannel.emit(STORY_INDEX_INVALIDATED), DEBOUNCE, {
     edges: ["leading", "trailing"]
   });
-  watchStorySpecifiers(normalizedStories, { workingDir }, async (specifier, path2, removed) => {
+  watchStorySpecifiers(normalizedStories, { workingDir }, async (specifier, path3, removed) => {
     const generator = await initializedStoryIndexGenerator;
-    generator.invalidate(specifier, path2, removed);
+    generator.invalidate(specifier, path3, removed);
     maybeInvalidate();
   });
   if (configDir) {
@@ -9866,6 +10672,31 @@ async function buildStaticStandalone(options) {
         initializedStoryIndexGenerator
       )
     );
+    if (features?.experimentalComponentsManifest) {
+      const componentManifestGenerator = await presets.apply(
+        "experimental_componentManifestGenerator"
+      );
+      const indexGenerator = await initializedStoryIndexGenerator;
+      if (componentManifestGenerator && indexGenerator) {
+        try {
+          const manifests = await componentManifestGenerator(
+            indexGenerator
+          );
+          await mkdir(join(options.outputDir, "manifests"), { recursive: true });
+          await writeFile3(
+            join(options.outputDir, "manifests", "components.json"),
+            JSON.stringify(manifests)
+          );
+          await writeFile3(
+            join(options.outputDir, "manifests", "components.html"),
+            renderManifestComponentsPage(manifests)
+          );
+        } catch (e) {
+          logger4.error("Failed to generate manifests/components.json");
+          logger4.error(e instanceof Error ? e : String(e));
+        }
+      }
+    }
   }
   if (!core2?.disableProjectJson) {
     effects.push(
@@ -10223,14 +11054,14 @@ var Polka = class _Polka extends Trouter {
     return this;
   }
   handler(req, res, next) {
-    let info = this.parse(req), path2 = info.pathname;
-    let obj = this.find(req.method, req.path = path2);
-    req.url = path2 + info.search;
+    let info = this.parse(req), path3 = info.pathname;
+    let obj = this.find(req.method, req.path = path3);
+    req.url = path3 + info.search;
     req.originalUrl = req.originalUrl || req.url;
     req.query = info.query || {};
     req.search = info.search;
     req.params = obj.params;
-    if (path2.length > 1 && path2.indexOf("%", 1) !== -1) {
+    if (path3.length > 1 && path3.indexOf("%", 1) !== -1) {
       for (let k in req.params) {
         try {
           req.params[k] = decodeURIComponent(req.params[k]);
@@ -10920,7 +11751,7 @@ var fileExists = /* @__PURE__ */ __name((basename4) => [".js", ".mjs", ".cjs"].r
 async function getMiddleware(configDir) {
   const middlewarePath = fileExists(resolve(configDir, "middleware"));
   if (middlewarePath) {
-    const middlewareModule = await import(middlewarePath);
+    const middlewareModule = await import("file://" + middlewarePath);
     return middlewareModule.default ?? middlewareModule;
   }
   return () => {
@@ -10934,7 +11765,7 @@ import { logger as logger5 } from "storybook/internal/node-logger";
 // ../node_modules/open/index.js
 import process7 from "node:process";
 import { Buffer as Buffer2 } from "node:buffer";
-import path from "node:path";
+import path2 from "node:path";
 import { fileURLToPath } from "node:url";
 import { promisify as promisify5 } from "node:util";
 import childProcess from "node:child_process";
@@ -11187,8 +12018,8 @@ __name(defaultBrowser2, "defaultBrowser");
 
 // ../node_modules/open/index.js
 var execFile5 = promisify5(childProcess.execFile);
-var __dirname2 = path.dirname(fileURLToPath(import.meta.url));
-var localXdgOpenPath = path.join(__dirname2, "xdg-open");
+var __dirname2 = path2.dirname(fileURLToPath(import.meta.url));
+var localXdgOpenPath = path2.join(__dirname2, "xdg-open");
 var { platform, arch } = process7;
 async function getWindowsDefaultBrowserFromWsl() {
   const powershellPath = await powerShellPath();
@@ -11734,6 +12565,57 @@ async function storybookDevServer(options) {
     await previewBuilder?.bail().catch();
     throw indexError;
   }
+  const features = await options.presets.apply("features");
+  if (features?.experimentalComponentsManifest) {
+    app.use("/manifests/components.json", async (req, res) => {
+      try {
+        const componentManifestGenerator = await options.presets.apply(
+          "experimental_componentManifestGenerator"
+        );
+        const indexGenerator = await initializedStoryIndexGenerator;
+        if (componentManifestGenerator && indexGenerator) {
+          const manifest = await componentManifestGenerator(
+            indexGenerator
+          );
+          res.setHeader("Content-Type", "application/json");
+          res.end(JSON.stringify(manifest));
+          return;
+        }
+        res.statusCode = 400;
+        res.end("No component manifest generator configured.");
+        return;
+      } catch (e) {
+        logger8.error(e instanceof Error ? e : String(e));
+        res.statusCode = 500;
+        res.end(e instanceof Error ? e.toString() : String(e));
+        return;
+      }
+    });
+    app.get("/manifests/components.html", async (req, res) => {
+      try {
+        const componentManifestGenerator = await options.presets.apply(
+          "experimental_componentManifestGenerator"
+        );
+        const indexGenerator = await initializedStoryIndexGenerator;
+        if (!componentManifestGenerator || !indexGenerator) {
+          res.statusCode = 400;
+          res.setHeader("Content-Type", "text/html; charset=utf-8");
+          res.end(`<pre>No component manifest generator configured.</pre>`);
+          return;
+        }
+        const manifest = await componentManifestGenerator(
+          indexGenerator
+        );
+        res.setHeader("Content-Type", "text/html; charset=utf-8");
+        res.end(renderManifestComponentsPage(manifest));
+      } catch (e) {
+        res.statusCode = 500;
+        res.setHeader("Content-Type", "text/html; charset=utf-8");
+        invariant(e instanceof Error);
+        res.end(`<pre>${e.stack}</pre>`);
+      }
+    });
+  }
   doTelemetry(app, core2, initializedStoryIndexGenerator, options);
   async function cancelTelemetry() {
     const payload = { eventType: "dev" };
@@ -12059,14 +12941,14 @@ async function warnWhenUsingArgTypesRegex(previewConfigPath, config) {
       { code: previewContent, ast: babelParse(previewContent) }
     );
     file.path.traverse({
-      Identifier: /* @__PURE__ */ __name((path2) => {
-        if (path2.node.name === "argTypesRegex") {
+      Identifier: /* @__PURE__ */ __name((path3) => {
+        if (path3.node.name === "argTypesRegex") {
           const message = import_ts_dedent7.dedent`
             ${import_picocolors9.default.bold("Attention")}: We've detected that you're using ${import_picocolors9.default.cyan(
             "actions.argTypesRegex"
           )} together with the visual test addon:
             
-            ${path2.buildCodeFrameError(previewConfigPath).message}
+            ${path3.buildCodeFrameError(previewConfigPath).message}
             
             We recommend removing the ${import_picocolors9.default.cyan(
             "argTypesRegex"
@@ -12269,7 +13151,7 @@ async function buildDevStandalone(options) {
 __name(buildDevStandalone, "buildDevStandalone");
 
 // src/core-server/build-index.ts
-import { writeFile as writeFile3 } from "node:fs/promises";
+import { writeFile as writeFile4 } from "node:fs/promises";
 import { normalizeStories as normalizeStories3 } from "storybook/internal/common";
 import { logger as logger12 } from "storybook/internal/node-logger";
 
@@ -12358,7 +13240,7 @@ var buildIndex = /* @__PURE__ */ __name(async (options) => {
 var buildIndexStandalone = /* @__PURE__ */ __name(async (options) => {
   const index = await buildIndex(options);
   logger12.info(`Writing index to ${options.outputFile}`);
-  await writeFile3(options.outputFile, JSON.stringify(index));
+  await writeFile4(options.outputFile, JSON.stringify(index));
 }, "buildIndexStandalone");
 
 // src/core-server/standalone.ts