@admin-layout/tailwind-ui 12.2.4-alpha.97 → 12.2.5-alpha.2

package/lib/components/ErrorHandlers/ApplicationErrorHandler.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ApplicationErrorHandler.d.ts","sourceRoot":"","sources":["../../../src/components/ErrorHandlers/ApplicationErrorHandler.tsx"],"names":[],"mappings":"AAmBA,eAAO,MAAM,uBAAuB,GAAI,UAAK,4CAG5C,CAAC"}
+{"version":3,"file":"ApplicationErrorHandler.d.ts","sourceRoot":"","sources":["../../../src/components/ErrorHandlers/ApplicationErrorHandler.tsx"],"names":[],"mappings":"AAqBA,eAAO,MAAM,uBAAuB,GAAI,UAAK,4CAG5C,CAAC"}

package/lib/components/ErrorHandlers/ApplicationErrorHandler.js

@@ -8,7 +8,11 @@ import {jsx}from'react/jsx-runtime';import {ApplicationErrorHandlerCommon}from'@
         duration: 9000
       });
     }
-    logger.error('Application Backend Error', error?.payload.message);
+    // pino-style signature: the merging object must come first - a second
+    // positional arg without a printf placeholder is silently dropped.
+    logger.error({
+      payload: error?.payload
+    }, 'Application Backend Error');
   }, []);
   return null;
 };

package/lib/components/ErrorHandlers/ApplicationErrorHandler.js.map

