next 15.2.0-canary.65 → 15.2.0-canary.66

package/dist/client/components/react-dev-overlay/_experimental/internal/components/errors/error-overlay-layout/error-overlay-layout.js

@@ -55,7 +55,7 @@ function _templateObject() {
     return data;
 }
 function ErrorOverlayLayout(param) {
-    let { errorMessage, errorType, children, errorCode, error, debugInfo, isBuildError, onClose, versionInfo, readyErrors, activeIdx, setActiveIndex, footerMessage, isTurbopack, dialogResizerRef, // This prop is used to animate the dialog, it comes from a parent component (<ErrorOverlay>)
+    let { errorMessage, errorType, children, errorCode, error, debugInfo, isBuildError, onClose, versionInfo, runtimeErrors, activeIdx, setActiveIndex, footerMessage, isTurbopack, dialogResizerRef, // This prop is used to animate the dialog, it comes from a parent component (<ErrorOverlay>)
     // If it's not being passed, we should just render the component as it is being
     // used without the context of a parent component that controls its state (e.g. Storybook).
     rendered = true, transitionDurationMs } = param;
@@ -66,7 +66,7 @@ function ErrorOverlayLayout(param) {
         }
     };
     const hasFooter = Boolean(footerMessage || errorCode);
-    var _readyErrors_length;
+    var _runtimeErrors_length;
     return /*#__PURE__*/ (0, _jsxruntime.jsx)(_overlay.ErrorOverlayOverlay, {
         fixed: isBuildError,
         ...animationProps,
@@ -122,13 +122,13 @@ function ErrorOverlayLayout(param) {
                             })
                         }),
                         /*#__PURE__*/ (0, _jsxruntime.jsx)(_erroroverlaybottomstack.ErrorOverlayBottomStack, {
-                            count: (_readyErrors_length = readyErrors == null ? void 0 : readyErrors.length) != null ? _readyErrors_length : 0,
+                            count: (_runtimeErrors_length = runtimeErrors == null ? void 0 : runtimeErrors.length) != null ? _runtimeErrors_length : 0,
                             activeIdx: activeIdx != null ? activeIdx : 0
                         })
                     ]
                 }),
                 /*#__PURE__*/ (0, _jsxruntime.jsx)(_erroroverlaynav.ErrorOverlayNav, {
-                    readyErrors: readyErrors,
+                    runtimeErrors: runtimeErrors,
                     activeIdx: activeIdx,
                     setActiveIndex: setActiveIndex,
                     versionInfo: versionInfo,

package/dist/client/components/react-dev-overlay/_experimental/internal/components/errors/error-overlay-layout/error-overlay-layout.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../../../src/client/components/react-dev-overlay/_experimental/internal/components/errors/error-overlay-layout/error-overlay-layout.tsx"],"sourcesContent":["import type { DebugInfo } from '../../../../../types'\nimport type { ErrorMessageType } from '../error-message/error-message'\nimport type { ErrorType } from '../error-type-label/error-type-label'\n\nimport { DialogContent, DialogFooter } from '../../dialog'\nimport {\n  ErrorOverlayToolbar,\n  styles as toolbarStyles,\n} from '../error-overlay-toolbar/error-overlay-toolbar'\nimport { ErrorOverlayFooter } from '../error-overlay-footer/error-overlay-footer'\nimport { noop as css } from '../../../helpers/noop-template'\nimport {\n  ErrorMessage,\n  styles as errorMessageStyles,\n} from '../error-message/error-message'\nimport {\n  ErrorTypeLabel,\n  styles as errorTypeLabelStyles,\n} from '../error-type-label/error-type-label'\nimport {\n  ErrorOverlayNav,\n  styles as floatingHeaderStyles,\n} from '../error-overlay-nav/error-overlay-nav'\n\nimport { ErrorOverlayDialog, DIALOG_STYLES } from '../dialog/dialog'\nimport {\n  ErrorOverlayDialogHeader,\n  DIALOG_HEADER_STYLES,\n} from '../dialog/header'\nimport { ErrorOverlayDialogBody, DIALOG_BODY_STYLES } from '../dialog/body'\nimport { CALL_STACK_STYLES } from '../call-stack/call-stack'\nimport { OVERLAY_STYLES, ErrorOverlayOverlay } from '../overlay/overlay'\nimport { ErrorOverlayBottomStack } from '../error-overlay-bottom-stack'\nimport type { ErrorBaseProps } from '../error-overlay/error-overlay'\nimport type { ReadyRuntimeError } from '../../../../../internal/helpers/get-error-by-type'\nimport { EnvironmentNameLabel } from '../environment-name-label/environment-name-label'\n\ninterface ErrorOverlayLayoutProps extends ErrorBaseProps {\n  errorMessage: ErrorMessageType\n  errorType: ErrorType\n  children?: React.ReactNode\n  errorCode?: string\n  error: ReadyRuntimeError['error']\n  debugInfo?: DebugInfo\n  isBuildError?: boolean\n  onClose?: () => void\n  // TODO: better handle receiving\n  readyErrors?: ReadyRuntimeError[]\n  activeIdx?: number\n  setActiveIndex?: (index: number) => void\n  footerMessage?: string\n  dialogResizerRef?: React.RefObject<HTMLDivElement | null>\n}\n\nexport function ErrorOverlayLayout({\n  errorMessage,\n  errorType,\n  children,\n  errorCode,\n  error,\n  debugInfo,\n  isBuildError,\n  onClose,\n  versionInfo,\n  readyErrors,\n  activeIdx,\n  setActiveIndex,\n  footerMessage,\n  isTurbopack,\n  dialogResizerRef,\n  // This prop is used to animate the dialog, it comes from a parent component (<ErrorOverlay>)\n  // If it's not being passed, we should just render the component as it is being\n  // used without the context of a parent component that controls its state (e.g. Storybook).\n  rendered = true,\n  transitionDurationMs,\n}: ErrorOverlayLayoutProps) {\n  const animationProps = {\n    'data-rendered': rendered,\n    style: {\n      '--transition-duration': `${transitionDurationMs}ms`,\n    } as React.CSSProperties,\n  }\n\n  const hasFooter = Boolean(footerMessage || errorCode)\n\n  return (\n    <ErrorOverlayOverlay fixed={isBuildError} {...animationProps}>\n      <div data-nextjs-dialog-root {...animationProps}>\n        <ErrorOverlayDialog\n          onClose={onClose}\n          dialogResizerRef={dialogResizerRef}\n          data-has-footer={hasFooter}\n        >\n          <DialogContent>\n            <ErrorOverlayDialogHeader>\n              <div\n                className=\"nextjs__container_errors__error_title\"\n                // allow assertion in tests before error rating is implemented\n                data-nextjs-error-code={errorCode}\n              >\n                <span data-nextjs-error-label-group>\n                  <ErrorTypeLabel errorType={errorType} />\n                  {error.environmentName && (\n                    <EnvironmentNameLabel\n                      environmentName={error.environmentName}\n                    />\n                  )}\n                </span>\n                <ErrorOverlayToolbar error={error} debugInfo={debugInfo} />\n              </div>\n              <ErrorMessage errorMessage={errorMessage} />\n            </ErrorOverlayDialogHeader>\n\n            <ErrorOverlayDialogBody>{children}</ErrorOverlayDialogBody>\n          </DialogContent>\n          {hasFooter && (\n            <DialogFooter>\n              <ErrorOverlayFooter\n                footerMessage={footerMessage}\n                errorCode={errorCode}\n              />\n            </DialogFooter>\n          )}\n          <ErrorOverlayBottomStack\n            count={readyErrors?.length ?? 0}\n            activeIdx={activeIdx ?? 0}\n          />\n        </ErrorOverlayDialog>\n        <ErrorOverlayNav\n          readyErrors={readyErrors}\n          activeIdx={activeIdx}\n          setActiveIndex={setActiveIndex}\n          versionInfo={versionInfo}\n          isTurbopack={isTurbopack}\n        />\n      </div>\n    </ErrorOverlayOverlay>\n  )\n}\n\nexport const styles = css`\n  ${OVERLAY_STYLES}\n  ${DIALOG_STYLES}\n  ${DIALOG_HEADER_STYLES}\n  ${DIALOG_BODY_STYLES}\n\n  ${floatingHeaderStyles}\n  ${errorTypeLabelStyles}\n  ${errorMessageStyles}\n  ${toolbarStyles}\n  ${CALL_STACK_STYLES}\n\n  [data-nextjs-error-label-group] {\n    display: flex;\n    align-items: center;\n    gap: var(--size-2);\n  }\n`\n"],"names":["ErrorOverlayLayout","styles","errorMessage","errorType","children","errorCode","error","debugInfo","isBuildError","onClose","versionInfo","readyErrors","activeIdx","setActiveIndex","footerMessage","isTurbopack","dialogResizerRef","rendered","transitionDurationMs","animationProps","style","hasFooter","Boolean","ErrorOverlayOverlay","fixed","div","data-nextjs-dialog-root","ErrorOverlayDialog","data-has-footer","DialogContent","ErrorOverlayDialogHeader","className","data-nextjs-error-code","span","data-nextjs-error-label-group","ErrorTypeLabel","environmentName","EnvironmentNameLabel","ErrorOverlayToolbar","ErrorMessage","ErrorOverlayDialogBody","DialogFooter","ErrorOverlayFooter","ErrorOverlayBottomStack","count","length","ErrorOverlayNav","css","OVERLAY_STYLES","DIALOG_STYLES","DIALOG_HEADER_STYLES","DIALOG_BODY_STYLES","floatingHeaderStyles","errorTypeLabelStyles","errorMessageStyles","toolbarStyles","CALL_STACK_STYLES"],"mappings":";;;;;;;;;;;;;;;IAsDgBA,kBAAkB;eAAlBA;;IAsFHC,MAAM;eAANA;;;;;wBAxI+B;qCAIrC;oCAC4B;8BACP;8BAIrB;gCAIA;iCAIA;yBAE2C;wBAI3C;sBACoD;2BACzB;yBACkB;yCACZ;sCAGH;;;;;;;;;;;;;;;;;;;AAmB9B,SAASD,mBAAmB,KAqBT;IArBS,IAAA,EACjCE,YAAY,EACZC,SAAS,EACTC,QAAQ,EACRC,SAAS,EACTC,KAAK,EACLC,SAAS,EACTC,YAAY,EACZC,OAAO,EACPC,WAAW,EACXC,WAAW,EACXC,SAAS,EACTC,cAAc,EACdC,aAAa,EACbC,WAAW,EACXC,gBAAgB,EAChB,6FAA6F;IAC7F,+EAA+E;IAC/E,2FAA2F;IAC3FC,WAAW,IAAI,EACfC,oBAAoB,EACI,GArBS;IAsBjC,MAAMC,iBAAiB;QACrB,iBAAiBF;QACjBG,OAAO;YACL,yBAAyB,AAAC,KAAEF,uBAAqB;QACnD;IACF;IAEA,MAAMG,YAAYC,QAAQR,iBAAiBT;QAyC1BM;IAvCjB,qBACE,qBAACY,4BAAmB;QAACC,OAAOhB;QAAe,GAAGW,cAAc;kBAC1D,cAAA,sBAACM;YAAIC,yBAAuB;YAAE,GAAGP,cAAc;;8BAC7C,sBAACQ,2BAAkB;oBACjBlB,SAASA;oBACTO,kBAAkBA;oBAClBY,mBAAiBP;;sCAEjB,sBAACQ,qBAAa;;8CACZ,sBAACC,gCAAwB;;sDACvB,sBAACL;4CACCM,WAAU;4CACV,8DAA8D;4CAC9DC,0BAAwB3B;;8DAExB,sBAAC4B;oDAAKC,+BAA6B;;sEACjC,qBAACC,8BAAc;4DAAChC,WAAWA;;wDAC1BG,MAAM8B,eAAe,kBACpB,qBAACC,0CAAoB;4DACnBD,iBAAiB9B,MAAM8B,eAAe;;;;8DAI5C,qBAACE,wCAAmB;oDAAChC,OAAOA;oDAAOC,WAAWA;;;;sDAEhD,qBAACgC,0BAAY;4CAACrC,cAAcA;;;;8CAG9B,qBAACsC,4BAAsB;8CAAEpC;;;;wBAE1BiB,2BACC,qBAACoB,oBAAY;sCACX,cAAA,qBAACC,sCAAkB;gCACjB5B,eAAeA;gCACfT,WAAWA;;;sCAIjB,qBAACsC,gDAAuB;4BACtBC,OAAOjC,CAAAA,sBAAAA,+BAAAA,YAAakC,MAAM,YAAnBlC,sBAAuB;4BAC9BC,WAAWA,oBAAAA,YAAa;;;;8BAG5B,qBAACkC,gCAAe;oBACdnC,aAAaA;oBACbC,WAAWA;oBACXC,gBAAgBA;oBAChBH,aAAaA;oBACbK,aAAaA;;;;;AAKvB;AAEO,MAAMd,aAAS8C,kBAAG,qBACrBC,uBAAc,EACdC,sBAAa,EACbC,4BAAoB,EACpBC,wBAAkB,EAElBC,uBAAoB,EACpBC,sBAAoB,EACpBC,oBAAkB,EAClBC,2BAAa,EACbC,4BAAiB"}
+{"version":3,"sources":["../../../../../../../../../src/client/components/react-dev-overlay/_experimental/internal/components/errors/error-overlay-layout/error-overlay-layout.tsx"],"sourcesContent":["import type { DebugInfo } from '../../../../../types'\nimport type { ErrorMessageType } from '../error-message/error-message'\nimport type { ErrorType } from '../error-type-label/error-type-label'\n\nimport { DialogContent, DialogFooter } from '../../dialog'\nimport {\n  ErrorOverlayToolbar,\n  styles as toolbarStyles,\n} from '../error-overlay-toolbar/error-overlay-toolbar'\nimport { ErrorOverlayFooter } from '../error-overlay-footer/error-overlay-footer'\nimport { noop as css } from '../../../helpers/noop-template'\nimport {\n  ErrorMessage,\n  styles as errorMessageStyles,\n} from '../error-message/error-message'\nimport {\n  ErrorTypeLabel,\n  styles as errorTypeLabelStyles,\n} from '../error-type-label/error-type-label'\nimport {\n  ErrorOverlayNav,\n  styles as floatingHeaderStyles,\n} from '../error-overlay-nav/error-overlay-nav'\n\nimport { ErrorOverlayDialog, DIALOG_STYLES } from '../dialog/dialog'\nimport {\n  ErrorOverlayDialogHeader,\n  DIALOG_HEADER_STYLES,\n} from '../dialog/header'\nimport { ErrorOverlayDialogBody, DIALOG_BODY_STYLES } from '../dialog/body'\nimport { CALL_STACK_STYLES } from '../call-stack/call-stack'\nimport { OVERLAY_STYLES, ErrorOverlayOverlay } from '../overlay/overlay'\nimport { ErrorOverlayBottomStack } from '../error-overlay-bottom-stack'\nimport type { ErrorBaseProps } from '../error-overlay/error-overlay'\nimport type { ReadyRuntimeError } from '../../../../../internal/helpers/get-error-by-type'\nimport { EnvironmentNameLabel } from '../environment-name-label/environment-name-label'\n\ninterface ErrorOverlayLayoutProps extends ErrorBaseProps {\n  errorMessage: ErrorMessageType\n  errorType: ErrorType\n  children?: React.ReactNode\n  errorCode?: string\n  error: ReadyRuntimeError['error']\n  debugInfo?: DebugInfo\n  isBuildError?: boolean\n  onClose?: () => void\n  // TODO: better handle receiving\n  runtimeErrors?: ReadyRuntimeError[]\n  activeIdx?: number\n  setActiveIndex?: (index: number) => void\n  footerMessage?: string\n  dialogResizerRef?: React.RefObject<HTMLDivElement | null>\n}\n\nexport function ErrorOverlayLayout({\n  errorMessage,\n  errorType,\n  children,\n  errorCode,\n  error,\n  debugInfo,\n  isBuildError,\n  onClose,\n  versionInfo,\n  runtimeErrors,\n  activeIdx,\n  setActiveIndex,\n  footerMessage,\n  isTurbopack,\n  dialogResizerRef,\n  // This prop is used to animate the dialog, it comes from a parent component (<ErrorOverlay>)\n  // If it's not being passed, we should just render the component as it is being\n  // used without the context of a parent component that controls its state (e.g. Storybook).\n  rendered = true,\n  transitionDurationMs,\n}: ErrorOverlayLayoutProps) {\n  const animationProps = {\n    'data-rendered': rendered,\n    style: {\n      '--transition-duration': `${transitionDurationMs}ms`,\n    } as React.CSSProperties,\n  }\n\n  const hasFooter = Boolean(footerMessage || errorCode)\n\n  return (\n    <ErrorOverlayOverlay fixed={isBuildError} {...animationProps}>\n      <div data-nextjs-dialog-root {...animationProps}>\n        <ErrorOverlayDialog\n          onClose={onClose}\n          dialogResizerRef={dialogResizerRef}\n          data-has-footer={hasFooter}\n        >\n          <DialogContent>\n            <ErrorOverlayDialogHeader>\n              <div\n                className=\"nextjs__container_errors__error_title\"\n                // allow assertion in tests before error rating is implemented\n                data-nextjs-error-code={errorCode}\n              >\n                <span data-nextjs-error-label-group>\n                  <ErrorTypeLabel errorType={errorType} />\n                  {error.environmentName && (\n                    <EnvironmentNameLabel\n                      environmentName={error.environmentName}\n                    />\n                  )}\n                </span>\n                <ErrorOverlayToolbar error={error} debugInfo={debugInfo} />\n              </div>\n              <ErrorMessage errorMessage={errorMessage} />\n            </ErrorOverlayDialogHeader>\n\n            <ErrorOverlayDialogBody>{children}</ErrorOverlayDialogBody>\n          </DialogContent>\n          {hasFooter && (\n            <DialogFooter>\n              <ErrorOverlayFooter\n                footerMessage={footerMessage}\n                errorCode={errorCode}\n              />\n            </DialogFooter>\n          )}\n          <ErrorOverlayBottomStack\n            count={runtimeErrors?.length ?? 0}\n            activeIdx={activeIdx ?? 0}\n          />\n        </ErrorOverlayDialog>\n        <ErrorOverlayNav\n          runtimeErrors={runtimeErrors}\n          activeIdx={activeIdx}\n          setActiveIndex={setActiveIndex}\n          versionInfo={versionInfo}\n          isTurbopack={isTurbopack}\n        />\n      </div>\n    </ErrorOverlayOverlay>\n  )\n}\n\nexport const styles = css`\n  ${OVERLAY_STYLES}\n  ${DIALOG_STYLES}\n  ${DIALOG_HEADER_STYLES}\n  ${DIALOG_BODY_STYLES}\n\n  ${floatingHeaderStyles}\n  ${errorTypeLabelStyles}\n  ${errorMessageStyles}\n  ${toolbarStyles}\n  ${CALL_STACK_STYLES}\n\n  [data-nextjs-error-label-group] {\n    display: flex;\n    align-items: center;\n    gap: var(--size-2);\n  }\n`\n"],"names":["ErrorOverlayLayout","styles","errorMessage","errorType","children","errorCode","error","debugInfo","isBuildError","onClose","versionInfo","runtimeErrors","activeIdx","setActiveIndex","footerMessage","isTurbopack","dialogResizerRef","rendered","transitionDurationMs","animationProps","style","hasFooter","Boolean","ErrorOverlayOverlay","fixed","div","data-nextjs-dialog-root","ErrorOverlayDialog","data-has-footer","DialogContent","ErrorOverlayDialogHeader","className","data-nextjs-error-code","span","data-nextjs-error-label-group","ErrorTypeLabel","environmentName","EnvironmentNameLabel","ErrorOverlayToolbar","ErrorMessage","ErrorOverlayDialogBody","DialogFooter","ErrorOverlayFooter","ErrorOverlayBottomStack","count","length","ErrorOverlayNav","css","OVERLAY_STYLES","DIALOG_STYLES","DIALOG_HEADER_STYLES","DIALOG_BODY_STYLES","floatingHeaderStyles","errorTypeLabelStyles","errorMessageStyles","toolbarStyles","CALL_STACK_STYLES"],"mappings":";;;;;;;;;;;;;;;IAsDgBA,kBAAkB;eAAlBA;;IAsFHC,MAAM;eAANA;;;;;wBAxI+B;qCAIrC;oCAC4B;8BACP;8BAIrB;gCAIA;iCAIA;yBAE2C;wBAI3C;sBACoD;2BACzB;yBACkB;yCACZ;sCAGH;;;;;;;;;;;;;;;;;;;AAmB9B,SAASD,mBAAmB,KAqBT;IArBS,IAAA,EACjCE,YAAY,EACZC,SAAS,EACTC,QAAQ,EACRC,SAAS,EACTC,KAAK,EACLC,SAAS,EACTC,YAAY,EACZC,OAAO,EACPC,WAAW,EACXC,aAAa,EACbC,SAAS,EACTC,cAAc,EACdC,aAAa,EACbC,WAAW,EACXC,gBAAgB,EAChB,6FAA6F;IAC7F,+EAA+E;IAC/E,2FAA2F;IAC3FC,WAAW,IAAI,EACfC,oBAAoB,EACI,GArBS;IAsBjC,MAAMC,iBAAiB;QACrB,iBAAiBF;QACjBG,OAAO;YACL,yBAAyB,AAAC,KAAEF,uBAAqB;QACnD;IACF;IAEA,MAAMG,YAAYC,QAAQR,iBAAiBT;QAyC1BM;IAvCjB,qBACE,qBAACY,4BAAmB;QAACC,OAAOhB;QAAe,GAAGW,cAAc;kBAC1D,cAAA,sBAACM;YAAIC,yBAAuB;YAAE,GAAGP,cAAc;;8BAC7C,sBAACQ,2BAAkB;oBACjBlB,SAASA;oBACTO,kBAAkBA;oBAClBY,mBAAiBP;;sCAEjB,sBAACQ,qBAAa;;8CACZ,sBAACC,gCAAwB;;sDACvB,sBAACL;4CACCM,WAAU;4CACV,8DAA8D;4CAC9DC,0BAAwB3B;;8DAExB,sBAAC4B;oDAAKC,+BAA6B;;sEACjC,qBAACC,8BAAc;4DAAChC,WAAWA;;wDAC1BG,MAAM8B,eAAe,kBACpB,qBAACC,0CAAoB;4DACnBD,iBAAiB9B,MAAM8B,eAAe;;;;8DAI5C,qBAACE,wCAAmB;oDAAChC,OAAOA;oDAAOC,WAAWA;;;;sDAEhD,qBAACgC,0BAAY;4CAACrC,cAAcA;;;;8CAG9B,qBAACsC,4BAAsB;8CAAEpC;;;;wBAE1BiB,2BACC,qBAACoB,oBAAY;sCACX,cAAA,qBAACC,sCAAkB;gCACjB5B,eAAeA;gCACfT,WAAWA;;;sCAIjB,qBAACsC,gDAAuB;4BACtBC,OAAOjC,CAAAA,wBAAAA,iCAAAA,cAAekC,MAAM,YAArBlC,wBAAyB;4BAChCC,WAAWA,oBAAAA,YAAa;;;;8BAG5B,qBAACkC,gCAAe;oBACdnC,eAAeA;oBACfC,WAAWA;oBACXC,gBAAgBA;oBAChBH,aAAaA;oBACbK,aAAaA;;;;;AAKvB;AAEO,MAAMd,aAAS8C,kBAAG,qBACrBC,uBAAc,EACdC,sBAAa,EACbC,4BAAoB,EACpBC,wBAAkB,EAElBC,uBAAoB,EACpBC,sBAAoB,EACpBC,oBAAkB,EAClBC,2BAAa,EACbC,4BAAiB"}

package/dist/client/components/react-dev-overlay/_experimental/internal/components/errors/error-overlay-nav/error-overlay-nav.d.ts

@@ -1,12 +1,12 @@
 import type { VersionInfo } from '../../../../../../../../server/dev/parse-version-info';
 import type { ReadyRuntimeError } from '../../../../../internal/helpers/get-error-by-type';
 type ErrorOverlayNavProps = {
-    readyErrors?: ReadyRuntimeError[];
+    runtimeErrors?: ReadyRuntimeError[];
     activeIdx?: number;
     setActiveIndex?: (index: number) => void;
     versionInfo?: VersionInfo;
     isTurbopack?: boolean;
 };
-export declare function ErrorOverlayNav({ readyErrors, activeIdx, setActiveIndex, versionInfo, isTurbopack, }: ErrorOverlayNavProps): import("react/jsx-runtime").JSX.Element;
+export declare function ErrorOverlayNav({ runtimeErrors, activeIdx, setActiveIndex, versionInfo, isTurbopack, }: ErrorOverlayNavProps): import("react/jsx-runtime").JSX.Element;
 export declare const styles: string;
 export {};

package/dist/client/components/react-dev-overlay/_experimental/internal/components/errors/error-overlay-nav/error-overlay-nav.js

@@ -35,14 +35,14 @@ function _templateObject() {
     return data;
 }
 function ErrorOverlayNav(param) {
-    let { readyErrors, activeIdx, setActiveIndex, versionInfo, isTurbopack } = param;
+    let { runtimeErrors, activeIdx, setActiveIndex, versionInfo, isTurbopack } = param;
     return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
         "data-nextjs-error-overlay-nav": true,
         children: [
             /*#__PURE__*/ (0, _jsxruntime.jsx)(Notch, {
                 side: "left",
                 children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_erroroverlaypagination.ErrorOverlayPagination, {
-                    readyErrors: readyErrors != null ? readyErrors : [],
+                    runtimeErrors: runtimeErrors != null ? runtimeErrors : [],
                     activeIdx: activeIdx != null ? activeIdx : 0,
                     onActiveIndexChange: setActiveIndex != null ? setActiveIndex : ()=>{}
                 })

package/dist/client/components/react-dev-overlay/_experimental/internal/components/errors/error-overlay-nav/error-overlay-nav.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../../../src/client/components/react-dev-overlay/_experimental/internal/components/errors/error-overlay-nav/error-overlay-nav.tsx"],"sourcesContent":["import type { VersionInfo } from '../../../../../../../../server/dev/parse-version-info'\n\nimport { ErrorOverlayPagination } from '../error-overlay-pagination/error-overlay-pagination'\nimport { VersionStalenessInfo } from '../../version-staleness-info/version-staleness-info'\nimport { noop as css } from '../../../helpers/noop-template'\nimport type { ReadyRuntimeError } from '../../../../../internal/helpers/get-error-by-type'\n\ntype ErrorOverlayNavProps = {\n  readyErrors?: ReadyRuntimeError[]\n  activeIdx?: number\n  setActiveIndex?: (index: number) => void\n  versionInfo?: VersionInfo\n  isTurbopack?: boolean\n}\n\nexport function ErrorOverlayNav({\n  readyErrors,\n  activeIdx,\n  setActiveIndex,\n  versionInfo,\n  isTurbopack,\n}: ErrorOverlayNavProps) {\n  return (\n    <div data-nextjs-error-overlay-nav>\n      <Notch side=\"left\">\n        {/* TODO: better passing data instead of nullish coalescing */}\n        <ErrorOverlayPagination\n          readyErrors={readyErrors ?? []}\n          activeIdx={activeIdx ?? 0}\n          onActiveIndexChange={setActiveIndex ?? (() => {})}\n        />\n      </Notch>\n      {versionInfo && (\n        <Notch side=\"right\">\n          <VersionStalenessInfo\n            versionInfo={versionInfo}\n            isTurbopack={isTurbopack}\n          />\n        </Notch>\n      )}\n    </div>\n  )\n}\n\nexport const styles = css`\n  [data-nextjs-error-overlay-nav] {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n\n    width: 100%;\n\n    outline: none;\n    translate: 1px 1px;\n    max-width: var(--next-dialog-max-width);\n\n    .error-overlay-notch {\n      --stroke-color: var(--color-gray-400);\n      --background-color: var(--color-background-100);\n\n      translate: -1px 0;\n      width: auto;\n      height: 42px;\n      padding: 12px;\n      background: var(--background-color);\n      border: 1px solid var(--stroke-color);\n      border-bottom: none;\n      position: relative;\n\n      &[data-side='left'] {\n        padding-right: 0;\n        border-radius: var(--next-dialog-radius) 0 0 0;\n\n        .error-overlay-notch-tail {\n          right: -54px;\n        }\n\n        > *:not(.error-overlay-notch-tail) {\n          margin-right: -10px;\n        }\n      }\n\n      &[data-side='right'] {\n        padding-left: 0;\n        border-radius: 0 var(--next-dialog-radius) 0 0;\n\n        .error-overlay-notch-tail {\n          left: -54px;\n          transform: rotateY(180deg);\n        }\n\n        > *:not(.error-overlay-notch-tail) {\n          margin-left: -12px;\n        }\n      }\n\n      .error-overlay-notch-tail {\n        position: absolute;\n        top: -1px;\n        pointer-events: none;\n        z-index: -1;\n      }\n    }\n  }\n`\n\nfunction Notch({\n  children,\n  side = 'left',\n}: {\n  children: React.ReactNode\n  side?: 'left' | 'right'\n}) {\n  return (\n    <div className=\"error-overlay-notch\" data-side={side}>\n      {children}\n      <Tail />\n    </div>\n  )\n}\n\nfunction Tail() {\n  return (\n    <svg\n      width=\"60\"\n      height=\"42\"\n      viewBox=\"0 0 60 42\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      className=\"error-overlay-notch-tail\"\n    >\n      <mask\n        id=\"mask0_2667_14687\"\n        style={{\n          maskType: 'alpha',\n        }}\n        maskUnits=\"userSpaceOnUse\"\n        x=\"0\"\n        y=\"-1\"\n        width=\"60\"\n        height=\"43\"\n      >\n        <mask\n          id=\"path-1-outside-1_2667_14687\"\n          maskUnits=\"userSpaceOnUse\"\n          x=\"0\"\n          y=\"-1\"\n          width=\"60\"\n          height=\"43\"\n          fill=\"black\"\n        >\n          <rect fill=\"white\" y=\"-1\" width=\"60\" height=\"43\" />\n          <path d=\"M1 0L8.0783 0C15.772 0 22.7836 4.41324 26.111 11.3501L34.8889 29.6498C38.2164 36.5868 45.228 41 52.9217 41H60H1L1 0Z\" />\n        </mask>\n        <path\n          d=\"M1 0L8.0783 0C15.772 0 22.7836 4.41324 26.111 11.3501L34.8889 29.6498C38.2164 36.5868 45.228 41 52.9217 41H60H1L1 0Z\"\n          fill=\"white\"\n        />\n        <path\n          d=\"M1 0V-1H0V0L1 0ZM1 41H0V42H1V41ZM34.8889 29.6498L33.9873 30.0823L34.8889 29.6498ZM26.111 11.3501L27.0127 10.9177L26.111 11.3501ZM1 1H8.0783V-1H1V1ZM60 40H1V42H60V40ZM2 41V0L0 0L0 41H2ZM25.2094 11.7826L33.9873 30.0823L35.7906 29.2174L27.0127 10.9177L25.2094 11.7826ZM52.9217 42H60V40H52.9217V42ZM33.9873 30.0823C37.4811 37.3661 44.8433 42 52.9217 42V40C45.6127 40 38.9517 35.8074 35.7906 29.2174L33.9873 30.0823ZM8.0783 1C15.3873 1 22.0483 5.19257 25.2094 11.7826L27.0127 10.9177C23.5188 3.6339 16.1567 -1 8.0783 -1V1Z\"\n          fill=\"black\"\n          mask=\"url(#path-1-outside-1_2667_14687)\"\n        />\n      </mask>\n      <g mask=\"url(#mask0_2667_14687)\">\n        <mask\n          id=\"path-3-outside-2_2667_14687\"\n          maskUnits=\"userSpaceOnUse\"\n          x=\"-1\"\n          y=\"0.0244141\"\n          width=\"60\"\n          height=\"43\"\n          fill=\"black\"\n        >\n          <rect fill=\"white\" x=\"-1\" y=\"0.0244141\" width=\"60\" height=\"43\" />\n          <path d=\"M0 1.02441H7.0783C14.772 1.02441 21.7836 5.43765 25.111 12.3746L33.8889 30.6743C37.2164 37.6112 44.228 42.0244 51.9217 42.0244H59H0L0 1.02441Z\" />\n        </mask>\n        <path\n          d=\"M0 1.02441H7.0783C14.772 1.02441 21.7836 5.43765 25.111 12.3746L33.8889 30.6743C37.2164 37.6112 44.228 42.0244 51.9217 42.0244H59H0L0 1.02441Z\"\n          fill=\"var(--background-color)\"\n        />\n        <path\n          d=\"M0 1.02441L0 0.0244141H-1V1.02441H0ZM0 42.0244H-1V43.0244H0L0 42.0244ZM33.8889 30.6743L32.9873 31.1068L33.8889 30.6743ZM25.111 12.3746L26.0127 11.9421L25.111 12.3746ZM0 2.02441H7.0783V0.0244141H0L0 2.02441ZM59 41.0244H0L0 43.0244H59V41.0244ZM1 42.0244L1 1.02441H-1L-1 42.0244H1ZM24.2094 12.8071L32.9873 31.1068L34.7906 30.2418L26.0127 11.9421L24.2094 12.8071ZM51.9217 43.0244H59V41.0244H51.9217V43.0244ZM32.9873 31.1068C36.4811 38.3905 43.8433 43.0244 51.9217 43.0244V41.0244C44.6127 41.0244 37.9517 36.8318 34.7906 30.2418L32.9873 31.1068ZM7.0783 2.02441C14.3873 2.02441 21.0483 6.21699 24.2094 12.8071L26.0127 11.9421C22.5188 4.65831 15.1567 0.0244141 7.0783 0.0244141V2.02441Z\"\n          fill=\"var(--stroke-color)\"\n          mask=\"url(#path-3-outside-2_2667_14687)\"\n        />\n      </g>\n    </svg>\n  )\n}\n"],"names":["ErrorOverlayNav","styles","readyErrors","activeIdx","setActiveIndex","versionInfo","isTurbopack","div","data-nextjs-error-overlay-nav","Notch","side","ErrorOverlayPagination","onActiveIndexChange","VersionStalenessInfo","css","children","className","data-side","Tail","svg","width","height","viewBox","fill","xmlns","mask","id","style","maskType","maskUnits","x","y","rect","path","d","g"],"mappings":";;;;;;;;;;;;;;;IAegBA,eAAe;eAAfA;;IA6BHC,MAAM;eAANA;;;;;wCA1C0B;sCACF;8BACT;;;;;;;;;;AAWrB,SAASD,gBAAgB,KAMT;IANS,IAAA,EAC9BE,WAAW,EACXC,SAAS,EACTC,cAAc,EACdC,WAAW,EACXC,WAAW,EACU,GANS;IAO9B,qBACE,sBAACC;QAAIC,+BAA6B;;0BAChC,qBAACC;gBAAMC,MAAK;0BAEV,cAAA,qBAACC,8CAAsB;oBACrBT,aAAaA,sBAAAA,cAAe,EAAE;oBAC9BC,WAAWA,oBAAAA,YAAa;oBACxBS,qBAAqBR,yBAAAA,iBAAmB,KAAO;;;YAGlDC,6BACC,qBAACI;gBAAMC,MAAK;0BACV,cAAA,qBAACG,0CAAoB;oBACnBR,aAAaA;oBACbC,aAAaA;;;;;AAMzB;AAEO,MAAML,aAASa,kBAAG;AA8DzB,SAASL,MAAM,KAMd;IANc,IAAA,EACbM,QAAQ,EACRL,OAAO,MAAM,EAId,GANc;IAOb,qBACE,sBAACH;QAAIS,WAAU;QAAsBC,aAAWP;;YAC7CK;0BACD,qBAACG;;;AAGP;AAEA,SAASA;IACP,qBACE,sBAACC;QACCC,OAAM;QACNC,QAAO;QACPC,SAAQ;QACRC,MAAK;QACLC,OAAM;QACNR,WAAU;;0BAEV,sBAACS;gBACCC,IAAG;gBACHC,OAAO;oBACLC,UAAU;gBACZ;gBACAC,WAAU;gBACVC,GAAE;gBACFC,GAAE;gBACFX,OAAM;gBACNC,QAAO;;kCAEP,sBAACI;wBACCC,IAAG;wBACHG,WAAU;wBACVC,GAAE;wBACFC,GAAE;wBACFX,OAAM;wBACNC,QAAO;wBACPE,MAAK;;0CAEL,qBAACS;gCAAKT,MAAK;gCAAQQ,GAAE;gCAAKX,OAAM;gCAAKC,QAAO;;0CAC5C,qBAACY;gCAAKC,GAAE;;;;kCAEV,qBAACD;wBACCC,GAAE;wBACFX,MAAK;;kCAEP,qBAACU;wBACCC,GAAE;wBACFX,MAAK;wBACLE,MAAK;;;;0BAGT,sBAACU;gBAAEV,MAAK;;kCACN,sBAACA;wBACCC,IAAG;wBACHG,WAAU;wBACVC,GAAE;wBACFC,GAAE;wBACFX,OAAM;wBACNC,QAAO;wBACPE,MAAK;;0CAEL,qBAACS;gCAAKT,MAAK;gCAAQO,GAAE;gCAAKC,GAAE;gCAAYX,OAAM;gCAAKC,QAAO;;0CAC1D,qBAACY;gCAAKC,GAAE;;;;kCAEV,qBAACD;wBACCC,GAAE;wBACFX,MAAK;;kCAEP,qBAACU;wBACCC,GAAE;wBACFX,MAAK;wBACLE,MAAK;;;;;;AAKf"}
+{"version":3,"sources":["../../../../../../../../../src/client/components/react-dev-overlay/_experimental/internal/components/errors/error-overlay-nav/error-overlay-nav.tsx"],"sourcesContent":["import type { VersionInfo } from '../../../../../../../../server/dev/parse-version-info'\n\nimport { ErrorOverlayPagination } from '../error-overlay-pagination/error-overlay-pagination'\nimport { VersionStalenessInfo } from '../../version-staleness-info/version-staleness-info'\nimport { noop as css } from '../../../helpers/noop-template'\nimport type { ReadyRuntimeError } from '../../../../../internal/helpers/get-error-by-type'\n\ntype ErrorOverlayNavProps = {\n  runtimeErrors?: ReadyRuntimeError[]\n  activeIdx?: number\n  setActiveIndex?: (index: number) => void\n  versionInfo?: VersionInfo\n  isTurbopack?: boolean\n}\n\nexport function ErrorOverlayNav({\n  runtimeErrors,\n  activeIdx,\n  setActiveIndex,\n  versionInfo,\n  isTurbopack,\n}: ErrorOverlayNavProps) {\n  return (\n    <div data-nextjs-error-overlay-nav>\n      <Notch side=\"left\">\n        {/* TODO: better passing data instead of nullish coalescing */}\n        <ErrorOverlayPagination\n          runtimeErrors={runtimeErrors ?? []}\n          activeIdx={activeIdx ?? 0}\n          onActiveIndexChange={setActiveIndex ?? (() => {})}\n        />\n      </Notch>\n      {versionInfo && (\n        <Notch side=\"right\">\n          <VersionStalenessInfo\n            versionInfo={versionInfo}\n            isTurbopack={isTurbopack}\n          />\n        </Notch>\n      )}\n    </div>\n  )\n}\n\nexport const styles = css`\n  [data-nextjs-error-overlay-nav] {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n\n    width: 100%;\n\n    outline: none;\n    translate: 1px 1px;\n    max-width: var(--next-dialog-max-width);\n\n    .error-overlay-notch {\n      --stroke-color: var(--color-gray-400);\n      --background-color: var(--color-background-100);\n\n      translate: -1px 0;\n      width: auto;\n      height: 42px;\n      padding: 12px;\n      background: var(--background-color);\n      border: 1px solid var(--stroke-color);\n      border-bottom: none;\n      position: relative;\n\n      &[data-side='left'] {\n        padding-right: 0;\n        border-radius: var(--next-dialog-radius) 0 0 0;\n\n        .error-overlay-notch-tail {\n          right: -54px;\n        }\n\n        > *:not(.error-overlay-notch-tail) {\n          margin-right: -10px;\n        }\n      }\n\n      &[data-side='right'] {\n        padding-left: 0;\n        border-radius: 0 var(--next-dialog-radius) 0 0;\n\n        .error-overlay-notch-tail {\n          left: -54px;\n          transform: rotateY(180deg);\n        }\n\n        > *:not(.error-overlay-notch-tail) {\n          margin-left: -12px;\n        }\n      }\n\n      .error-overlay-notch-tail {\n        position: absolute;\n        top: -1px;\n        pointer-events: none;\n        z-index: -1;\n      }\n    }\n  }\n`\n\nfunction Notch({\n  children,\n  side = 'left',\n}: {\n  children: React.ReactNode\n  side?: 'left' | 'right'\n}) {\n  return (\n    <div className=\"error-overlay-notch\" data-side={side}>\n      {children}\n      <Tail />\n    </div>\n  )\n}\n\nfunction Tail() {\n  return (\n    <svg\n      width=\"60\"\n      height=\"42\"\n      viewBox=\"0 0 60 42\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      className=\"error-overlay-notch-tail\"\n    >\n      <mask\n        id=\"mask0_2667_14687\"\n        style={{\n          maskType: 'alpha',\n        }}\n        maskUnits=\"userSpaceOnUse\"\n        x=\"0\"\n        y=\"-1\"\n        width=\"60\"\n        height=\"43\"\n      >\n        <mask\n          id=\"path-1-outside-1_2667_14687\"\n          maskUnits=\"userSpaceOnUse\"\n          x=\"0\"\n          y=\"-1\"\n          width=\"60\"\n          height=\"43\"\n          fill=\"black\"\n        >\n          <rect fill=\"white\" y=\"-1\" width=\"60\" height=\"43\" />\n          <path d=\"M1 0L8.0783 0C15.772 0 22.7836 4.41324 26.111 11.3501L34.8889 29.6498C38.2164 36.5868 45.228 41 52.9217 41H60H1L1 0Z\" />\n        </mask>\n        <path\n          d=\"M1 0L8.0783 0C15.772 0 22.7836 4.41324 26.111 11.3501L34.8889 29.6498C38.2164 36.5868 45.228 41 52.9217 41H60H1L1 0Z\"\n          fill=\"white\"\n        />\n        <path\n          d=\"M1 0V-1H0V0L1 0ZM1 41H0V42H1V41ZM34.8889 29.6498L33.9873 30.0823L34.8889 29.6498ZM26.111 11.3501L27.0127 10.9177L26.111 11.3501ZM1 1H8.0783V-1H1V1ZM60 40H1V42H60V40ZM2 41V0L0 0L0 41H2ZM25.2094 11.7826L33.9873 30.0823L35.7906 29.2174L27.0127 10.9177L25.2094 11.7826ZM52.9217 42H60V40H52.9217V42ZM33.9873 30.0823C37.4811 37.3661 44.8433 42 52.9217 42V40C45.6127 40 38.9517 35.8074 35.7906 29.2174L33.9873 30.0823ZM8.0783 1C15.3873 1 22.0483 5.19257 25.2094 11.7826L27.0127 10.9177C23.5188 3.6339 16.1567 -1 8.0783 -1V1Z\"\n          fill=\"black\"\n          mask=\"url(#path-1-outside-1_2667_14687)\"\n        />\n      </mask>\n      <g mask=\"url(#mask0_2667_14687)\">\n        <mask\n          id=\"path-3-outside-2_2667_14687\"\n          maskUnits=\"userSpaceOnUse\"\n          x=\"-1\"\n          y=\"0.0244141\"\n          width=\"60\"\n          height=\"43\"\n          fill=\"black\"\n        >\n          <rect fill=\"white\" x=\"-1\" y=\"0.0244141\" width=\"60\" height=\"43\" />\n          <path d=\"M0 1.02441H7.0783C14.772 1.02441 21.7836 5.43765 25.111 12.3746L33.8889 30.6743C37.2164 37.6112 44.228 42.0244 51.9217 42.0244H59H0L0 1.02441Z\" />\n        </mask>\n        <path\n          d=\"M0 1.02441H7.0783C14.772 1.02441 21.7836 5.43765 25.111 12.3746L33.8889 30.6743C37.2164 37.6112 44.228 42.0244 51.9217 42.0244H59H0L0 1.02441Z\"\n          fill=\"var(--background-color)\"\n        />\n        <path\n          d=\"M0 1.02441L0 0.0244141H-1V1.02441H0ZM0 42.0244H-1V43.0244H0L0 42.0244ZM33.8889 30.6743L32.9873 31.1068L33.8889 30.6743ZM25.111 12.3746L26.0127 11.9421L25.111 12.3746ZM0 2.02441H7.0783V0.0244141H0L0 2.02441ZM59 41.0244H0L0 43.0244H59V41.0244ZM1 42.0244L1 1.02441H-1L-1 42.0244H1ZM24.2094 12.8071L32.9873 31.1068L34.7906 30.2418L26.0127 11.9421L24.2094 12.8071ZM51.9217 43.0244H59V41.0244H51.9217V43.0244ZM32.9873 31.1068C36.4811 38.3905 43.8433 43.0244 51.9217 43.0244V41.0244C44.6127 41.0244 37.9517 36.8318 34.7906 30.2418L32.9873 31.1068ZM7.0783 2.02441C14.3873 2.02441 21.0483 6.21699 24.2094 12.8071L26.0127 11.9421C22.5188 4.65831 15.1567 0.0244141 7.0783 0.0244141V2.02441Z\"\n          fill=\"var(--stroke-color)\"\n          mask=\"url(#path-3-outside-2_2667_14687)\"\n        />\n      </g>\n    </svg>\n  )\n}\n"],"names":["ErrorOverlayNav","styles","runtimeErrors","activeIdx","setActiveIndex","versionInfo","isTurbopack","div","data-nextjs-error-overlay-nav","Notch","side","ErrorOverlayPagination","onActiveIndexChange","VersionStalenessInfo","css","children","className","data-side","Tail","svg","width","height","viewBox","fill","xmlns","mask","id","style","maskType","maskUnits","x","y","rect","path","d","g"],"mappings":";;;;;;;;;;;;;;;IAegBA,eAAe;eAAfA;;IA6BHC,MAAM;eAANA;;;;;wCA1C0B;sCACF;8BACT;;;;;;;;;;AAWrB,SAASD,gBAAgB,KAMT;IANS,IAAA,EAC9BE,aAAa,EACbC,SAAS,EACTC,cAAc,EACdC,WAAW,EACXC,WAAW,EACU,GANS;IAO9B,qBACE,sBAACC;QAAIC,+BAA6B;;0BAChC,qBAACC;gBAAMC,MAAK;0BAEV,cAAA,qBAACC,8CAAsB;oBACrBT,eAAeA,wBAAAA,gBAAiB,EAAE;oBAClCC,WAAWA,oBAAAA,YAAa;oBACxBS,qBAAqBR,yBAAAA,iBAAmB,KAAO;;;YAGlDC,6BACC,qBAACI;gBAAMC,MAAK;0BACV,cAAA,qBAACG,0CAAoB;oBACnBR,aAAaA;oBACbC,aAAaA;;;;;AAMzB;AAEO,MAAML,aAASa,kBAAG;AA8DzB,SAASL,MAAM,KAMd;IANc,IAAA,EACbM,QAAQ,EACRL,OAAO,MAAM,EAId,GANc;IAOb,qBACE,sBAACH;QAAIS,WAAU;QAAsBC,aAAWP;;YAC7CK;0BACD,qBAACG;;;AAGP;AAEA,SAASA;IACP,qBACE,sBAACC;QACCC,OAAM;QACNC,QAAO;QACPC,SAAQ;QACRC,MAAK;QACLC,OAAM;QACNR,WAAU;;0BAEV,sBAACS;gBACCC,IAAG;gBACHC,OAAO;oBACLC,UAAU;gBACZ;gBACAC,WAAU;gBACVC,GAAE;gBACFC,GAAE;gBACFX,OAAM;gBACNC,QAAO;;kCAEP,sBAACI;wBACCC,IAAG;wBACHG,WAAU;wBACVC,GAAE;wBACFC,GAAE;wBACFX,OAAM;wBACNC,QAAO;wBACPE,MAAK;;0CAEL,qBAACS;gCAAKT,MAAK;gCAAQQ,GAAE;gCAAKX,OAAM;gCAAKC,QAAO;;0CAC5C,qBAACY;gCAAKC,GAAE;;;;kCAEV,qBAACD;wBACCC,GAAE;wBACFX,MAAK;;kCAEP,qBAACU;wBACCC,GAAE;wBACFX,MAAK;wBACLE,MAAK;;;;0BAGT,sBAACU;gBAAEV,MAAK;;kCACN,sBAACA;wBACCC,IAAG;wBACHG,WAAU;wBACVC,GAAE;wBACFC,GAAE;wBACFX,OAAM;wBACNC,QAAO;wBACPE,MAAK;;0CAEL,qBAACS;gCAAKT,MAAK;gCAAQO,GAAE;gCAAKC,GAAE;gCAAYX,OAAM;gCAAKC,QAAO;;0CAC1D,qBAACY;gCAAKC,GAAE;;;;kCAEV,qBAACD;wBACCC,GAAE;wBACFX,MAAK;;kCAEP,qBAACU;wBACCC,GAAE;wBACFX,MAAK;wBACLE,MAAK;;;;;;AAKf"}

package/dist/client/components/react-dev-overlay/_experimental/internal/components/errors/error-overlay-nav/error-overlay-nav.stories.js

@@ -35,7 +35,7 @@ const meta = {
 const _default = meta;
 const Default = {
     args: {
-        readyErrors: [
+        runtimeErrors: [
             {
                 id: 0,
                 runtime: true,

package/dist/client/components/react-dev-overlay/_experimental/internal/components/errors/error-overlay-nav/error-overlay-nav.stories.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../../../src/client/components/react-dev-overlay/_experimental/internal/components/errors/error-overlay-nav/error-overlay-nav.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from '@storybook/react'\nimport { ErrorOverlayNav } from './error-overlay-nav'\nimport { withShadowPortal } from '../../../storybook/with-shadow-portal'\n\nconst meta: Meta<typeof ErrorOverlayNav> = {\n  component: ErrorOverlayNav,\n  parameters: {\n    layout: 'fullscreen',\n  },\n  decorators: [withShadowPortal],\n}\n\nexport default meta\ntype Story = StoryObj<typeof ErrorOverlayNav>\n\nexport const Default: Story = {\n  args: {\n    readyErrors: [\n      {\n        id: 0,\n        runtime: true,\n        error: new Error('First error message'),\n        frames: () => Promise.resolve([]),\n      },\n      {\n        id: 1,\n        runtime: true,\n        error: new Error('Second error message'),\n        frames: () => Promise.resolve([]),\n      },\n      {\n        id: 2,\n        runtime: true,\n        error: new Error('Third error message'),\n        frames: () => Promise.resolve([]),\n      },\n    ],\n    activeIdx: 1,\n    versionInfo: {\n      installed: '15.0.0',\n      staleness: 'stale-major',\n    },\n  },\n  parameters: {\n    docs: {\n      story: { inline: true },\n    },\n  },\n  decorators: [\n    (Story) => (\n      // Offset the translateY applied to the floating header.\n      <div style={{ paddingTop: 'var(--size-10_5)' }}>\n        <Story />\n      </div>\n    ),\n  ],\n}\n"],"names":["Default","meta","component","ErrorOverlayNav","parameters","layout","decorators","withShadowPortal","args","readyErrors","id","runtime","error","Error","frames","Promise","resolve","activeIdx","versionInfo","installed","staleness","docs","story","inline","Story","div","style","paddingTop"],"mappings":";;;;;;;;;;;;;;;IAeaA,OAAO;eAAPA;;IAHb,OAAmB;eAAnB;;;;iCAXgC;kCACC;AAEjC,MAAMC,OAAqC;IACzCC,WAAWC,gCAAe;IAC1BC,YAAY;QACVC,QAAQ;IACV;IACAC,YAAY;QAACC,kCAAgB;KAAC;AAChC;MAEA,WAAeN;AAGR,MAAMD,UAAiB;IAC5BQ,MAAM;QACJC,aAAa;YACX;gBACEC,IAAI;gBACJC,SAAS;gBACTC,OAAO,IAAIC,MAAM;gBACjBC,QAAQ,IAAMC,QAAQC,OAAO,CAAC,EAAE;YAClC;YACA;gBACEN,IAAI;gBACJC,SAAS;gBACTC,OAAO,IAAIC,MAAM;gBACjBC,QAAQ,IAAMC,QAAQC,OAAO,CAAC,EAAE;YAClC;YACA;gBACEN,IAAI;gBACJC,SAAS;gBACTC,OAAO,IAAIC,MAAM;gBACjBC,QAAQ,IAAMC,QAAQC,OAAO,CAAC,EAAE;YAClC;SACD;QACDC,WAAW;QACXC,aAAa;YACXC,WAAW;YACXC,WAAW;QACb;IACF;IACAhB,YAAY;QACViB,MAAM;YACJC,OAAO;gBAAEC,QAAQ;YAAK;QACxB;IACF;IACAjB,YAAY;QACV,CAACkB,QACC,wDAAwD;0BACxD,qBAACC;gBAAIC,OAAO;oBAAEC,YAAY;gBAAmB;0BAC3C,cAAA,qBAACH;;KAGN;AACH"}
+{"version":3,"sources":["../../../../../../../../../src/client/components/react-dev-overlay/_experimental/internal/components/errors/error-overlay-nav/error-overlay-nav.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from '@storybook/react'\nimport { ErrorOverlayNav } from './error-overlay-nav'\nimport { withShadowPortal } from '../../../storybook/with-shadow-portal'\n\nconst meta: Meta<typeof ErrorOverlayNav> = {\n  component: ErrorOverlayNav,\n  parameters: {\n    layout: 'fullscreen',\n  },\n  decorators: [withShadowPortal],\n}\n\nexport default meta\ntype Story = StoryObj<typeof ErrorOverlayNav>\n\nexport const Default: Story = {\n  args: {\n    runtimeErrors: [\n      {\n        id: 0,\n        runtime: true,\n        error: new Error('First error message'),\n        frames: () => Promise.resolve([]),\n      },\n      {\n        id: 1,\n        runtime: true,\n        error: new Error('Second error message'),\n        frames: () => Promise.resolve([]),\n      },\n      {\n        id: 2,\n        runtime: true,\n        error: new Error('Third error message'),\n        frames: () => Promise.resolve([]),\n      },\n    ],\n    activeIdx: 1,\n    versionInfo: {\n      installed: '15.0.0',\n      staleness: 'stale-major',\n    },\n  },\n  parameters: {\n    docs: {\n      story: { inline: true },\n    },\n  },\n  decorators: [\n    (Story) => (\n      // Offset the translateY applied to the floating header.\n      <div style={{ paddingTop: 'var(--size-10_5)' }}>\n        <Story />\n      </div>\n    ),\n  ],\n}\n"],"names":["Default","meta","component","ErrorOverlayNav","parameters","layout","decorators","withShadowPortal","args","runtimeErrors","id","runtime","error","Error","frames","Promise","resolve","activeIdx","versionInfo","installed","staleness","docs","story","inline","Story","div","style","paddingTop"],"mappings":";;;;;;;;;;;;;;;IAeaA,OAAO;eAAPA;;IAHb,OAAmB;eAAnB;;;;iCAXgC;kCACC;AAEjC,MAAMC,OAAqC;IACzCC,WAAWC,gCAAe;IAC1BC,YAAY;QACVC,QAAQ;IACV;IACAC,YAAY;QAACC,kCAAgB;KAAC;AAChC;MAEA,WAAeN;AAGR,MAAMD,UAAiB;IAC5BQ,MAAM;QACJC,eAAe;YACb;gBACEC,IAAI;gBACJC,SAAS;gBACTC,OAAO,IAAIC,MAAM;gBACjBC,QAAQ,IAAMC,QAAQC,OAAO,CAAC,EAAE;YAClC;YACA;gBACEN,IAAI;gBACJC,SAAS;gBACTC,OAAO,IAAIC,MAAM;gBACjBC,QAAQ,IAAMC,QAAQC,OAAO,CAAC,EAAE;YAClC;YACA;gBACEN,IAAI;gBACJC,SAAS;gBACTC,OAAO,IAAIC,MAAM;gBACjBC,QAAQ,IAAMC,QAAQC,OAAO,CAAC,EAAE;YAClC;SACD;QACDC,WAAW;QACXC,aAAa;YACXC,WAAW;YACXC,WAAW;QACb;IACF;IACAhB,YAAY;QACViB,MAAM;YACJC,OAAO;gBAAEC,QAAQ;YAAK;QACxB;IACF;IACAjB,YAAY;QACV,CAACkB,QACC,wDAAwD;0BACxD,qBAACC;gBAAIC,OAAO;oBAAEC,YAAY;gBAAmB;0BAC3C,cAAA,qBAACH;;KAGN;AACH"}

package/dist/client/components/react-dev-overlay/_experimental/internal/components/errors/error-overlay-pagination/error-overlay-pagination.d.ts

@@ -1,9 +1,9 @@
 import type { ReadyRuntimeError } from '../../../../../internal/helpers/get-error-by-type';
 type ErrorPaginationProps = {
-    readyErrors: ReadyRuntimeError[];
+    runtimeErrors: ReadyRuntimeError[];
     activeIdx: number;
     onActiveIndexChange: (index: number) => void;
 };
-export declare function ErrorOverlayPagination({ readyErrors, activeIdx, onActiveIndexChange, }: ErrorPaginationProps): import("react/jsx-runtime").JSX.Element;
+export declare function ErrorOverlayPagination({ runtimeErrors, activeIdx, onActiveIndexChange, }: ErrorPaginationProps): import("react/jsx-runtime").JSX.Element;
 export declare const styles: string;
 export {};

package/dist/client/components/react-dev-overlay/_experimental/internal/components/errors/error-overlay-pagination/error-overlay-pagination.js

@@ -36,7 +36,7 @@ function _templateObject() {
     return data;
 }
 function ErrorOverlayPagination(param) {
-    let { readyErrors, activeIdx, onActiveIndexChange } = param;
+    let { runtimeErrors, activeIdx, onActiveIndexChange } = param;
     const handlePrevious = (0, _react.useCallback)(()=>(0, _react.startTransition)(()=>{
             if (activeIdx > 0) {
                 onActiveIndexChange(Math.max(0, activeIdx - 1));
@@ -46,12 +46,12 @@ function ErrorOverlayPagination(param) {
         onActiveIndexChange
     ]);
     const handleNext = (0, _react.useCallback)(()=>(0, _react.startTransition)(()=>{
-            if (activeIdx < readyErrors.length - 1) {
-                onActiveIndexChange(Math.max(0, Math.min(readyErrors.length - 1, activeIdx + 1)));
+            if (activeIdx < runtimeErrors.length - 1) {
+                onActiveIndexChange(Math.max(0, Math.min(runtimeErrors.length - 1, activeIdx + 1)));
             }
         }), [
         activeIdx,
-        readyErrors.length,
+        runtimeErrors.length,
         onActiveIndexChange
     ]);
     const buttonLeft = (0, _react.useRef)(null);
@@ -106,7 +106,7 @@ function ErrorOverlayPagination(param) {
                 if (buttonLeft.current && a === buttonLeft.current) {
                     buttonLeft.current.blur();
                 }
-            } else if (activeIdx === readyErrors.length - 1) {
+            } else if (activeIdx === runtimeErrors.length - 1) {
                 if (buttonRight.current && a === buttonRight.current) {
                     buttonRight.current.blur();
                 }
@@ -115,7 +115,7 @@ function ErrorOverlayPagination(param) {
     }, [
         nav,
         activeIdx,
-        readyErrors.length
+        runtimeErrors.length
     ]);
     return /*#__PURE__*/ (0, _jsxruntime.jsxs)("nav", {
         className: "error-overlay-pagination dialog-exclude-closing-from-outside-click",
@@ -146,7 +146,7 @@ function ErrorOverlayPagination(param) {
                     }),
                     /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
                         "data-nextjs-dialog-header-total-count": true,
-                        children: readyErrors.length || 1
+                        children: runtimeErrors.length || 1
                     })
                 ]
             }),
@@ -154,8 +154,8 @@ function ErrorOverlayPagination(param) {
                 ref: buttonRight,
                 type: "button",
                 // If no errors or the last error is active, disable the button.
-                disabled: activeIdx >= readyErrors.length - 1,
-                "aria-disabled": activeIdx >= readyErrors.length - 1,
+                disabled: activeIdx >= runtimeErrors.length - 1,
+                "aria-disabled": activeIdx >= runtimeErrors.length - 1,
                 onClick: handleNext,
                 "data-nextjs-dialog-error-next": true,
                 className: "error-overlay-pagination-button",

package/dist/client/components/react-dev-overlay/_experimental/internal/components/errors/error-overlay-pagination/error-overlay-pagination.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../../../src/client/components/react-dev-overlay/_experimental/internal/components/errors/error-overlay-pagination/error-overlay-pagination.tsx"],"sourcesContent":["import {\n  startTransition,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from 'react'\nimport { noop as css } from '../../../helpers/noop-template'\nimport { LeftArrow } from '../../../icons/left-arrow'\nimport { RightArrow } from '../../../icons/right-arrow'\nimport type { ReadyRuntimeError } from '../../../../../internal/helpers/get-error-by-type'\n\ntype ErrorPaginationProps = {\n  readyErrors: ReadyRuntimeError[]\n  activeIdx: number\n  onActiveIndexChange: (index: number) => void\n}\n\nexport function ErrorOverlayPagination({\n  readyErrors,\n  activeIdx,\n  onActiveIndexChange,\n}: ErrorPaginationProps) {\n  const handlePrevious = useCallback(\n    () =>\n      startTransition(() => {\n        if (activeIdx > 0) {\n          onActiveIndexChange(Math.max(0, activeIdx - 1))\n        }\n      }),\n    [activeIdx, onActiveIndexChange]\n  )\n\n  const handleNext = useCallback(\n    () =>\n      startTransition(() => {\n        if (activeIdx < readyErrors.length - 1) {\n          onActiveIndexChange(\n            Math.max(0, Math.min(readyErrors.length - 1, activeIdx + 1))\n          )\n        }\n      }),\n    [activeIdx, readyErrors.length, onActiveIndexChange]\n  )\n\n  const buttonLeft = useRef<HTMLButtonElement | null>(null)\n  const buttonRight = useRef<HTMLButtonElement | null>(null)\n\n  const [nav, setNav] = useState<HTMLElement | null>(null)\n  const onNav = useCallback((el: HTMLElement) => {\n    setNav(el)\n  }, [])\n\n  useEffect(() => {\n    if (nav == null) {\n      return\n    }\n\n    const root = nav.getRootNode()\n    const d = self.document\n\n    function handler(e: KeyboardEvent) {\n      if (e.key === 'ArrowLeft') {\n        e.preventDefault()\n        e.stopPropagation()\n        handlePrevious && handlePrevious()\n      } else if (e.key === 'ArrowRight') {\n        e.preventDefault()\n        e.stopPropagation()\n        handleNext && handleNext()\n      }\n    }\n\n    root.addEventListener('keydown', handler as EventListener)\n    if (root !== d) {\n      d.addEventListener('keydown', handler)\n    }\n    return function () {\n      root.removeEventListener('keydown', handler as EventListener)\n      if (root !== d) {\n        d.removeEventListener('keydown', handler)\n      }\n    }\n  }, [nav, handleNext, handlePrevious])\n\n  // Unlock focus for browsers like Firefox, that break all user focus if the\n  // currently focused item becomes disabled.\n  useEffect(() => {\n    if (nav == null) {\n      return\n    }\n\n    const root = nav.getRootNode()\n    // Always true, but we do this for TypeScript:\n    if (root instanceof ShadowRoot) {\n      const a = root.activeElement\n\n      if (activeIdx === 0) {\n        if (buttonLeft.current && a === buttonLeft.current) {\n          buttonLeft.current.blur()\n        }\n      } else if (activeIdx === readyErrors.length - 1) {\n        if (buttonRight.current && a === buttonRight.current) {\n          buttonRight.current.blur()\n        }\n      }\n    }\n  }, [nav, activeIdx, readyErrors.length])\n\n  return (\n    <nav\n      className=\"error-overlay-pagination dialog-exclude-closing-from-outside-click\"\n      ref={onNav}\n    >\n      <button\n        ref={buttonLeft}\n        type=\"button\"\n        disabled={activeIdx === 0}\n        aria-disabled={activeIdx === 0}\n        onClick={handlePrevious}\n        data-nextjs-dialog-error-previous\n        className=\"error-overlay-pagination-button\"\n      >\n        <LeftArrow\n          title=\"previous\"\n          className=\"error-overlay-pagination-button-icon\"\n        />\n      </button>\n      <div className=\"error-overlay-pagination-count\">\n        <span data-nextjs-dialog-error-index={activeIdx}>{activeIdx + 1}/</span>\n        <span data-nextjs-dialog-header-total-count>\n          {/* Display 1 out of 1 if there are no errors (e.g. for build errors). */}\n          {readyErrors.length || 1}\n        </span>\n      </div>\n      <button\n        ref={buttonRight}\n        type=\"button\"\n        // If no errors or the last error is active, disable the button.\n        disabled={activeIdx >= readyErrors.length - 1}\n        aria-disabled={activeIdx >= readyErrors.length - 1}\n        onClick={handleNext}\n        data-nextjs-dialog-error-next\n        className=\"error-overlay-pagination-button\"\n      >\n        <RightArrow\n          title=\"next\"\n          className=\"error-overlay-pagination-button-icon\"\n        />\n      </button>\n    </nav>\n  )\n}\n\nexport const styles = css`\n  .error-overlay-pagination {\n    -webkit-font-smoothing: antialiased;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    gap: 8px;\n    width: fit-content;\n  }\n\n  .error-overlay-pagination-count {\n    color: var(--color-gray-900);\n    text-align: center;\n    font-size: var(--size-font-small);\n    font-weight: 500;\n    line-height: 16px;\n    font-variant-numeric: tabular-nums;\n  }\n\n  .error-overlay-pagination-button {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n\n    width: 24px;\n    height: 24px;\n    background: var(--color-gray-300);\n    flex-shrink: 0;\n\n    border: none;\n    border-radius: var(--rounded-full);\n\n    &:focus-visible {\n      outline: var(--focus-ring);\n    }\n\n    &:not(:disabled):active {\n      background: var(--color-gray-500);\n    }\n\n    &:disabled {\n      opacity: 0.5;\n      cursor: not-allowed;\n    }\n  }\n\n  .error-overlay-pagination-button-icon {\n    color: var(--color-gray-1000);\n  }\n`\n"],"names":["ErrorOverlayPagination","styles","readyErrors","activeIdx","onActiveIndexChange","handlePrevious","useCallback","startTransition","Math","max","handleNext","length","min","buttonLeft","useRef","buttonRight","nav","setNav","useState","onNav","el","useEffect","root","getRootNode","d","self","document","handler","e","key","preventDefault","stopPropagation","addEventListener","removeEventListener","ShadowRoot","a","activeElement","current","blur","className","ref","button","type","disabled","aria-disabled","onClick","data-nextjs-dialog-error-previous","LeftArrow","title","div","span","data-nextjs-dialog-error-index","data-nextjs-dialog-header-total-count","data-nextjs-dialog-error-next","RightArrow","css"],"mappings":"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"}
+{"version":3,"sources":["../../../../../../../../../src/client/components/react-dev-overlay/_experimental/internal/components/errors/error-overlay-pagination/error-overlay-pagination.tsx"],"sourcesContent":["import {\n  startTransition,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from 'react'\nimport { noop as css } from '../../../helpers/noop-template'\nimport { LeftArrow } from '../../../icons/left-arrow'\nimport { RightArrow } from '../../../icons/right-arrow'\nimport type { ReadyRuntimeError } from '../../../../../internal/helpers/get-error-by-type'\n\ntype ErrorPaginationProps = {\n  runtimeErrors: ReadyRuntimeError[]\n  activeIdx: number\n  onActiveIndexChange: (index: number) => void\n}\n\nexport function ErrorOverlayPagination({\n  runtimeErrors,\n  activeIdx,\n  onActiveIndexChange,\n}: ErrorPaginationProps) {\n  const handlePrevious = useCallback(\n    () =>\n      startTransition(() => {\n        if (activeIdx > 0) {\n          onActiveIndexChange(Math.max(0, activeIdx - 1))\n        }\n      }),\n    [activeIdx, onActiveIndexChange]\n  )\n\n  const handleNext = useCallback(\n    () =>\n      startTransition(() => {\n        if (activeIdx < runtimeErrors.length - 1) {\n          onActiveIndexChange(\n            Math.max(0, Math.min(runtimeErrors.length - 1, activeIdx + 1))\n          )\n        }\n      }),\n    [activeIdx, runtimeErrors.length, onActiveIndexChange]\n  )\n\n  const buttonLeft = useRef<HTMLButtonElement | null>(null)\n  const buttonRight = useRef<HTMLButtonElement | null>(null)\n\n  const [nav, setNav] = useState<HTMLElement | null>(null)\n  const onNav = useCallback((el: HTMLElement) => {\n    setNav(el)\n  }, [])\n\n  useEffect(() => {\n    if (nav == null) {\n      return\n    }\n\n    const root = nav.getRootNode()\n    const d = self.document\n\n    function handler(e: KeyboardEvent) {\n      if (e.key === 'ArrowLeft') {\n        e.preventDefault()\n        e.stopPropagation()\n        handlePrevious && handlePrevious()\n      } else if (e.key === 'ArrowRight') {\n        e.preventDefault()\n        e.stopPropagation()\n        handleNext && handleNext()\n      }\n    }\n\n    root.addEventListener('keydown', handler as EventListener)\n    if (root !== d) {\n      d.addEventListener('keydown', handler)\n    }\n    return function () {\n      root.removeEventListener('keydown', handler as EventListener)\n      if (root !== d) {\n        d.removeEventListener('keydown', handler)\n      }\n    }\n  }, [nav, handleNext, handlePrevious])\n\n  // Unlock focus for browsers like Firefox, that break all user focus if the\n  // currently focused item becomes disabled.\n  useEffect(() => {\n    if (nav == null) {\n      return\n    }\n\n    const root = nav.getRootNode()\n    // Always true, but we do this for TypeScript:\n    if (root instanceof ShadowRoot) {\n      const a = root.activeElement\n\n      if (activeIdx === 0) {\n        if (buttonLeft.current && a === buttonLeft.current) {\n          buttonLeft.current.blur()\n        }\n      } else if (activeIdx === runtimeErrors.length - 1) {\n        if (buttonRight.current && a === buttonRight.current) {\n          buttonRight.current.blur()\n        }\n      }\n    }\n  }, [nav, activeIdx, runtimeErrors.length])\n\n  return (\n    <nav\n      className=\"error-overlay-pagination dialog-exclude-closing-from-outside-click\"\n      ref={onNav}\n    >\n      <button\n        ref={buttonLeft}\n        type=\"button\"\n        disabled={activeIdx === 0}\n        aria-disabled={activeIdx === 0}\n        onClick={handlePrevious}\n        data-nextjs-dialog-error-previous\n        className=\"error-overlay-pagination-button\"\n      >\n        <LeftArrow\n          title=\"previous\"\n          className=\"error-overlay-pagination-button-icon\"\n        />\n      </button>\n      <div className=\"error-overlay-pagination-count\">\n        <span data-nextjs-dialog-error-index={activeIdx}>{activeIdx + 1}/</span>\n        <span data-nextjs-dialog-header-total-count>\n          {/* Display 1 out of 1 if there are no errors (e.g. for build errors). */}\n          {runtimeErrors.length || 1}\n        </span>\n      </div>\n      <button\n        ref={buttonRight}\n        type=\"button\"\n        // If no errors or the last error is active, disable the button.\n        disabled={activeIdx >= runtimeErrors.length - 1}\n        aria-disabled={activeIdx >= runtimeErrors.length - 1}\n        onClick={handleNext}\n        data-nextjs-dialog-error-next\n        className=\"error-overlay-pagination-button\"\n      >\n        <RightArrow\n          title=\"next\"\n          className=\"error-overlay-pagination-button-icon\"\n        />\n      </button>\n    </nav>\n  )\n}\n\nexport const styles = css`\n  .error-overlay-pagination {\n    -webkit-font-smoothing: antialiased;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    gap: 8px;\n    width: fit-content;\n  }\n\n  .error-overlay-pagination-count {\n    color: var(--color-gray-900);\n    text-align: center;\n    font-size: var(--size-font-small);\n    font-weight: 500;\n    line-height: 16px;\n    font-variant-numeric: tabular-nums;\n  }\n\n  .error-overlay-pagination-button {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n\n    width: 24px;\n    height: 24px;\n    background: var(--color-gray-300);\n    flex-shrink: 0;\n\n    border: none;\n    border-radius: var(--rounded-full);\n\n    &:focus-visible {\n      outline: var(--focus-ring);\n    }\n\n    &:not(:disabled):active {\n      background: var(--color-gray-500);\n    }\n\n    &:disabled {\n      opacity: 0.5;\n      cursor: not-allowed;\n    }\n  }\n\n  .error-overlay-pagination-button-icon {\n    color: var(--color-gray-1000);\n  }\n`\n"],"names":["ErrorOverlayPagination","styles","runtimeErrors","activeIdx","onActiveIndexChange","handlePrevious","useCallback","startTransition","Math","max","handleNext","length","min","buttonLeft","useRef","buttonRight","nav","setNav","useState","onNav","el","useEffect","root","getRootNode","d","self","document","handler","e","key","preventDefault","stopPropagation","addEventListener","removeEventListener","ShadowRoot","a","activeElement","current","blur","className","ref","button","type","disabled","aria-disabled","onClick","data-nextjs-dialog-error-previous","LeftArrow","title","div","span","data-nextjs-dialog-error-index","data-nextjs-dialog-header-total-count","data-nextjs-dialog-error-next","RightArrow","css"],"mappings":"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"}

package/dist/client/components/react-dev-overlay/_experimental/internal/components/errors/error-overlay-pagination/error-overlay-pagination.stories.js

@@ -72,7 +72,7 @@ const SingleError = {
         const [activeIdx, setActiveIdx] = (0, _react.useState)(0);
         return /*#__PURE__*/ (0, _jsxruntime.jsx)(_erroroverlaypagination.ErrorOverlayPagination, {
             activeIdx: activeIdx,
-            readyErrors: [
+            runtimeErrors: [
                 mockErrors[0]
             ],
             onActiveIndexChange: setActiveIdx
@@ -84,7 +84,7 @@ const MultipleErrors = {
         const [activeIdx, setActiveIdx] = (0, _react.useState)(1);
         return /*#__PURE__*/ (0, _jsxruntime.jsx)(_erroroverlaypagination.ErrorOverlayPagination, {
             activeIdx: activeIdx,
-            readyErrors: mockErrors,
+            runtimeErrors: mockErrors,
             onActiveIndexChange: setActiveIdx
         });
     }
@@ -94,7 +94,7 @@ const LastError = {
         const [activeIdx, setActiveIdx] = (0, _react.useState)(2);
         return /*#__PURE__*/ (0, _jsxruntime.jsx)(_erroroverlaypagination.ErrorOverlayPagination, {
             activeIdx: activeIdx,
-            readyErrors: mockErrors,
+            runtimeErrors: mockErrors,
             onActiveIndexChange: setActiveIdx
         });
     }
@@ -104,7 +104,7 @@ const VeryManyErrors = {
         const [activeIdx, setActiveIdx] = (0, _react.useState)(1233);
         return /*#__PURE__*/ (0, _jsxruntime.jsx)(_erroroverlaypagination.ErrorOverlayPagination, {
             activeIdx: activeIdx,
-            readyErrors: Array(780).fill(mockErrors).flat(),
+            runtimeErrors: Array(780).fill(mockErrors).flat(),
             onActiveIndexChange: setActiveIdx
         });
     }

package/dist/client/components/react-dev-overlay/_experimental/internal/components/errors/error-overlay-pagination/error-overlay-pagination.stories.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../../../src/client/components/react-dev-overlay/_experimental/internal/components/errors/error-overlay-pagination/error-overlay-pagination.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from '@storybook/react'\nimport { ErrorOverlayPagination } from './error-overlay-pagination'\nimport { withShadowPortal } from '../../../storybook/with-shadow-portal'\nimport { useState } from 'react'\n\nconst meta: Meta<typeof ErrorOverlayPagination> = {\n  component: ErrorOverlayPagination,\n  parameters: {\n    layout: 'centered',\n  },\n  decorators: [withShadowPortal],\n}\n\nexport default meta\ntype Story = StoryObj<typeof ErrorOverlayPagination>\n\n// Mock errors for stories\nconst mockErrors = [\n  {\n    id: 1,\n    runtime: true as const,\n    error: new Error('First error'),\n    frames: () => Promise.resolve([]),\n  },\n  {\n    id: 2,\n    runtime: true as const,\n    error: new Error('Second error'),\n    frames: () => Promise.resolve([]),\n  },\n  {\n    id: 3,\n    runtime: true as const,\n    error: new Error('Third error'),\n    frames: () => Promise.resolve([]),\n  },\n]\n\nexport const SingleError: Story = {\n  render: function ErrorOverlayPaginationStory() {\n    const [activeIdx, setActiveIdx] = useState(0)\n    return (\n      <ErrorOverlayPagination\n        activeIdx={activeIdx}\n        readyErrors={[mockErrors[0]]}\n        onActiveIndexChange={setActiveIdx}\n      />\n    )\n  },\n}\n\nexport const MultipleErrors: Story = {\n  render: function ErrorOverlayPaginationStory() {\n    const [activeIdx, setActiveIdx] = useState(1)\n    return (\n      <ErrorOverlayPagination\n        activeIdx={activeIdx}\n        readyErrors={mockErrors}\n        onActiveIndexChange={setActiveIdx}\n      />\n    )\n  },\n}\n\nexport const LastError: Story = {\n  render: function ErrorOverlayPaginationStory() {\n    const [activeIdx, setActiveIdx] = useState(2)\n    return (\n      <ErrorOverlayPagination\n        activeIdx={activeIdx}\n        readyErrors={mockErrors}\n        onActiveIndexChange={setActiveIdx}\n      />\n    )\n  },\n}\n\nexport const VeryManyErrors: Story = {\n  render: function ErrorOverlayPaginationStory() {\n    const [activeIdx, setActiveIdx] = useState(1233)\n    return (\n      <ErrorOverlayPagination\n        activeIdx={activeIdx}\n        readyErrors={Array(780).fill(mockErrors).flat()}\n        onActiveIndexChange={setActiveIdx}\n      />\n    )\n  },\n}\n"],"names":["LastError","MultipleErrors","SingleError","VeryManyErrors","meta","component","ErrorOverlayPagination","parameters","layout","decorators","withShadowPortal","mockErrors","id","runtime","error","Error","frames","Promise","resolve","render","ErrorOverlayPaginationStory","activeIdx","setActiveIdx","useState","readyErrors","onActiveIndexChange","Array","fill","flat"],"mappings":";;;;;;;;;;;;;;;;;;IAgEaA,SAAS;eAATA;;IAbAC,cAAc;eAAdA;;IAbAC,WAAW;eAAXA;;IAuCAC,cAAc;eAAdA;;IAhEb,OAAmB;eAAnB;;;;wCAZuC;kCACN;uBACR;AAEzB,MAAMC,OAA4C;IAChDC,WAAWC,8CAAsB;IACjCC,YAAY;QACVC,QAAQ;IACV;IACAC,YAAY;QAACC,kCAAgB;KAAC;AAChC;MAEA,WAAeN;AAGf,0BAA0B;AAC1B,MAAMO,aAAa;IACjB;QACEC,IAAI;QACJC,SAAS;QACTC,OAAO,IAAIC,MAAM;QACjBC,QAAQ,IAAMC,QAAQC,OAAO,CAAC,EAAE;IAClC;IACA;QACEN,IAAI;QACJC,SAAS;QACTC,OAAO,IAAIC,MAAM;QACjBC,QAAQ,IAAMC,QAAQC,OAAO,CAAC,EAAE;IAClC;IACA;QACEN,IAAI;QACJC,SAAS;QACTC,OAAO,IAAIC,MAAM;QACjBC,QAAQ,IAAMC,QAAQC,OAAO,CAAC,EAAE;IAClC;CACD;AAEM,MAAMhB,cAAqB;IAChCiB,QAAQ,SAASC;QACf,MAAM,CAACC,WAAWC,aAAa,GAAGC,IAAAA,eAAQ,EAAC;QAC3C,qBACE,qBAACjB,8CAAsB;YACrBe,WAAWA;YACXG,aAAa;gBAACb,UAAU,CAAC,EAAE;aAAC;YAC5Bc,qBAAqBH;;IAG3B;AACF;AAEO,MAAMrB,iBAAwB;IACnCkB,QAAQ,SAASC;QACf,MAAM,CAACC,WAAWC,aAAa,GAAGC,IAAAA,eAAQ,EAAC;QAC3C,qBACE,qBAACjB,8CAAsB;YACrBe,WAAWA;YACXG,aAAab;YACbc,qBAAqBH;;IAG3B;AACF;AAEO,MAAMtB,YAAmB;IAC9BmB,QAAQ,SAASC;QACf,MAAM,CAACC,WAAWC,aAAa,GAAGC,IAAAA,eAAQ,EAAC;QAC3C,qBACE,qBAACjB,8CAAsB;YACrBe,WAAWA;YACXG,aAAab;YACbc,qBAAqBH;;IAG3B;AACF;AAEO,MAAMnB,iBAAwB;IACnCgB,QAAQ,SAASC;QACf,MAAM,CAACC,WAAWC,aAAa,GAAGC,IAAAA,eAAQ,EAAC;QAC3C,qBACE,qBAACjB,8CAAsB;YACrBe,WAAWA;YACXG,aAAaE,MAAM,KAAKC,IAAI,CAAChB,YAAYiB,IAAI;YAC7CH,qBAAqBH;;IAG3B;AACF"}
+{"version":3,"sources":["../../../../../../../../../src/client/components/react-dev-overlay/_experimental/internal/components/errors/error-overlay-pagination/error-overlay-pagination.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from '@storybook/react'\nimport { ErrorOverlayPagination } from './error-overlay-pagination'\nimport { withShadowPortal } from '../../../storybook/with-shadow-portal'\nimport { useState } from 'react'\n\nconst meta: Meta<typeof ErrorOverlayPagination> = {\n  component: ErrorOverlayPagination,\n  parameters: {\n    layout: 'centered',\n  },\n  decorators: [withShadowPortal],\n}\n\nexport default meta\ntype Story = StoryObj<typeof ErrorOverlayPagination>\n\n// Mock errors for stories\nconst mockErrors = [\n  {\n    id: 1,\n    runtime: true as const,\n    error: new Error('First error'),\n    frames: () => Promise.resolve([]),\n  },\n  {\n    id: 2,\n    runtime: true as const,\n    error: new Error('Second error'),\n    frames: () => Promise.resolve([]),\n  },\n  {\n    id: 3,\n    runtime: true as const,\n    error: new Error('Third error'),\n    frames: () => Promise.resolve([]),\n  },\n]\n\nexport const SingleError: Story = {\n  render: function ErrorOverlayPaginationStory() {\n    const [activeIdx, setActiveIdx] = useState(0)\n    return (\n      <ErrorOverlayPagination\n        activeIdx={activeIdx}\n        runtimeErrors={[mockErrors[0]]}\n        onActiveIndexChange={setActiveIdx}\n      />\n    )\n  },\n}\n\nexport const MultipleErrors: Story = {\n  render: function ErrorOverlayPaginationStory() {\n    const [activeIdx, setActiveIdx] = useState(1)\n    return (\n      <ErrorOverlayPagination\n        activeIdx={activeIdx}\n        runtimeErrors={mockErrors}\n        onActiveIndexChange={setActiveIdx}\n      />\n    )\n  },\n}\n\nexport const LastError: Story = {\n  render: function ErrorOverlayPaginationStory() {\n    const [activeIdx, setActiveIdx] = useState(2)\n    return (\n      <ErrorOverlayPagination\n        activeIdx={activeIdx}\n        runtimeErrors={mockErrors}\n        onActiveIndexChange={setActiveIdx}\n      />\n    )\n  },\n}\n\nexport const VeryManyErrors: Story = {\n  render: function ErrorOverlayPaginationStory() {\n    const [activeIdx, setActiveIdx] = useState(1233)\n    return (\n      <ErrorOverlayPagination\n        activeIdx={activeIdx}\n        runtimeErrors={Array(780).fill(mockErrors).flat()}\n        onActiveIndexChange={setActiveIdx}\n      />\n    )\n  },\n}\n"],"names":["LastError","MultipleErrors","SingleError","VeryManyErrors","meta","component","ErrorOverlayPagination","parameters","layout","decorators","withShadowPortal","mockErrors","id","runtime","error","Error","frames","Promise","resolve","render","ErrorOverlayPaginationStory","activeIdx","setActiveIdx","useState","runtimeErrors","onActiveIndexChange","Array","fill","flat"],"mappings":";;;;;;;;;;;;;;;;;;IAgEaA,SAAS;eAATA;;IAbAC,cAAc;eAAdA;;IAbAC,WAAW;eAAXA;;IAuCAC,cAAc;eAAdA;;IAhEb,OAAmB;eAAnB;;;;wCAZuC;kCACN;uBACR;AAEzB,MAAMC,OAA4C;IAChDC,WAAWC,8CAAsB;IACjCC,YAAY;QACVC,QAAQ;IACV;IACAC,YAAY;QAACC,kCAAgB;KAAC;AAChC;MAEA,WAAeN;AAGf,0BAA0B;AAC1B,MAAMO,aAAa;IACjB;QACEC,IAAI;QACJC,SAAS;QACTC,OAAO,IAAIC,MAAM;QACjBC,QAAQ,IAAMC,QAAQC,OAAO,CAAC,EAAE;IAClC;IACA;QACEN,IAAI;QACJC,SAAS;QACTC,OAAO,IAAIC,MAAM;QACjBC,QAAQ,IAAMC,QAAQC,OAAO,CAAC,EAAE;IAClC;IACA;QACEN,IAAI;QACJC,SAAS;QACTC,OAAO,IAAIC,MAAM;QACjBC,QAAQ,IAAMC,QAAQC,OAAO,CAAC,EAAE;IAClC;CACD;AAEM,MAAMhB,cAAqB;IAChCiB,QAAQ,SAASC;QACf,MAAM,CAACC,WAAWC,aAAa,GAAGC,IAAAA,eAAQ,EAAC;QAC3C,qBACE,qBAACjB,8CAAsB;YACrBe,WAAWA;YACXG,eAAe;gBAACb,UAAU,CAAC,EAAE;aAAC;YAC9Bc,qBAAqBH;;IAG3B;AACF;AAEO,MAAMrB,iBAAwB;IACnCkB,QAAQ,SAASC;QACf,MAAM,CAACC,WAAWC,aAAa,GAAGC,IAAAA,eAAQ,EAAC;QAC3C,qBACE,qBAACjB,8CAAsB;YACrBe,WAAWA;YACXG,eAAeb;YACfc,qBAAqBH;;IAG3B;AACF;AAEO,MAAMtB,YAAmB;IAC9BmB,QAAQ,SAASC;QACf,MAAM,CAACC,WAAWC,aAAa,GAAGC,IAAAA,eAAQ,EAAC;QAC3C,qBACE,qBAACjB,8CAAsB;YACrBe,WAAWA;YACXG,eAAeb;YACfc,qBAAqBH;;IAG3B;AACF;AAEO,MAAMnB,iBAAwB;IACnCgB,QAAQ,SAASC;QACf,MAAM,CAACC,WAAWC,aAAa,GAAGC,IAAAA,eAAQ,EAAC;QAC3C,qBACE,qBAACjB,8CAAsB;YACrBe,WAAWA;YACXG,eAAeE,MAAM,KAAKC,IAAI,CAAChB,YAAYiB,IAAI;YAC/CH,qBAAqBH;;IAG3B;AACF"}

package/dist/client/components/react-dev-overlay/_experimental/internal/components/terminal/terminal.js

@@ -120,18 +120,23 @@ const Terminal = function Terminal(param) {
                 children: /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
                     className: "code-frame-link",
                     children: [
-                        /*#__PURE__*/ (0, _jsxruntime.jsxs)("span", {
+                        /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
                             className: "code-frame-icon",
-                            children: [
-                                /*#__PURE__*/ (0, _jsxruntime.jsx)(_file.FileIcon, {
-                                    lang: fileExtension
-                                }),
-                                (0, _stackframe.getFrameSource)(stackFrame)
-                            ]
+                            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_file.FileIcon, {
+                                lang: fileExtension
+                            })
+                        }),
+                        /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                            "data-text": true,
+                            children: (0, _stackframe.getFrameSource)(stackFrame)
                         }),
-                        /*#__PURE__*/ (0, _jsxruntime.jsx)(_external.ExternalIcon, {
-                            width: 16,
-                            height: 16
+                        /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                            className: "code-frame-icon",
+                            "data-icon": "right",
+                            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_external.ExternalIcon, {
+                                width: 16,
+                                height: 16
+                            })
                         })
                     ]
                 })

package/dist/client/components/react-dev-overlay/_experimental/internal/components/terminal/terminal.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../../src/client/components/react-dev-overlay/_experimental/internal/components/terminal/terminal.tsx"],"sourcesContent":["import Anser from 'next/dist/compiled/anser'\nimport * as React from 'react'\nimport { HotlinkedText } from '../hot-linked-text'\nimport { EditorLink } from './editor-link'\nimport { ExternalIcon } from '../../icons/external'\nimport { noop as css } from '../../helpers/noop-template'\nimport { getFrameSource } from '../../../../internal/helpers/stack-frame'\nimport { useOpenInEditor } from '../../helpers/use-open-in-editor'\nimport { FileIcon } from '../../icons/file'\n\nexport type TerminalProps = { content: string }\n\nfunction getFile(lines: string[]) {\n  const contentFileName = lines.shift()\n  if (!contentFileName) return null\n  const [fileName, line, column] = contentFileName.split(':', 3)\n\n  const parsedLine = Number(line)\n  const parsedColumn = Number(column)\n  const hasLocation = !Number.isNaN(parsedLine) && !Number.isNaN(parsedColumn)\n\n  return {\n    fileName: hasLocation ? fileName : contentFileName,\n    location: hasLocation\n      ? {\n          line: parsedLine,\n          column: parsedColumn,\n        }\n      : undefined,\n  }\n}\n\nfunction getImportTraceFiles(lines: string[]) {\n  if (\n    lines.some((line) => /ReactServerComponentsError:/.test(line)) ||\n    lines.some((line) => /Import trace for requested module:/.test(line))\n  ) {\n    // Grab the lines at the end containing the files\n    const files = []\n    while (\n      /.+\\..+/.test(lines[lines.length - 1]) &&\n      !lines[lines.length - 1].includes(':')\n    ) {\n      const file = lines.pop()!.trim()\n      files.unshift(file)\n    }\n\n    return files\n  }\n\n  return []\n}\n\nfunction getEditorLinks(content: string) {\n  const lines = content.split('\\n')\n  const file = getFile(lines)\n  const importTraceFiles = getImportTraceFiles(lines)\n\n  return { file, source: lines.join('\\n'), importTraceFiles }\n}\n\nexport const Terminal: React.FC<TerminalProps> = function Terminal({\n  content,\n}) {\n  const { file, source, importTraceFiles } = React.useMemo(\n    () => getEditorLinks(content),\n    [content]\n  )\n\n  const decoded = React.useMemo(() => {\n    return Anser.ansiToJson(source, {\n      json: true,\n      use_classes: true,\n      remove_empty: true,\n    })\n  }, [source])\n\n  const open = useOpenInEditor({\n    file: file?.fileName,\n    lineNumber: file?.location?.line ?? 1,\n    column: file?.location?.column ?? 0,\n  })\n\n  const stackFrame = {\n    file: file?.fileName ?? null,\n    methodName: '',\n    arguments: [],\n    lineNumber: file?.location?.line ?? null,\n    column: file?.location?.column ?? null,\n  }\n\n  const fileExtension = stackFrame?.file?.split('.').pop()\n\n  return (\n    <div data-nextjs-codeframe>\n      <button\n        aria-label=\"Open in editor\"\n        className=\"code-frame-header\"\n        data-with-open-in-editor-link-source-file\n        onClick={open}\n      >\n        <div className=\"code-frame-link\">\n          <span className=\"code-frame-icon\">\n            <FileIcon lang={fileExtension} />\n            {getFrameSource(stackFrame)}\n            {/* TODO: Unlike the CodeFrame component, the `methodName` is unavailable. */}\n          </span>\n          <ExternalIcon width={16} height={16} />\n        </div>\n      </button>\n      <pre className=\"code-frame-pre\">\n        {decoded.map((entry, index) => (\n          <span\n            key={`terminal-entry-${index}`}\n            style={{\n              color: entry.fg ? `var(--color-${entry.fg})` : undefined,\n              ...(entry.decoration === 'bold'\n                ? // TODO(jiwon): This used to be 800, but the symbols like `─┬─` are\n                  // having longer width than expected on Geist Mono font-weight\n                  // above 600, hence a temporary fix is to use 500 for bold.\n                  { fontWeight: 500 }\n                : entry.decoration === 'italic'\n                  ? { fontStyle: 'italic' }\n                  : undefined),\n            }}\n          >\n            <HotlinkedText text={entry.content} />\n          </span>\n        ))}\n        {importTraceFiles.map((importTraceFile) => (\n          <EditorLink\n            isSourceFile={false}\n            key={importTraceFile}\n            file={importTraceFile}\n          />\n        ))}\n      </pre>\n    </div>\n  )\n}\n\nexport const TERMINAL_STYLES = css`\n  [data-nextjs-terminal]::selection,\n  [data-nextjs-terminal] *::selection {\n    background-color: var(--color-ansi-selection);\n  }\n\n  [data-nextjs-terminal] * {\n    color: inherit;\n    background-color: transparent;\n    font-family: var(--font-stack-monospace);\n  }\n\n  [data-nextjs-terminal] > div > p {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    cursor: pointer;\n    margin: 0;\n  }\n  [data-nextjs-terminal] > div > p:hover {\n    text-decoration: underline dotted;\n  }\n  [data-nextjs-terminal] div > pre {\n    overflow: hidden;\n    display: inline-block;\n  }\n`\n"],"names":["TERMINAL_STYLES","Terminal","getFile","lines","contentFileName","shift","fileName","line","column","split","parsedLine","Number","parsedColumn","hasLocation","isNaN","location","undefined","getImportTraceFiles","some","test","files","length","includes","file","pop","trim","unshift","getEditorLinks","content","importTraceFiles","source","join","stackFrame","React","useMemo","decoded","Anser","ansiToJson","json","use_classes","remove_empty","open","useOpenInEditor","lineNumber","methodName","arguments","fileExtension","div","data-nextjs-codeframe","button","aria-label","className","data-with-open-in-editor-link-source-file","onClick","span","FileIcon","lang","getFrameSource","ExternalIcon","width","height","pre","map","entry","index","style","color","fg","decoration","fontWeight","fontStyle","HotlinkedText","text","importTraceFile","EditorLink","isSourceFile","css"],"mappings":";;;;;;;;;;;;;;;IA6IaA,eAAe;eAAfA;;IAhFAC,QAAQ;eAARA;;;;;;;gEA7DK;iEACK;+BACO;4BACH;0BACE;8BACD;4BACG;iCACC;sBACP;;;;;;;;;;AAIzB,SAASC,QAAQC,KAAe;IAC9B,MAAMC,kBAAkBD,MAAME,KAAK;IACnC,IAAI,CAACD,iBAAiB,OAAO;IAC7B,MAAM,CAACE,UAAUC,MAAMC,OAAO,GAAGJ,gBAAgBK,KAAK,CAAC,KAAK;IAE5D,MAAMC,aAAaC,OAAOJ;IAC1B,MAAMK,eAAeD,OAAOH;IAC5B,MAAMK,cAAc,CAACF,OAAOG,KAAK,CAACJ,eAAe,CAACC,OAAOG,KAAK,CAACF;IAE/D,OAAO;QACLN,UAAUO,cAAcP,WAAWF;QACnCW,UAAUF,cACN;YACEN,MAAMG;YACNF,QAAQI;QACV,IACAI;IACN;AACF;AAEA,SAASC,oBAAoBd,KAAe;IAC1C,IACEA,MAAMe,IAAI,CAAC,CAACX,OAAS,8BAA8BY,IAAI,CAACZ,UACxDJ,MAAMe,IAAI,CAAC,CAACX,OAAS,qCAAqCY,IAAI,CAACZ,QAC/D;QACA,iDAAiD;QACjD,MAAMa,QAAQ,EAAE;QAChB,MACE,SAASD,IAAI,CAAChB,KAAK,CAACA,MAAMkB,MAAM,GAAG,EAAE,KACrC,CAAClB,KAAK,CAACA,MAAMkB,MAAM,GAAG,EAAE,CAACC,QAAQ,CAAC,KAClC;YACA,MAAMC,OAAOpB,MAAMqB,GAAG,GAAIC,IAAI;YAC9BL,MAAMM,OAAO,CAACH;QAChB;QAEA,OAAOH;IACT;IAEA,OAAO,EAAE;AACX;AAEA,SAASO,eAAeC,OAAe;IACrC,MAAMzB,QAAQyB,QAAQnB,KAAK,CAAC;IAC5B,MAAMc,OAAOrB,QAAQC;IACrB,MAAM0B,mBAAmBZ,oBAAoBd;IAE7C,OAAO;QAAEoB;QAAMO,QAAQ3B,MAAM4B,IAAI,CAAC;QAAOF;IAAiB;AAC5D;AAEO,MAAM5B,WAAoC,SAASA,SAAS,KAElE;IAFkE,IAAA,EACjE2B,OAAO,EACR,GAFkE;QAkBnDL,gBACJA,iBAOIA,iBACJA,iBAGYS;IA3BtB,MAAM,EAAET,IAAI,EAAEO,MAAM,EAAED,gBAAgB,EAAE,GAAGI,OAAMC,OAAO,CACtD,IAAMP,eAAeC,UACrB;QAACA;KAAQ;IAGX,MAAMO,UAAUF,OAAMC,OAAO,CAAC;QAC5B,OAAOE,cAAK,CAACC,UAAU,CAACP,QAAQ;YAC9BQ,MAAM;YACNC,aAAa;YACbC,cAAc;QAChB;IACF,GAAG;QAACV;KAAO;QAIGP,qBACJA;IAHV,MAAMkB,OAAOC,IAAAA,gCAAe,EAAC;QAC3BnB,IAAI,EAAEA,wBAAAA,KAAMjB,QAAQ;QACpBqC,YAAYpB,CAAAA,sBAAAA,yBAAAA,iBAAAA,KAAMR,QAAQ,qBAAdQ,eAAgBhB,IAAI,YAApBgB,sBAAwB;QACpCf,QAAQe,CAAAA,wBAAAA,yBAAAA,kBAAAA,KAAMR,QAAQ,qBAAdQ,gBAAgBf,MAAM,YAAtBe,wBAA0B;IACpC;QAGQA,gBAGMA,sBACJA;IALV,MAAMS,aAAa;QACjBT,MAAMA,CAAAA,iBAAAA,wBAAAA,KAAMjB,QAAQ,YAAdiB,iBAAkB;QACxBqB,YAAY;QACZC,WAAW,EAAE;QACbF,YAAYpB,CAAAA,uBAAAA,yBAAAA,kBAAAA,KAAMR,QAAQ,qBAAdQ,gBAAgBhB,IAAI,YAApBgB,uBAAwB;QACpCf,QAAQe,CAAAA,yBAAAA,yBAAAA,kBAAAA,KAAMR,QAAQ,qBAAdQ,gBAAgBf,MAAM,YAAtBe,yBAA0B;IACpC;IAEA,MAAMuB,gBAAgBd,+BAAAA,mBAAAA,WAAYT,IAAI,qBAAhBS,iBAAkBvB,KAAK,CAAC,KAAKe,GAAG;IAEtD,qBACE,sBAACuB;QAAIC,uBAAqB;;0BACxB,qBAACC;gBACCC,cAAW;gBACXC,WAAU;gBACVC,2CAAyC;gBACzCC,SAASZ;0BAET,cAAA,sBAACM;oBAAII,WAAU;;sCACb,sBAACG;4BAAKH,WAAU;;8CACd,qBAACI,cAAQ;oCAACC,MAAMV;;gCACfW,IAAAA,0BAAc,EAACzB;;;sCAGlB,qBAAC0B,sBAAY;4BAACC,OAAO;4BAAIC,QAAQ;;;;;0BAGrC,sBAACC;gBAAIV,WAAU;;oBACZhB,QAAQ2B,GAAG,CAAC,CAACC,OAAOC,sBACnB,qBAACV;4BAECW,OAAO;gCACLC,OAAOH,MAAMI,EAAE,GAAG,AAAC,iBAAcJ,MAAMI,EAAE,GAAC,MAAKnD;gCAC/C,GAAI+C,MAAMK,UAAU,KAAK,SAErB,8DAA8D;gCAC9D,2DAA2D;gCAC3D;oCAAEC,YAAY;gCAAI,IAClBN,MAAMK,UAAU,KAAK,WACnB;oCAAEE,WAAW;gCAAS,IACtBtD,SAAS;4BACjB;sCAEA,cAAA,qBAACuD,4BAAa;gCAACC,MAAMT,MAAMnC,OAAO;;2BAb7B,AAAC,oBAAiBoC;oBAgB1BnC,iBAAiBiC,GAAG,CAAC,CAACW,gCACrB,qBAACC,sBAAU;4BACTC,cAAc;4BAEdpD,MAAMkD;2BADDA;;;;;AAOjB;AAEO,MAAMzE,sBAAkB4E,kBAAG"}
+{"version":3,"sources":["../../../../../../../../src/client/components/react-dev-overlay/_experimental/internal/components/terminal/terminal.tsx"],"sourcesContent":["import Anser from 'next/dist/compiled/anser'\nimport * as React from 'react'\nimport { HotlinkedText } from '../hot-linked-text'\nimport { EditorLink } from './editor-link'\nimport { ExternalIcon } from '../../icons/external'\nimport { noop as css } from '../../helpers/noop-template'\nimport { getFrameSource } from '../../../../internal/helpers/stack-frame'\nimport { useOpenInEditor } from '../../helpers/use-open-in-editor'\nimport { FileIcon } from '../../icons/file'\n\nexport type TerminalProps = { content: string }\n\nfunction getFile(lines: string[]) {\n  const contentFileName = lines.shift()\n  if (!contentFileName) return null\n  const [fileName, line, column] = contentFileName.split(':', 3)\n\n  const parsedLine = Number(line)\n  const parsedColumn = Number(column)\n  const hasLocation = !Number.isNaN(parsedLine) && !Number.isNaN(parsedColumn)\n\n  return {\n    fileName: hasLocation ? fileName : contentFileName,\n    location: hasLocation\n      ? {\n          line: parsedLine,\n          column: parsedColumn,\n        }\n      : undefined,\n  }\n}\n\nfunction getImportTraceFiles(lines: string[]) {\n  if (\n    lines.some((line) => /ReactServerComponentsError:/.test(line)) ||\n    lines.some((line) => /Import trace for requested module:/.test(line))\n  ) {\n    // Grab the lines at the end containing the files\n    const files = []\n    while (\n      /.+\\..+/.test(lines[lines.length - 1]) &&\n      !lines[lines.length - 1].includes(':')\n    ) {\n      const file = lines.pop()!.trim()\n      files.unshift(file)\n    }\n\n    return files\n  }\n\n  return []\n}\n\nfunction getEditorLinks(content: string) {\n  const lines = content.split('\\n')\n  const file = getFile(lines)\n  const importTraceFiles = getImportTraceFiles(lines)\n\n  return { file, source: lines.join('\\n'), importTraceFiles }\n}\n\nexport const Terminal: React.FC<TerminalProps> = function Terminal({\n  content,\n}) {\n  const { file, source, importTraceFiles } = React.useMemo(\n    () => getEditorLinks(content),\n    [content]\n  )\n\n  const decoded = React.useMemo(() => {\n    return Anser.ansiToJson(source, {\n      json: true,\n      use_classes: true,\n      remove_empty: true,\n    })\n  }, [source])\n\n  const open = useOpenInEditor({\n    file: file?.fileName,\n    lineNumber: file?.location?.line ?? 1,\n    column: file?.location?.column ?? 0,\n  })\n\n  const stackFrame = {\n    file: file?.fileName ?? null,\n    methodName: '',\n    arguments: [],\n    lineNumber: file?.location?.line ?? null,\n    column: file?.location?.column ?? null,\n  }\n\n  const fileExtension = stackFrame?.file?.split('.').pop()\n\n  return (\n    <div data-nextjs-codeframe>\n      <button\n        aria-label=\"Open in editor\"\n        className=\"code-frame-header\"\n        data-with-open-in-editor-link-source-file\n        onClick={open}\n      >\n        <div className=\"code-frame-link\">\n          <span className=\"code-frame-icon\">\n            <FileIcon lang={fileExtension} />\n          </span>\n          <span data-text>\n            {/* TODO: Unlike the CodeFrame component, the `methodName` is unavailable. */}\n            {getFrameSource(stackFrame)}\n          </span>\n          <span className=\"code-frame-icon\" data-icon=\"right\">\n            <ExternalIcon width={16} height={16} />\n          </span>\n        </div>\n      </button>\n      <pre className=\"code-frame-pre\">\n        {decoded.map((entry, index) => (\n          <span\n            key={`terminal-entry-${index}`}\n            style={{\n              color: entry.fg ? `var(--color-${entry.fg})` : undefined,\n              ...(entry.decoration === 'bold'\n                ? // TODO(jiwon): This used to be 800, but the symbols like `─┬─` are\n                  // having longer width than expected on Geist Mono font-weight\n                  // above 600, hence a temporary fix is to use 500 for bold.\n                  { fontWeight: 500 }\n                : entry.decoration === 'italic'\n                  ? { fontStyle: 'italic' }\n                  : undefined),\n            }}\n          >\n            <HotlinkedText text={entry.content} />\n          </span>\n        ))}\n        {importTraceFiles.map((importTraceFile) => (\n          <EditorLink\n            isSourceFile={false}\n            key={importTraceFile}\n            file={importTraceFile}\n          />\n        ))}\n      </pre>\n    </div>\n  )\n}\n\nexport const TERMINAL_STYLES = css`\n  [data-nextjs-terminal]::selection,\n  [data-nextjs-terminal] *::selection {\n    background-color: var(--color-ansi-selection);\n  }\n\n  [data-nextjs-terminal] * {\n    color: inherit;\n    background-color: transparent;\n    font-family: var(--font-stack-monospace);\n  }\n\n  [data-nextjs-terminal] > div > p {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    cursor: pointer;\n    margin: 0;\n  }\n  [data-nextjs-terminal] > div > p:hover {\n    text-decoration: underline dotted;\n  }\n  [data-nextjs-terminal] div > pre {\n    overflow: hidden;\n    display: inline-block;\n  }\n`\n"],"names":["TERMINAL_STYLES","Terminal","getFile","lines","contentFileName","shift","fileName","line","column","split","parsedLine","Number","parsedColumn","hasLocation","isNaN","location","undefined","getImportTraceFiles","some","test","files","length","includes","file","pop","trim","unshift","getEditorLinks","content","importTraceFiles","source","join","stackFrame","React","useMemo","decoded","Anser","ansiToJson","json","use_classes","remove_empty","open","useOpenInEditor","lineNumber","methodName","arguments","fileExtension","div","data-nextjs-codeframe","button","aria-label","className","data-with-open-in-editor-link-source-file","onClick","span","FileIcon","lang","data-text","getFrameSource","data-icon","ExternalIcon","width","height","pre","map","entry","index","style","color","fg","decoration","fontWeight","fontStyle","HotlinkedText","text","importTraceFile","EditorLink","isSourceFile","css"],"mappings":"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"}

package/dist/client/components/react-dev-overlay/_experimental/internal/components/toast/toast.js

@@ -17,7 +17,9 @@ const Toast = function Toast(param) {
     return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
         ...props,
         onClick: (e)=>{
-            e.preventDefault();
+            if (!e.target.closest('a')) {
+                e.preventDefault();
+            }
             return onClick == null ? void 0 : onClick();
         },
         className: (0, _cx.cx)('nextjs-toast', className),

package/dist/client/components/react-dev-overlay/_experimental/internal/components/toast/toast.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../../../src/client/components/react-dev-overlay/_experimental/internal/components/toast/toast.tsx"],"sourcesContent":["import * as React from 'react'\nimport { cx } from '../../helpers/cx'\nexport type ToastProps = React.HTMLProps<HTMLDivElement> & {\n  children?: React.ReactNode\n  onClick?: () => void\n  className?: string\n}\n\nexport const Toast: React.FC<ToastProps> = function Toast({\n  onClick,\n  children,\n  className,\n  ...props\n}) {\n  return (\n    <div\n      {...props}\n      onClick={(e) => {\n        e.preventDefault()\n        return onClick?.()\n      }}\n      className={cx('nextjs-toast', className)}\n    >\n      <div data-nextjs-toast-wrapper>{children}</div>\n    </div>\n  )\n}\n"],"names":["Toast","onClick","children","className","props","div","e","preventDefault","cx","data-nextjs-toast-wrapper"],"mappings":";;;;+BAQaA;;;eAAAA;;;;;iEARU;oBACJ;AAOZ,MAAMA,QAA8B,SAASA,MAAM,KAKzD;IALyD,IAAA,EACxDC,OAAO,EACPC,QAAQ,EACRC,SAAS,EACT,GAAGC,OACJ,GALyD;IAMxD,qBACE,qBAACC;QACE,GAAGD,KAAK;QACTH,SAAS,CAACK;YACRA,EAAEC,cAAc;YAChB,OAAON,2BAAAA;QACT;QACAE,WAAWK,IAAAA,MAAE,EAAC,gBAAgBL;kBAE9B,cAAA,qBAACE;YAAII,2BAAyB;sBAAEP;;;AAGtC"}
+{"version":3,"sources":["../../../../../../../../src/client/components/react-dev-overlay/_experimental/internal/components/toast/toast.tsx"],"sourcesContent":["import * as React from 'react'\nimport { cx } from '../../helpers/cx'\nexport type ToastProps = React.HTMLProps<HTMLDivElement> & {\n  children?: React.ReactNode\n  onClick?: () => void\n  className?: string\n}\n\nexport const Toast: React.FC<ToastProps> = function Toast({\n  onClick,\n  children,\n  className,\n  ...props\n}) {\n  return (\n    <div\n      {...props}\n      onClick={(e) => {\n        if (!(e.target as HTMLElement).closest('a')) {\n          e.preventDefault()\n        }\n        return onClick?.()\n      }}\n      className={cx('nextjs-toast', className)}\n    >\n      <div data-nextjs-toast-wrapper>{children}</div>\n    </div>\n  )\n}\n"],"names":["Toast","onClick","children","className","props","div","e","target","closest","preventDefault","cx","data-nextjs-toast-wrapper"],"mappings":";;;;+BAQaA;;;eAAAA;;;;;iEARU;oBACJ;AAOZ,MAAMA,QAA8B,SAASA,MAAM,KAKzD;IALyD,IAAA,EACxDC,OAAO,EACPC,QAAQ,EACRC,SAAS,EACT,GAAGC,OACJ,GALyD;IAMxD,qBACE,qBAACC;QACE,GAAGD,KAAK;QACTH,SAAS,CAACK;YACR,IAAI,CAAC,AAACA,EAAEC,MAAM,CAAiBC,OAAO,CAAC,MAAM;gBAC3CF,EAAEG,cAAc;YAClB;YACA,OAAOR,2BAAAA;QACT;QACAE,WAAWO,IAAAA,MAAE,EAAC,gBAAgBP;kBAE9B,cAAA,qBAACE;YAAIM,2BAAyB;sBAAET;;;AAGtC"}

package/dist/client/components/react-dev-overlay/_experimental/internal/container/errors.d.ts

@@ -2,9 +2,9 @@ import type { DebugInfo } from '../../../types';
 import type { ReadyRuntimeError } from '../../../internal/helpers/get-error-by-type';
 import type { ErrorBaseProps } from '../components/errors/error-overlay/error-overlay';
 export interface ErrorsProps extends ErrorBaseProps {
-    readyErrors: ReadyRuntimeError[];
+    runtimeErrors: ReadyRuntimeError[];
     debugInfo: DebugInfo;
     onClose: () => void;
 }
-export declare function Errors({ readyErrors, debugInfo, onClose, ...props }: ErrorsProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function Errors({ runtimeErrors, debugInfo, onClose, ...props }: ErrorsProps): import("react/jsx-runtime").JSX.Element | null;
 export declare const styles: string;

package/dist/client/components/react-dev-overlay/_experimental/internal/container/errors.js

@@ -74,7 +74,7 @@ function ErrorDescription(param) {
     });
 }
 function Errors(param) {
-    let { readyErrors, debugInfo, onClose, ...props } = param;
+    let { runtimeErrors, debugInfo, onClose, ...props } = param;
     var _activeError_componentStackFrames;
     const dialogResizerRef = (0, _react.useRef)(null);
     (0, _react.useEffect)(()=>{
@@ -90,17 +90,17 @@ function Errors(param) {
         onClose
     ]);
     const isLoading = (0, _react.useMemo)(()=>{
-        return readyErrors.length < 1;
+        return runtimeErrors.length < 1;
     }, [
-        readyErrors.length
+        runtimeErrors.length
     ]);
     const [activeIdx, setActiveIndex] = (0, _react.useState)(0);
     const activeError = (0, _react.useMemo)(()=>{
-        var _readyErrors_activeIdx;
-        return (_readyErrors_activeIdx = readyErrors[activeIdx]) != null ? _readyErrors_activeIdx : null;
+        var _runtimeErrors_activeIdx;
+        return (_runtimeErrors_activeIdx = runtimeErrors[activeIdx]) != null ? _runtimeErrors_activeIdx : null;
     }, [
         activeIdx,
-        readyErrors
+        runtimeErrors
     ]);
     if (isLoading) {
         // TODO: better loading state
@@ -138,7 +138,7 @@ function Errors(param) {
         onClose: isServerError ? undefined : onClose,
         debugInfo: debugInfo,
         error: error,
-        readyErrors: readyErrors,
+        runtimeErrors: runtimeErrors,
         activeIdx: activeIdx,
         setActiveIndex: setActiveIndex,
         footerMessage: footerMessage,