@@ -1 +1 @@
-{"version":3,"file":"ApplicationErrorHandler.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ApplicationErrorHandler.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/ErrorHandlers/RemixErrorBoundary.d.ts

@@ -1,8 +1,19 @@
+export declare function isManifestVersionMismatchError(error: unknown): error is Error;
+/**
+ * The reload Remix started commits as soon as the new document's headers arrive.
+ * If it has not by then (assignment dropped, blocked, or never started), force one -
+ * once - so nobody is left sitting on the reloading screen.
+ */
+export declare const MANIFEST_RELOAD_FALLBACK_MS = 5000;
 /**
  * Remix Route ErrorBoundary Component
  * This is specifically for Remix route errors (404s, loader errors, etc.)
  * Different from React's ErrorBoundary which handles component errors
  *
+ * A manifest version mismatch (the browser is on an older build than the server)
+ * is not presented as an error: Remix has already started a document reload, so the
+ * boundary shows a reloading screen and forces the reload if it does not commit.
+ *
  * Uses inline styles as fallback to ensure the error page renders correctly
  * even when Tailwind CSS fails to load or during hydration error recovery.
  *

package/lib/components/ErrorHandlers/RemixErrorBoundary.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RemixErrorBoundary.d.ts","sourceRoot":"","sources":["../../../src/components/ErrorHandlers/RemixErrorBoundary.tsx"],"names":[],"mappings":"AA6CA;;;;;;;;;;GAUG;AACH,wBAAgB,kBAAkB,4CA2KjC"}
+{"version":3,"file":"RemixErrorBoundary.d.ts","sourceRoot":"","sources":["../../../src/components/ErrorHandlers/RemixErrorBoundary.tsx"],"names":[],"mappings":"AAwEA,wBAAgB,8BAA8B,CAAC,KAAK,EAAE,OAAO,GAAG,KAAK,IAAI,KAAK,CAE7E;AAED;;;;GAIG;AACH,eAAO,MAAM,2BAA2B,OAAO,CAAC;AA+DhD;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,kBAAkB,4CA6LjC"}

package/lib/components/ErrorHandlers/RemixErrorBoundary.js

@@ -35,11 +35,122 @@ const buttonStyle = {
   border: 'none',
   cursor: 'pointer'
 };
+const spinnerStyle = {
+  width: '2.5rem',
+  height: '2.5rem',
+  color: '#2563eb',
+  animation: 'remix-error-boundary-spin 1s linear infinite'
+};
+const linkButtonStyle = {
+  background: 'none',
+  border: 'none',
+  padding: 0,
+  cursor: 'pointer',
+  fontSize: '0.875rem',
+  fontWeight: 500,
+  color: '#2563eb'
+};
+/**
+ * Thrown by Remix's lazy route discovery (`@remix-run/react` fog-of-war) when the
+ * browser hydrated on a previous build and the server now runs a newer one: the
+ * `/__manifest` call answers 204 + `X-Remix-Reload-Document`, Remix assigns
+ * `window.location.href` to the destination and then throws so the client-side
+ * navigation aborts. The reload is already in flight when this boundary renders,
+ * so it is a "please wait" state, not an application error.
+ */
+const MANIFEST_VERSION_MISMATCH = /manifest version mismatch/i;
+function isManifestVersionMismatchError(error) {
+  return error instanceof Error && MANIFEST_VERSION_MISMATCH.test(error.message);
+}
+/**
+ * The reload Remix started commits as soon as the new document's headers arrive.
+ * If it has not by then (assignment dropped, blocked, or never started), force one -
+ * once - so nobody is left sitting on the reloading screen.
+ */
+const MANIFEST_RELOAD_FALLBACK_MS = 5000;
+function NewBuildReloadScreen() {
+  return jsxs("div", {
+    className: "flex min-h-screen items-center justify-center bg-gray-50 px-4 py-12 sm:px-6 lg:px-8",
+    style: containerStyle,
+    role: "status",
+    "aria-live": "polite",
+    children: [jsx("style", {
+      children: '@keyframes remix-error-boundary-spin{to{transform:rotate(360deg)}}'
+    }), jsxs("div", {
+      className: "w-full max-w-md text-center",
+      style: {
+        maxWidth: '28rem',
+        width: '100%',
+        textAlign: 'center'
+      },
+      children: [jsx("div", {
+        className: "mb-4 flex justify-center",
+        style: {
+          display: 'flex',
+          justifyContent: 'center',
+          marginBottom: '1rem'
+        },
+        children: jsxs("svg", {
+          className: "h-10 w-10 text-blue-600",
+          style: spinnerStyle,
+          viewBox: "0 0 24 24",
+          fill: "none",
+          "aria-hidden": "true",
+          children: [jsx("circle", {
+            cx: "12",
+            cy: "12",
+            r: "10",
+            stroke: "currentColor",
+            strokeOpacity: "0.2",
+            strokeWidth: "3"
+          }), jsx("path", {
+            d: "M22 12a10 10 0 0 0-10-10",
+            stroke: "currentColor",
+            strokeWidth: "3",
+            strokeLinecap: "round"
+          })]
+        })
+      }), jsx("h1", {
+        className: "text-2xl font-bold tracking-tight text-gray-900",
+        style: {
+          fontSize: '1.5rem',
+          fontWeight: 700,
+          color: '#111827'
+        },
+        children: "Updating to the latest version"
+      }), jsx("p", {
+        className: "mt-2 text-base text-gray-600",
+        style: {
+          marginTop: '0.5rem',
+          fontSize: '1rem',
+          color: '#4b5563'
+        },
+        children: "A new version was just released. This page will reload automatically."
+      }), jsx("div", {
+        className: "mt-6",
+        style: {
+          marginTop: '1.5rem'
+        },
+        children: jsx("button", {
+          type: "button",
+          onClick: () => window.location.reload(),
+          className: "text-sm font-medium text-blue-600 hover:text-blue-700",
+          style: linkButtonStyle,
+          children: "Reload now"
+        })
+      })]
+    })]
+  });
+}
 /**
  * Remix Route ErrorBoundary Component
  * This is specifically for Remix route errors (404s, loader errors, etc.)
  * Different from React's ErrorBoundary which handles component errors
  *
+ * A manifest version mismatch (the browser is on an older build than the server)
+ * is not presented as an error: Remix has already started a document reload, so the
+ * boundary shows a reloading screen and forces the reload if it does not commit.
+ *
  * Uses inline styles as fallback to ensure the error page renders correctly
  * even when Tailwind CSS fails to load or during hydration error recovery.
  *
@@ -48,14 +159,34 @@ const buttonStyle = {
  */
 function RemixErrorBoundary() {
   const error = useRouteError();
+  const isNewBuild = isManifestVersionMismatchError(error);
   React.useEffect(() => {
-    logger.error('Route Error:', error);
+    if (isNewBuild) {
+      logger.info({
+        err: error
+      }, 'Newer build detected during navigation; reloading');
+      return;
+    }
+    // pino-style signature: the merging object must come first - a second
+    // positional arg without a printf placeholder is silently dropped, which
+    // left every route crash logged as a bare 'Route Error:' with no payload.
+    logger.error({
+      err: error
+    }, 'Route Error');
     console.error('Route Error:', error);
-  }, [error]);
+  }, [error, isNewBuild]);
+  React.useEffect(() => {
+    if (!isNewBuild) return undefined;
+    const timer = window.setTimeout(() => window.location.reload(), MANIFEST_RELOAD_FALLBACK_MS);
+    return () => window.clearTimeout(timer);
+  }, [isNewBuild]);
   const handleGoHome = () => {
     // Use direct location change instead of useNavigate to avoid router context issues
     window.location.href = '/';
   };
+  if (isNewBuild) {
+    return jsx(NewBuildReloadScreen, {});
+  }
   if (isRouteErrorResponse(error)) {
     return jsx("div", {
       className: "flex min-h-screen items-center justify-center bg-gray-50 px-4 py-12 sm:px-6 lg:px-8",
@@ -238,4 +369,4 @@ function RemixErrorBoundary() {
       })]
     })
   });
-}export{RemixErrorBoundary};//# sourceMappingURL=RemixErrorBoundary.js.map
+}export{MANIFEST_RELOAD_FALLBACK_MS,RemixErrorBoundary,isManifestVersionMismatchError};//# sourceMappingURL=RemixErrorBoundary.js.map

package/lib/components/ErrorHandlers/RemixErrorBoundary.js.map

@@ -1 +1 @@
-{"version":3,"file":"RemixErrorBoundary.js","sources":["../../../src/components/ErrorHandlers/RemixErrorBoundary.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;AAuDG,EAAA,eAAA,EAAA,SAAA;AACH,EAAA,OAAA,EAAA,WAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"RemixErrorBoundary.js","sources":["../../../src/components/ErrorHandlers/RemixErrorBoundary.tsx"],"sourcesContent":[null],"names":[],"mappings":";AAgFG,MAAA,cAAA,GAAA;AACH,EAAA,OAAA,EAAA,MAAO;AA+DP,EAAA,SAAA,EAAA,OAAA;;;;;;;;;;;;;;AAcG,EAAA,eAAA,EAAA,SAAA;AACH,EAAA,UAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/ErrorHandlers/SPAErrorBoundary.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SPAErrorBoundary.d.ts","sourceRoot":"","sources":["../../../src/components/ErrorHandlers/SPAErrorBoundary.tsx"],"names":[],"mappings":"AA6CA;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,gBAAgB,4CA8M/B"}
+{"version":3,"file":"SPAErrorBoundary.d.ts","sourceRoot":"","sources":["../../../src/components/ErrorHandlers/SPAErrorBoundary.tsx"],"names":[],"mappings":"AA6CA;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,gBAAgB,4CAgN/B"}

package/lib/components/ErrorHandlers/SPAErrorBoundary.js

@@ -56,7 +56,11 @@ const buttonStyle = {
 function SPAErrorBoundary() {
   const error = useRouteError();
   React.useEffect(() => {
-    logger.error('Root Route Error:', error);
+    // pino-style signature: the merging object must come first - a second
+    // positional arg without a printf placeholder is silently dropped.
+    logger.error({
+      err: error
+    }, 'Root Route Error');
     console.error('Root Route Error:', error);
   }, [error]);
   const handleGoHome = () => {

package/lib/components/ErrorHandlers/SPAErrorBoundary.js.map

@@ -1 +1 @@
-{"version":3,"file":"SPAErrorBoundary.js","sources":["../../../src/components/ErrorHandlers/SPAErrorBoundary.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;AA8DG,EAAA,MAAA,EAAA,MAAA;AACH,EAAA,UAAA,EAAA,QAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"SPAErrorBoundary.js","sources":["../../../src/components/ErrorHandlers/SPAErrorBoundary.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;AA8DG,EAAA,MAAA,EAAA,MAAA;AACH,EAAA,UAAA,EAAA,QAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/ErrorHandlers/__tests__/RemixErrorBoundary.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=RemixErrorBoundary.test.d.ts.map

package/lib/components/ErrorHandlers/__tests__/RemixErrorBoundary.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RemixErrorBoundary.test.d.ts","sourceRoot":"","sources":["../../../../src/components/ErrorHandlers/__tests__/RemixErrorBoundary.test.tsx"],"names":[],"mappings":""}

package/lib/components/ErrorPages/403.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"403.d.ts","sourceRoot":"","sources":["../../../src/components/ErrorPages/403.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,QAAQ,+CAuBpB,CAAC"}
+{"version":3,"file":"403.d.ts","sourceRoot":"","sources":["../../../src/components/ErrorPages/403.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,QAAQ,+CAwBpB,CAAC"}

package/lib/components/ErrorPages/403.js

@@ -1,6 +1,7 @@
-import {jsx,jsxs}from'react/jsx-runtime';import {useNavigate}from'@remix-run/react';import assets from'@admin-layout/assets';const Error403 = () => {
+import {jsx,jsxs}from'react/jsx-runtime';import {useNavigate}from'@remix-run/react';import {useErrorAsset}from'./useErrorAsset.js';const Error403 = () => {
   const navigate = useNavigate();
   const goBack = () => navigate(-1);
+  const imgSrc = useErrorAsset('error-403-540x432.png');
   return jsx("div", {
     className: "flex justify-center items-center",
     children: jsxs("div", {
@@ -13,7 +14,7 @@ import {jsx,jsxs}from'react/jsx-runtime';import {useNavigate}from'@remix-run/rea
       }), jsx("div", {
         className: "mt-10",
         children: jsx("img", {
-          src: assets['error-403-540x432.png'],
+          src: imgSrc,
           alt: "403 Error"
         })
       }), jsx("div", {

package/lib/components/ErrorPages/403.js.map

@@ -1 +1 @@
-{"version":3,"file":"403.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"403.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/ErrorPages/404.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"404.d.ts","sourceRoot":"","sources":["../../../src/components/ErrorPages/404.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,QAAQ,+CAuBpB,CAAC"}
+{"version":3,"file":"404.d.ts","sourceRoot":"","sources":["../../../src/components/ErrorPages/404.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,QAAQ,+CAwBpB,CAAC"}

package/lib/components/ErrorPages/404.js

@@ -1,6 +1,7 @@
-import {jsx,jsxs}from'react/jsx-runtime';import {useNavigate}from'@remix-run/react';import assets from'@admin-layout/assets';const Error404 = () => {
+import {jsx,jsxs}from'react/jsx-runtime';import {useNavigate}from'@remix-run/react';import {useErrorAsset}from'./useErrorAsset.js';const Error404 = () => {
   const navigate = useNavigate();
   const goBack = () => navigate(-1);
+  const imgSrc = useErrorAsset('error-404-540x432.png');
   return jsx("div", {
     className: "flex justify-center items-center",
     children: jsxs("div", {
@@ -13,7 +14,7 @@ import {jsx,jsxs}from'react/jsx-runtime';import {useNavigate}from'@remix-run/rea
       }), jsx("div", {
         className: "mt-10",
         children: jsx("img", {
-          src: assets['error-404-540x432.png'],
+          src: imgSrc,
           alt: "404 Error"
         })
       }), jsx("div", {

package/lib/components/ErrorPages/404.js.map

@@ -1 +1 @@
-{"version":3,"file":"404.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"404.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/ErrorPages/500.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"500.d.ts","sourceRoot":"","sources":["../../../src/components/ErrorPages/500.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,QAAQ,+CAuBpB,CAAC"}
+{"version":3,"file":"500.d.ts","sourceRoot":"","sources":["../../../src/components/ErrorPages/500.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,QAAQ,+CAwBpB,CAAC"}

package/lib/components/ErrorPages/500.js

@@ -1,6 +1,7 @@
-import {jsx,jsxs}from'react/jsx-runtime';import {useNavigate}from'@remix-run/react';import assets from'@admin-layout/assets';const Error500 = () => {
+import {jsx,jsxs}from'react/jsx-runtime';import {useNavigate}from'@remix-run/react';import {useErrorAsset}from'./useErrorAsset.js';const Error500 = () => {
   const navigate = useNavigate();
   const goBack = () => navigate(-1);
+  const imgSrc = useErrorAsset('error-500-252x475.png');
   return jsx("div", {
     className: "flex justify-center items-center",
     children: jsxs("div", {
@@ -13,7 +14,7 @@ import {jsx,jsxs}from'react/jsx-runtime';import {useNavigate}from'@remix-run/rea
       }), jsx("div", {
         className: "mt-10",
         children: jsx("img", {
-          src: assets['error-500-252x475.png'],
+          src: imgSrc,
           alt: "500 Error"
         })
       }), jsx("div", {

package/lib/components/ErrorPages/500.js.map

@@ -1 +1 @@
-{"version":3,"file":"500.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"500.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/ErrorPages/useErrorAsset.d.ts

@@ -0,0 +1,11 @@
+/**
+ * The `@admin-layout/assets` barrel bakes EVERY image in as a base64 data URI
+ * (~335 KB of JS, ~233 KB gzipped - login backgrounds, logos, error
+ * illustrations). A static `import assets from '@admin-layout/assets'` here
+ * dragged that whole blob into the initial bundle of every app that imports
+ * anything from the tailwind-ui barrel - to show images that only render on
+ * ERROR pages. Load the map on demand instead: the blob becomes one async
+ * chunk fetched the first time an error page actually renders.
+ */
+export declare function useErrorAsset(key: string): string | undefined;
+//# sourceMappingURL=useErrorAsset.d.ts.map

package/lib/components/ErrorPages/useErrorAsset.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useErrorAsset.d.ts","sourceRoot":"","sources":["../../../src/components/ErrorPages/useErrorAsset.ts"],"names":[],"mappings":"AAEA;;;;;;;;GAQG;AACH,wBAAgB,aAAa,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAgB7D"}

package/lib/components/ErrorPages/useErrorAsset.js

@@ -0,0 +1,24 @@
+import {useState,useEffect}from'react';/**
+ * The `@admin-layout/assets` barrel bakes EVERY image in as a base64 data URI
+ * (~335 KB of JS, ~233 KB gzipped - login backgrounds, logos, error
+ * illustrations). A static `import assets from '@admin-layout/assets'` here
+ * dragged that whole blob into the initial bundle of every app that imports
+ * anything from the tailwind-ui barrel - to show images that only render on
+ * ERROR pages. Load the map on demand instead: the blob becomes one async
+ * chunk fetched the first time an error page actually renders.
+ */
+function useErrorAsset(key) {
+  const [src, setSrc] = useState(undefined);
+  useEffect(() => {
+    let cancelled = false;
+    import('@admin-layout/assets').then(mod => {
+      if (!cancelled) setSrc(mod.default[key]);
+    }).catch(() => {
+      /* image is decorative - the error text already rendered */
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [key]);
+  return src;
+}export{useErrorAsset};//# sourceMappingURL=useErrorAsset.js.map

package/lib/components/ErrorPages/useErrorAsset.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useErrorAsset.js","sources":["../../../src/components/ErrorPages/useErrorAsset.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;AAUG;AACH;;;;;;;;;;;;;;;"}

package/lib/components/InputToolBar/InputToolBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InputToolBar.d.ts","sourceRoot":"","sources":["../../../src/components/InputToolBar/InputToolBar.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EAER,iBAAiB,EAQpB,MAAM,SAAS,CAAC;AAihBjB;;;GAGG;AACH,wBAAgB,YAAY,CAAC,EACzB,SAAS,EACT,UAAU,EACV,WAAW,EACX,UAAU,EACV,SAAS,EAAE,aAAa,EACxB,UAAU,EAAE,cAAc,EAC1B,cAAc,EACd,mBAAmB,EACnB,mBAAmB,EACnB,wBAAwB,EACxB,2BAA2B,EAC3B,0BAA0B,EAC1B,gBAAgB,EAChB,iBAAiB,EACjB,aAAa,EACb,QAAQ,EACR,gBAAgB,GACnB,EAAE,iBAAiB,2CAwFnB;AAED,eAAe,YAAY,CAAC"}
+{"version":3,"file":"InputToolBar.d.ts","sourceRoot":"","sources":["../../../src/components/InputToolBar/InputToolBar.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EAER,iBAAiB,EAQpB,MAAM,SAAS,CAAC;AAqhBjB;;;GAGG;AACH,wBAAgB,YAAY,CAAC,EACzB,SAAS,EACT,UAAU,EACV,WAAW,EACX,UAAU,EACV,SAAS,EAAE,aAAa,EACxB,UAAU,EAAE,cAAc,EAC1B,cAAc,EACd,mBAAmB,EACnB,mBAAmB,EACnB,wBAAwB,EACxB,2BAA2B,EAC3B,0BAA0B,EAC1B,gBAAgB,EAChB,iBAAiB,EACjB,aAAa,EACb,QAAQ,EACR,gBAAgB,GACnB,EAAE,iBAAiB,2CAwFnB;AAED,eAAe,YAAY,CAAC"}

package/lib/components/InputToolBar/InputToolBar.js

@@ -1,4 +1,4 @@
-import {jsx,jsxs,Fragment}from'react/jsx-runtime';import {Lightbulb,Zap,Search,Mic,Paperclip,Image,Camera,WandSparkles,Settings,X,Layout,Check,Plus,StopCircle,ArrowUpRight}from'lucide-react';import React__default,{useState,useMemo}from'react';import'../../utils/isBrowser/index.js';import {cn}from'../../utils/util.js';import'fast-deep-equal/react.js';const iconSize = 'h-3.5 w-3.5';
+import {jsx,jsxs,Fragment}from'react/jsx-runtime';import {Lightbulb,Zap,Search,Mic,Paperclip,Image,Camera,WandSparkles,Settings,X,Layout,Check,Plus,ArrowUpRight,StopCircle}from'lucide-react';import React__default,{useState,useMemo}from'react';import'../../utils/isBrowser/index.js';import {cn}from'../../utils/util.js';import'fast-deep-equal/react.js';const iconSize = 'h-3.5 w-3.5';
 const iconSizeRight = 'h-4 w-4';
 const defaultLeftIconMap = {
   search: jsx(Search, {
@@ -70,6 +70,9 @@ const defaultRightIconMap = {
     className: iconSizeRight
   })
 };
+/** Stop while loading, otherwise Send (content) or Mic. With `steerable` the Send/Mic button stays
+ * mounted to the left of Stop so another turn can be queued mid-response — Stop owns the rightmost
+ * slot whenever it is shown, since stopping is the primary action mid-response. */
 function MicSendButton({
   hasContent,
   onSend,
@@ -77,27 +80,38 @@ function MicSendButton({
   disabled,
   isLoading,
   onStop,
+  steerable,
   className
 }) {
   const isStop = isLoading === true;
-  const isSend = !isStop && hasContent;
-  const base = 'inline-flex h-7 w-7 items-center justify-center rounded-2xl transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:opacity-50 disabled:pointer-events-none bg-primary text-primary-foreground hover:bg-primary/90 active:bg-primary border border-primary';
-  const handleClick = isStop ? onStop : isSend ? onSend : onMic;
-  const label = isStop ? 'Stop' : isSend ? 'Send' : 'Start voice input';
-  return jsx("button", {
-    type: "button",
-    "aria-label": label,
-    title: label,
-    onClick: handleClick,
-    disabled: disabled && !isStop,
-    className: cn(base, className),
-    children: isStop ? jsx(StopCircle, {
-      className: iconSizeRight
-    }) : isSend ? jsx(ArrowUpRight, {
-      className: iconSizeRight
-    }) : jsx(Mic, {
-      className: iconSizeRight
-    })
+  const shell = 'inline-flex h-7 w-7 items-center justify-center rounded-2xl transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:opacity-50 disabled:pointer-events-none';
+  const filled = 'bg-primary text-primary-foreground hover:bg-primary/90 active:bg-primary border border-primary';
+  // Paired with Stop, Send/Mic steps back to a quiet variant so the two do not compete as primary.
+  const quiet = 'bg-secondary/70 text-foreground hover:bg-secondary active:bg-secondary border border-border';
+  const sendLabel = hasContent ? 'Send' : 'Start voice input';
+  return jsxs(Fragment, {
+    children: [(!isStop || steerable === true) && jsx("button", {
+      type: "button",
+      "aria-label": sendLabel,
+      title: sendLabel,
+      onClick: hasContent ? onSend : onMic,
+      disabled: disabled,
+      className: cn(shell, isStop ? quiet : filled, className),
+      children: hasContent ? jsx(ArrowUpRight, {
+        className: iconSizeRight
+      }) : jsx(Mic, {
+        className: iconSizeRight
+      })
+    }), isStop && jsx("button", {
+      type: "button",
+      "aria-label": "Stop",
+      title: "Stop",
+      onClick: onStop,
+      className: cn(shell, filled, className),
+      children: jsx(StopCircle, {
+        className: iconSizeRight
+      })
+    })]
   });
 }
 function ToolbarIconButton({
@@ -308,12 +322,7 @@ function RightSection({
         })
       })]
     }), micSendButton != null && jsx(MicSendButton, {
-      hasContent: micSendButton.hasContent,
-      onSend: micSendButton.onSend,
-      onMic: micSendButton.onMic,
-      disabled: micSendButton.disabled,
-      isLoading: micSendButton.isLoading,
-      onStop: micSendButton.onStop,
+      ...micSendButton,
       className: classNames?.micSendButton
     })]
   });

package/lib/components/InputToolBar/InputToolBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputToolBar.js","sources":["../../../src/components/InputToolBar/InputToolBar.tsx"],"sourcesContent":[null],"names":[],"mappings":"gWAijBG,MAAA,QAAA,GAAA,aAAA;AACH,MAAA,aAAA,GAAA;AA4GA,MAAA,qBAA2B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"InputToolBar.js","sources":["../../../src/components/InputToolBar/InputToolBar.tsx"],"sourcesContent":[null],"names":[],"mappings":"gWAqjBG,MAAA,QAAA,GAAA,aAAA;AACH,MAAA,aAAA,GAAA;AA4GA,MAAA,qBAA2B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/InputToolBar/types.d.ts

@@ -49,6 +49,8 @@ export interface MicSendButtonConfig {
     /** When true, show stop icon and call onStop on click. */
     isLoading?: boolean;
     onStop?: () => void;
+    /** Host supports steering (sending mid-response): keep Send/Mic beside Stop instead of replacing it. */
+    steerable?: boolean;
 }
 /** Configuration for the optional template pill: either "+ Template (N)" or selected template name with remove/change */
 export interface TemplateButtonConfig {

package/lib/components/InputToolBar/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/InputToolBar/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/InputToolBar/types.ts"],"names":[],"mappings":"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"}

package/lib/components/RJSFPreview/PreviewAsyncDropdown.js

@@ -0,0 +1,111 @@
+import {jsxs,jsx}from'react/jsx-runtime';import {useState,useCallback,useEffect}from'react';const PreviewAsyncDropdown = props => {
+  const {
+    id,
+    placeholder,
+    disabled,
+    readonly,
+    autofocus,
+    options,
+    value,
+    onChange,
+    onBlur,
+    onFocus,
+    uiSchema,
+    multiple = false,
+    schema,
+    required,
+    rawErrors
+  } = props;
+  console.log('we are here', props);
+  const isMultiple = multiple || schema.type === 'array';
+  const [loading, setLoading] = useState(false);
+  const [dropdownOptions, setDropdownOptions] = useState([]);
+  const loadOptions = useCallback(async () => {
+    console.log('loadOptions', uiSchema, schema);
+    const asyncFuncStr = options?.loadOptionsFunc || schema?.loadOptionsFunc;
+    if (!asyncFuncStr) return;
+    console.log('asyncFuncStr', asyncFuncStr);
+    try {
+      setLoading(true);
+      const dummyResults = await new Promise(resolve => {
+        setTimeout(() => {
+          resolve([{
+            label: 'Async Option 1',
+            value: 'async_1'
+          }, {
+            label: 'Async Option 2',
+            value: 'async_2'
+          }, {
+            label: 'Async Option 3',
+            value: 'async_3'
+          }, {
+            label: 'Dynamic Choice A',
+            value: 'dynamic_a'
+          }, {
+            label: 'Dynamic Choice B',
+            value: 'dynamic_b'
+          }]);
+        }, 1000);
+      });
+      setDropdownOptions(dummyResults);
+    } catch (error) {
+      console.error('Error loading async dropdown options:', error);
+    } finally {
+      setLoading(false);
+    }
+  }, [uiSchema, schema]);
+  useEffect(() => {
+    loadOptions();
+  }, [loadOptions]);
+  useEffect(() => {
+    if (options?.enumOptions && !options?.loadOptionsFunc) {
+      const enumOptions = options.enumOptions.map(option => ({
+        label: option.label,
+        value: option.value
+      }));
+      setDropdownOptions(enumOptions);
+    }
+  }, [options, uiSchema]);
+  const handleChange = e => {
+    const selectedValue = e.target.value;
+    onChange(selectedValue);
+  };
+  return jsxs("div", {
+    className: "space-y-3",
+    children: [jsxs("div", {
+      className: "block text-base font-semibold text-gray-800 mb-1",
+      children: [schema?.title, required && jsx("span", {
+        className: "text-red-500 ml-1",
+        children: "*"
+      })]
+    }), jsxs("div", {
+      className: "relative",
+      children: [jsxs("select", {
+        id: id,
+        value: value || '',
+        disabled: disabled || readonly,
+        autoFocus: autofocus,
+        onChange: handleChange,
+        onBlur: onBlur && (() => onBlur(id, value)),
+        onFocus: onFocus && (() => onFocus(id, value)),
+        className: `w-full px-3 pb-2 rounded-md focus:outline-none focus:ring-2 disabled:opacity-50 disabled:cursor-not-allowed text-sm ${rawErrors && rawErrors.length > 0 ? 'border-2 border-red-500 focus:border-red-500 focus:ring-red-500' : 'border border-gray-300 focus:border-blue-500 focus:ring-blue-500'}`,
+        multiple: isMultiple,
+        children: [jsx("option", {
+          value: "",
+          children: placeholder || 'Select an option...'
+        }), dropdownOptions.map((option, index) => jsx("option", {
+          value: String(option.value),
+          children: String(option.label)
+        }, index))]
+      }), loading && jsx("div", {
+        className: "absolute right-3 top-1/2 transform -translate-y-1/2",
+        children: jsx("div", {
+          className: "animate-spin rounded-full h-4 w-4 border-b-2 border-blue-600"
+        })
+      })]
+    }), rawErrors && rawErrors.length > 0 && jsx("p", {
+      className: "mt-1 text-sm text-red-500",
+      children: rawErrors[0]
+    })]
+  });
+};export{PreviewAsyncDropdown as default};//# sourceMappingURL=PreviewAsyncDropdown.js.map

package/lib/components/RJSFPreview/PreviewAsyncDropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PreviewAsyncDropdown.js","sources":["../../../src/components/RJSFPreview/PreviewAsyncDropdown.tsx"],"sourcesContent":[null],"names":[],"mappings":"4FAII,MAAA,oBAAmB,GAAA,KAAA,IAAA;AACnB,EAAA,MAAA;AACI,IAAA,EAAA;AACA,IAAA,WAAA;YACF;AACL,IAAA,QAAA;AAOD,IAAA;AA+GA,IAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}