@mastra/playground-ui 37.0.1-alpha.2 → 37.1.0-alpha.4

package/dist/ErrorBoundary-Bsn4TF3z.js

@@ -0,0 +1,154 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { AlertTriangle } from 'lucide-react';
+import * as React from 'react';
+import { B as Button } from './Button-Bq0VuEbC.js';
+import { c as cn } from './cn-BakJzhuv.js';
+
+const INITIAL_STATE = { error: null, errorInfo: null };
+function keysChanged(prev, next) {
+  if (prev === next) return false;
+  if (!prev || !next) return true;
+  if (prev.length !== next.length) return true;
+  for (let i = 0; i < prev.length; i++) {
+    if (!Object.is(prev[i], next[i])) return true;
+  }
+  return false;
+}
+class ErrorBoundary extends React.Component {
+  state = INITIAL_STATE;
+  static getDerivedStateFromError(error) {
+    return { error };
+  }
+  componentDidCatch(error, errorInfo) {
+    this.setState({ errorInfo });
+    if (this.props.onError) {
+      try {
+        this.props.onError(error, errorInfo);
+      } catch (handlerError) {
+        if (typeof console !== "undefined") {
+          console.error("[ErrorBoundary] onError handler threw:", handlerError);
+        }
+      }
+    }
+    if (typeof console !== "undefined") {
+      console.error("[ErrorBoundary] Uncaught error:", error, errorInfo);
+    }
+  }
+  componentDidUpdate(prevProps) {
+    if (this.state.error && keysChanged(prevProps.resetKeys, this.props.resetKeys)) {
+      this.reset();
+    }
+  }
+  reset = () => {
+    this.setState(INITIAL_STATE);
+  };
+  render() {
+    const { error, errorInfo } = this.state;
+    const { children, fallback, title, description, variant, className } = this.props;
+    if (!error) return children;
+    if (typeof fallback === "function") {
+      return fallback({ error, errorInfo, reset: this.reset });
+    }
+    if (fallback !== void 0) return fallback;
+    return /* @__PURE__ */ jsx(
+      DefaultErrorFallback,
+      {
+        error,
+        errorInfo,
+        reset: this.reset,
+        title,
+        description,
+        variant: variant ?? "section",
+        className
+      }
+    );
+  }
+}
+function DefaultErrorFallback({
+  error,
+  errorInfo,
+  reset,
+  title,
+  description,
+  variant,
+  className
+}) {
+  const stack = errorInfo?.componentStack ?? error.stack ?? "";
+  const isInline = variant === "inline";
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      role: "alert",
+      className: cn(
+        "@container flex w-full items-center justify-center",
+        isInline ? "py-6 px-4" : "h-full min-h-[240px] flex-1 py-10 px-6",
+        className
+      ),
+      children: /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: cn(
+            "flex flex-col items-center text-center",
+            isInline ? "gap-3 max-w-md" : "gap-4 max-w-2xl @md:gap-5 @lg:gap-6"
+          ),
+          children: [
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: cn(
+                  "rounded-full bg-accent2/10 text-accent2 flex items-center justify-center",
+                  isInline ? "h-10 w-10 [&>svg]:h-5 [&>svg]:w-5" : "h-14 w-14 [&>svg]:h-7 [&>svg]:w-7 @md:h-16 @md:w-16 @md:[&>svg]:h-8 @md:[&>svg]:w-8 @lg:h-20 @lg:w-20 @lg:[&>svg]:h-10 @lg:[&>svg]:w-10"
+                ),
+                children: /* @__PURE__ */ jsx(AlertTriangle, {})
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "h3",
+              {
+                className: cn(
+                  "font-medium text-neutral6",
+                  isInline ? "text-ui-md" : "text-ui-lg @md:text-header-md @lg:text-header-lg"
+                ),
+                children: title ?? "Something went wrong"
+              }
+            ),
+            /* @__PURE__ */ jsx("p", { className: cn("text-neutral3", isInline ? "text-ui-sm" : "text-ui-md @lg:text-ui-lg"), children: description ?? "An unexpected error occurred while rendering this part of the page." }),
+            /* @__PURE__ */ jsx(
+              "p",
+              {
+                className: cn(
+                  "font-mono text-neutral4 break-words rounded-md bg-surface3 px-3 py-2",
+                  isInline ? "text-ui-xs" : "text-ui-sm"
+                ),
+                children: error.message
+              }
+            ),
+            /* @__PURE__ */ jsxs("div", { className: cn("flex flex-wrap items-center justify-center gap-2", isInline ? "mt-1" : "mt-2"), children: [
+              /* @__PURE__ */ jsx(Button, { variant: "primary", size: isInline ? "sm" : "lg", onClick: reset, children: "Try again" }),
+              /* @__PURE__ */ jsx(Button, { variant: "default", size: isInline ? "sm" : "lg", onClick: () => window.location.reload(), children: "Reload page" }),
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  as: "a",
+                  variant: "default",
+                  size: isInline ? "sm" : "lg",
+                  href: "https://github.com/mastra-ai/mastra/issues",
+                  target: "_blank",
+                  rel: "noopener noreferrer",
+                  children: "Report issue"
+                }
+              )
+            ] }),
+            stack ? /* @__PURE__ */ jsxs("details", { className: cn("w-full text-left", isInline ? "mt-1" : "mt-2"), children: [
+              /* @__PURE__ */ jsx("summary", { className: "cursor-pointer text-ui-sm text-neutral3 hover:text-neutral4", children: "Show error details" }),
+              /* @__PURE__ */ jsx("pre", { className: "mt-2 max-h-64 overflow-auto rounded-md bg-surface3 p-3 text-ui-xs text-neutral4 whitespace-pre-wrap break-words", children: stack })
+            ] }) : null
+          ]
+        }
+      )
+    }
+  );
+}
+
+export { ErrorBoundary as E };
+//# sourceMappingURL=ErrorBoundary-Bsn4TF3z.js.map

package/dist/ErrorBoundary-Bsn4TF3z.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorBoundary-Bsn4TF3z.js","sources":["../src/ds/components/ErrorBoundary/ErrorBoundary.tsx"],"sourcesContent":["import { AlertTriangle } from 'lucide-react';\nimport * as React from 'react';\nimport { Button } from '../Button';\nimport { cn } from '@/lib/utils';\n\nexport type ErrorBoundaryVariant = 'section' | 'inline';\n\nexport type ErrorBoundaryFallbackProps = {\n  error: Error;\n  errorInfo: React.ErrorInfo | null;\n  reset: () => void;\n};\n\nexport interface ErrorBoundaryProps {\n  children: React.ReactNode;\n  /** Custom fallback rendered when an error is caught. Receives the error and a reset callback. */\n  fallback?: React.ReactNode | ((props: ErrorBoundaryFallbackProps) => React.ReactNode);\n  /** Called when an error is caught. Useful for reporting to an error tracker. */\n  onError?: (error: Error, errorInfo: React.ErrorInfo) => void;\n  /**\n   * When any value in this array changes between renders, the boundary resets.\n   * Useful for clearing an error on route change: `resetKeys={[pathname]}`.\n   */\n  resetKeys?: ReadonlyArray<unknown>;\n  /** Heading shown in the default fallback. */\n  title?: string;\n  /** Description shown in the default fallback. */\n  description?: string;\n  /**\n   * Controls the default fallback's footprint:\n   * - `'section'` (default): fills available height and centers content — use when the boundary wraps a page or region.\n   * - `'inline'`: stays compact — use when scoping to a single widget so the rest of the UI is untouched.\n   */\n  variant?: ErrorBoundaryVariant;\n  /** Additional classes applied to the default fallback's outer wrapper. */\n  className?: string;\n}\n\ntype ErrorBoundaryState = {\n  error: Error | null;\n  errorInfo: React.ErrorInfo | null;\n};\n\nconst INITIAL_STATE: ErrorBoundaryState = { error: null, errorInfo: null };\n\nfunction keysChanged(prev: ReadonlyArray<unknown> | undefined, next: ReadonlyArray<unknown> | undefined): boolean {\n  if (prev === next) return false;\n  if (!prev || !next) return true;\n  if (prev.length !== next.length) return true;\n  for (let i = 0; i < prev.length; i++) {\n    if (!Object.is(prev[i], next[i])) return true;\n  }\n  return false;\n}\n\nexport class ErrorBoundary extends React.Component<ErrorBoundaryProps, ErrorBoundaryState> {\n  state: ErrorBoundaryState = INITIAL_STATE;\n\n  static getDerivedStateFromError(error: Error): Partial<ErrorBoundaryState> {\n    return { error };\n  }\n\n  componentDidCatch(error: Error, errorInfo: React.ErrorInfo) {\n    this.setState({ errorInfo });\n    if (this.props.onError) {\n      try {\n        this.props.onError(error, errorInfo);\n      } catch (handlerError) {\n        if (typeof console !== 'undefined') {\n          console.error('[ErrorBoundary] onError handler threw:', handlerError);\n        }\n      }\n    }\n    if (typeof console !== 'undefined') {\n      console.error('[ErrorBoundary] Uncaught error:', error, errorInfo);\n    }\n  }\n\n  componentDidUpdate(prevProps: ErrorBoundaryProps) {\n    if (this.state.error && keysChanged(prevProps.resetKeys, this.props.resetKeys)) {\n      this.reset();\n    }\n  }\n\n  reset = () => {\n    this.setState(INITIAL_STATE);\n  };\n\n  render() {\n    const { error, errorInfo } = this.state;\n    const { children, fallback, title, description, variant, className } = this.props;\n\n    if (!error) return children;\n\n    if (typeof fallback === 'function') {\n      return fallback({ error, errorInfo, reset: this.reset });\n    }\n\n    if (fallback !== undefined) return fallback;\n\n    return (\n      <DefaultErrorFallback\n        error={error}\n        errorInfo={errorInfo}\n        reset={this.reset}\n        title={title}\n        description={description}\n        variant={variant ?? 'section'}\n        className={className}\n      />\n    );\n  }\n}\n\ntype DefaultErrorFallbackProps = ErrorBoundaryFallbackProps & {\n  title?: string;\n  description?: string;\n  variant: ErrorBoundaryVariant;\n  className?: string;\n};\n\nfunction DefaultErrorFallback({\n  error,\n  errorInfo,\n  reset,\n  title,\n  description,\n  variant,\n  className,\n}: DefaultErrorFallbackProps) {\n  const stack = errorInfo?.componentStack ?? error.stack ?? '';\n  const isInline = variant === 'inline';\n\n  return (\n    <div\n      role=\"alert\"\n      className={cn(\n        '@container flex w-full items-center justify-center',\n        isInline ? 'py-6 px-4' : 'h-full min-h-[240px] flex-1 py-10 px-6',\n        className,\n      )}\n    >\n      <div\n        className={cn(\n          'flex flex-col items-center text-center',\n          isInline ? 'gap-3 max-w-md' : 'gap-4 max-w-2xl @md:gap-5 @lg:gap-6',\n        )}\n      >\n        <div\n          className={cn(\n            'rounded-full bg-accent2/10 text-accent2 flex items-center justify-center',\n            isInline\n              ? 'h-10 w-10 [&>svg]:h-5 [&>svg]:w-5'\n              : 'h-14 w-14 [&>svg]:h-7 [&>svg]:w-7 @md:h-16 @md:w-16 @md:[&>svg]:h-8 @md:[&>svg]:w-8 @lg:h-20 @lg:w-20 @lg:[&>svg]:h-10 @lg:[&>svg]:w-10',\n          )}\n        >\n          <AlertTriangle />\n        </div>\n        <h3\n          className={cn(\n            'font-medium text-neutral6',\n            isInline ? 'text-ui-md' : 'text-ui-lg @md:text-header-md @lg:text-header-lg',\n          )}\n        >\n          {title ?? 'Something went wrong'}\n        </h3>\n        <p className={cn('text-neutral3', isInline ? 'text-ui-sm' : 'text-ui-md @lg:text-ui-lg')}>\n          {description ?? 'An unexpected error occurred while rendering this part of the page.'}\n        </p>\n        <p\n          className={cn(\n            'font-mono text-neutral4 break-words rounded-md bg-surface3 px-3 py-2',\n            isInline ? 'text-ui-xs' : 'text-ui-sm',\n          )}\n        >\n          {error.message}\n        </p>\n        <div className={cn('flex flex-wrap items-center justify-center gap-2', isInline ? 'mt-1' : 'mt-2')}>\n          <Button variant=\"primary\" size={isInline ? 'sm' : 'lg'} onClick={reset}>\n            Try again\n          </Button>\n          <Button variant=\"default\" size={isInline ? 'sm' : 'lg'} onClick={() => window.location.reload()}>\n            Reload page\n          </Button>\n          <Button\n            as=\"a\"\n            variant=\"default\"\n            size={isInline ? 'sm' : 'lg'}\n            href=\"https://github.com/mastra-ai/mastra/issues\"\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n          >\n            Report issue\n          </Button>\n        </div>\n        {stack ? (\n          <details className={cn('w-full text-left', isInline ? 'mt-1' : 'mt-2')}>\n            <summary className=\"cursor-pointer text-ui-sm text-neutral3 hover:text-neutral4\">\n              Show error details\n            </summary>\n            <pre className=\"mt-2 max-h-64 overflow-auto rounded-md bg-surface3 p-3 text-ui-xs text-neutral4 whitespace-pre-wrap break-words\">\n              {stack}\n            </pre>\n          </details>\n        ) : null}\n      </div>\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/ErrorBoundary-DB5pfcAb.cjs

@@ -0,0 +1,175 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const lucideReact = require('lucide-react');
+const React = require('react');
+const Button = require('./Button-66ghjQV8.cjs');
+const utils_cn = require('./cn-vA5sWo9W.cjs');
+
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
+  if (e) {
+    for (const k in e) {
+      if (k !== 'default') {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+const React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+const INITIAL_STATE = { error: null, errorInfo: null };
+function keysChanged(prev, next) {
+  if (prev === next) return false;
+  if (!prev || !next) return true;
+  if (prev.length !== next.length) return true;
+  for (let i = 0; i < prev.length; i++) {
+    if (!Object.is(prev[i], next[i])) return true;
+  }
+  return false;
+}
+class ErrorBoundary extends React__namespace.Component {
+  state = INITIAL_STATE;
+  static getDerivedStateFromError(error) {
+    return { error };
+  }
+  componentDidCatch(error, errorInfo) {
+    this.setState({ errorInfo });
+    if (this.props.onError) {
+      try {
+        this.props.onError(error, errorInfo);
+      } catch (handlerError) {
+        if (typeof console !== "undefined") {
+          console.error("[ErrorBoundary] onError handler threw:", handlerError);
+        }
+      }
+    }
+    if (typeof console !== "undefined") {
+      console.error("[ErrorBoundary] Uncaught error:", error, errorInfo);
+    }
+  }
+  componentDidUpdate(prevProps) {
+    if (this.state.error && keysChanged(prevProps.resetKeys, this.props.resetKeys)) {
+      this.reset();
+    }
+  }
+  reset = () => {
+    this.setState(INITIAL_STATE);
+  };
+  render() {
+    const { error, errorInfo } = this.state;
+    const { children, fallback, title, description, variant, className } = this.props;
+    if (!error) return children;
+    if (typeof fallback === "function") {
+      return fallback({ error, errorInfo, reset: this.reset });
+    }
+    if (fallback !== void 0) return fallback;
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      DefaultErrorFallback,
+      {
+        error,
+        errorInfo,
+        reset: this.reset,
+        title,
+        description,
+        variant: variant ?? "section",
+        className
+      }
+    );
+  }
+}
+function DefaultErrorFallback({
+  error,
+  errorInfo,
+  reset,
+  title,
+  description,
+  variant,
+  className
+}) {
+  const stack = errorInfo?.componentStack ?? error.stack ?? "";
+  const isInline = variant === "inline";
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      role: "alert",
+      className: utils_cn.cn(
+        "@container flex w-full items-center justify-center",
+        isInline ? "py-6 px-4" : "h-full min-h-[240px] flex-1 py-10 px-6",
+        className
+      ),
+      children: /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          className: utils_cn.cn(
+            "flex flex-col items-center text-center",
+            isInline ? "gap-3 max-w-md" : "gap-4 max-w-2xl @md:gap-5 @lg:gap-6"
+          ),
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "div",
+              {
+                className: utils_cn.cn(
+                  "rounded-full bg-accent2/10 text-accent2 flex items-center justify-center",
+                  isInline ? "h-10 w-10 [&>svg]:h-5 [&>svg]:w-5" : "h-14 w-14 [&>svg]:h-7 [&>svg]:w-7 @md:h-16 @md:w-16 @md:[&>svg]:h-8 @md:[&>svg]:w-8 @lg:h-20 @lg:w-20 @lg:[&>svg]:h-10 @lg:[&>svg]:w-10"
+                ),
+                children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertTriangle, {})
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "h3",
+              {
+                className: utils_cn.cn(
+                  "font-medium text-neutral6",
+                  isInline ? "text-ui-md" : "text-ui-lg @md:text-header-md @lg:text-header-lg"
+                ),
+                children: title ?? "Something went wrong"
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: utils_cn.cn("text-neutral3", isInline ? "text-ui-sm" : "text-ui-md @lg:text-ui-lg"), children: description ?? "An unexpected error occurred while rendering this part of the page." }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "p",
+              {
+                className: utils_cn.cn(
+                  "font-mono text-neutral4 break-words rounded-md bg-surface3 px-3 py-2",
+                  isInline ? "text-ui-xs" : "text-ui-sm"
+                ),
+                children: error.message
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: utils_cn.cn("flex flex-wrap items-center justify-center gap-2", isInline ? "mt-1" : "mt-2"), children: [
+              /* @__PURE__ */ jsxRuntime.jsx(Button.Button, { variant: "primary", size: isInline ? "sm" : "lg", onClick: reset, children: "Try again" }),
+              /* @__PURE__ */ jsxRuntime.jsx(Button.Button, { variant: "default", size: isInline ? "sm" : "lg", onClick: () => window.location.reload(), children: "Reload page" }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                Button.Button,
+                {
+                  as: "a",
+                  variant: "default",
+                  size: isInline ? "sm" : "lg",
+                  href: "https://github.com/mastra-ai/mastra/issues",
+                  target: "_blank",
+                  rel: "noopener noreferrer",
+                  children: "Report issue"
+                }
+              )
+            ] }),
+            stack ? /* @__PURE__ */ jsxRuntime.jsxs("details", { className: utils_cn.cn("w-full text-left", isInline ? "mt-1" : "mt-2"), children: [
+              /* @__PURE__ */ jsxRuntime.jsx("summary", { className: "cursor-pointer text-ui-sm text-neutral3 hover:text-neutral4", children: "Show error details" }),
+              /* @__PURE__ */ jsxRuntime.jsx("pre", { className: "mt-2 max-h-64 overflow-auto rounded-md bg-surface3 p-3 text-ui-xs text-neutral4 whitespace-pre-wrap break-words", children: stack })
+            ] }) : null
+          ]
+        }
+      )
+    }
+  );
+}
+
+exports.ErrorBoundary = ErrorBoundary;
+//# sourceMappingURL=ErrorBoundary-DB5pfcAb.cjs.map

package/dist/ErrorBoundary-DB5pfcAb.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorBoundary-DB5pfcAb.cjs","sources":["../src/ds/components/ErrorBoundary/ErrorBoundary.tsx"],"sourcesContent":["import { AlertTriangle } from 'lucide-react';\nimport * as React from 'react';\nimport { Button } from '../Button';\nimport { cn } from '@/lib/utils';\n\nexport type ErrorBoundaryVariant = 'section' | 'inline';\n\nexport type ErrorBoundaryFallbackProps = {\n  error: Error;\n  errorInfo: React.ErrorInfo | null;\n  reset: () => void;\n};\n\nexport interface ErrorBoundaryProps {\n  children: React.ReactNode;\n  /** Custom fallback rendered when an error is caught. Receives the error and a reset callback. */\n  fallback?: React.ReactNode | ((props: ErrorBoundaryFallbackProps) => React.ReactNode);\n  /** Called when an error is caught. Useful for reporting to an error tracker. */\n  onError?: (error: Error, errorInfo: React.ErrorInfo) => void;\n  /**\n   * When any value in this array changes between renders, the boundary resets.\n   * Useful for clearing an error on route change: `resetKeys={[pathname]}`.\n   */\n  resetKeys?: ReadonlyArray<unknown>;\n  /** Heading shown in the default fallback. */\n  title?: string;\n  /** Description shown in the default fallback. */\n  description?: string;\n  /**\n   * Controls the default fallback's footprint:\n   * - `'section'` (default): fills available height and centers content — use when the boundary wraps a page or region.\n   * - `'inline'`: stays compact — use when scoping to a single widget so the rest of the UI is untouched.\n   */\n  variant?: ErrorBoundaryVariant;\n  /** Additional classes applied to the default fallback's outer wrapper. */\n  className?: string;\n}\n\ntype ErrorBoundaryState = {\n  error: Error | null;\n  errorInfo: React.ErrorInfo | null;\n};\n\nconst INITIAL_STATE: ErrorBoundaryState = { error: null, errorInfo: null };\n\nfunction keysChanged(prev: ReadonlyArray<unknown> | undefined, next: ReadonlyArray<unknown> | undefined): boolean {\n  if (prev === next) return false;\n  if (!prev || !next) return true;\n  if (prev.length !== next.length) return true;\n  for (let i = 0; i < prev.length; i++) {\n    if (!Object.is(prev[i], next[i])) return true;\n  }\n  return false;\n}\n\nexport class ErrorBoundary extends React.Component<ErrorBoundaryProps, ErrorBoundaryState> {\n  state: ErrorBoundaryState = INITIAL_STATE;\n\n  static getDerivedStateFromError(error: Error): Partial<ErrorBoundaryState> {\n    return { error };\n  }\n\n  componentDidCatch(error: Error, errorInfo: React.ErrorInfo) {\n    this.setState({ errorInfo });\n    if (this.props.onError) {\n      try {\n        this.props.onError(error, errorInfo);\n      } catch (handlerError) {\n        if (typeof console !== 'undefined') {\n          console.error('[ErrorBoundary] onError handler threw:', handlerError);\n        }\n      }\n    }\n    if (typeof console !== 'undefined') {\n      console.error('[ErrorBoundary] Uncaught error:', error, errorInfo);\n    }\n  }\n\n  componentDidUpdate(prevProps: ErrorBoundaryProps) {\n    if (this.state.error && keysChanged(prevProps.resetKeys, this.props.resetKeys)) {\n      this.reset();\n    }\n  }\n\n  reset = () => {\n    this.setState(INITIAL_STATE);\n  };\n\n  render() {\n    const { error, errorInfo } = this.state;\n    const { children, fallback, title, description, variant, className } = this.props;\n\n    if (!error) return children;\n\n    if (typeof fallback === 'function') {\n      return fallback({ error, errorInfo, reset: this.reset });\n    }\n\n    if (fallback !== undefined) return fallback;\n\n    return (\n      <DefaultErrorFallback\n        error={error}\n        errorInfo={errorInfo}\n        reset={this.reset}\n        title={title}\n        description={description}\n        variant={variant ?? 'section'}\n        className={className}\n      />\n    );\n  }\n}\n\ntype DefaultErrorFallbackProps = ErrorBoundaryFallbackProps & {\n  title?: string;\n  description?: string;\n  variant: ErrorBoundaryVariant;\n  className?: string;\n};\n\nfunction DefaultErrorFallback({\n  error,\n  errorInfo,\n  reset,\n  title,\n  description,\n  variant,\n  className,\n}: DefaultErrorFallbackProps) {\n  const stack = errorInfo?.componentStack ?? error.stack ?? '';\n  const isInline = variant === 'inline';\n\n  return (\n    <div\n      role=\"alert\"\n      className={cn(\n        '@container flex w-full items-center justify-center',\n        isInline ? 'py-6 px-4' : 'h-full min-h-[240px] flex-1 py-10 px-6',\n        className,\n      )}\n    >\n      <div\n        className={cn(\n          'flex flex-col items-center text-center',\n          isInline ? 'gap-3 max-w-md' : 'gap-4 max-w-2xl @md:gap-5 @lg:gap-6',\n        )}\n      >\n        <div\n          className={cn(\n            'rounded-full bg-accent2/10 text-accent2 flex items-center justify-center',\n            isInline\n              ? 'h-10 w-10 [&>svg]:h-5 [&>svg]:w-5'\n              : 'h-14 w-14 [&>svg]:h-7 [&>svg]:w-7 @md:h-16 @md:w-16 @md:[&>svg]:h-8 @md:[&>svg]:w-8 @lg:h-20 @lg:w-20 @lg:[&>svg]:h-10 @lg:[&>svg]:w-10',\n          )}\n        >\n          <AlertTriangle />\n        </div>\n        <h3\n          className={cn(\n            'font-medium text-neutral6',\n            isInline ? 'text-ui-md' : 'text-ui-lg @md:text-header-md @lg:text-header-lg',\n          )}\n        >\n          {title ?? 'Something went wrong'}\n        </h3>\n        <p className={cn('text-neutral3', isInline ? 'text-ui-sm' : 'text-ui-md @lg:text-ui-lg')}>\n          {description ?? 'An unexpected error occurred while rendering this part of the page.'}\n        </p>\n        <p\n          className={cn(\n            'font-mono text-neutral4 break-words rounded-md bg-surface3 px-3 py-2',\n            isInline ? 'text-ui-xs' : 'text-ui-sm',\n          )}\n        >\n          {error.message}\n        </p>\n        <div className={cn('flex flex-wrap items-center justify-center gap-2', isInline ? 'mt-1' : 'mt-2')}>\n          <Button variant=\"primary\" size={isInline ? 'sm' : 'lg'} onClick={reset}>\n            Try again\n          </Button>\n          <Button variant=\"default\" size={isInline ? 'sm' : 'lg'} onClick={() => window.location.reload()}>\n            Reload page\n          </Button>\n          <Button\n            as=\"a\"\n            variant=\"default\"\n            size={isInline ? 'sm' : 'lg'}\n            href=\"https://github.com/mastra-ai/mastra/issues\"\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n          >\n            Report issue\n          </Button>\n        </div>\n        {stack ? (\n          <details className={cn('w-full text-left', isInline ? 'mt-1' : 'mt-2')}>\n            <summary className=\"cursor-pointer text-ui-sm text-neutral3 hover:text-neutral4\">\n              Show error details\n            </summary>\n            <pre className=\"mt-2 max-h-64 overflow-auto rounded-md bg-surface3 p-3 text-ui-xs text-neutral4 whitespace-pre-wrap break-words\">\n              {stack}\n            </pre>\n          </details>\n        ) : null}\n      </div>\n    </div>\n  );\n}\n"],"names":["React","jsx","cn","jsxs","AlertTriangle","Button"],"mappings":"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"}

package/dist/Notice-CiS1Dv3i.js

@@ -0,0 +1,89 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { B as Button } from './Button-Bq0VuEbC.js';
+import { c as cn } from './cn-BakJzhuv.js';
+import { FileTextIcon, InfoIcon, TriangleAlertIcon, OctagonAlertIcon, LightbulbIcon } from 'lucide-react';
+
+function NoticeButton(props) {
+  return /* @__PURE__ */ jsx(Button, { size: "sm", variant: "ghost", ...props });
+}
+
+function NoticeMessage({ children, className }) {
+  return /* @__PURE__ */ jsx("div", { className: cn("text-ui-md leading-ui-md", className), children });
+}
+
+const variantConfig = {
+  success: {
+    icon: /* @__PURE__ */ jsx(LightbulbIcon, {}),
+    classes: "bg-notice-success/20 border-notice-success/20 text-notice-success-fg"
+  },
+  destructive: {
+    icon: /* @__PURE__ */ jsx(OctagonAlertIcon, {}),
+    classes: "bg-notice-destructive/20 border-notice-destructive/20 text-notice-destructive-fg"
+  },
+  warning: {
+    icon: /* @__PURE__ */ jsx(TriangleAlertIcon, {}),
+    classes: "bg-notice-warning/20 border-notice-warning/20 text-notice-warning-fg"
+  },
+  info: {
+    icon: /* @__PURE__ */ jsx(InfoIcon, {}),
+    classes: "bg-notice-info/20 border-notice-info/20 text-notice-info-fg"
+  },
+  note: {
+    icon: /* @__PURE__ */ jsx(FileTextIcon, {}),
+    classes: "bg-notice-note border-border1 text-notice-note-fg"
+  }
+};
+function NoticeRoot({ variant, title, icon, action, children, className }) {
+  const { icon: defaultIcon, classes } = variantConfig[variant];
+  const resolvedIcon = icon ?? defaultIcon;
+  if (!title) {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: cn(
+          "relative @container rounded-2xl border p-3 text-ui-md leading-ui-md",
+          "animate-in fade-in-0 slide-in-from-top-2 duration-200",
+          classes,
+          className
+        ),
+        children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3 @md:flex-row @md:items-start @md:gap-2", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-1 items-start gap-2 [&>svg]:size-4", children: [
+            /* @__PURE__ */ jsx("span", { className: "flex h-[1lh] shrink-0 items-center [&>svg]:size-4", children: resolvedIcon }),
+            children && /* @__PURE__ */ jsx("div", { className: "flex-1", children })
+          ] }),
+          action && /* @__PURE__ */ jsx("div", { className: "@md:-my-1 [&>button]:w-full @md:[&>button]:w-auto", children: action })
+        ] })
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "relative @container flex flex-col gap-4 rounded-2xl border p-3",
+        "animate-in fade-in-0 slide-in-from-top-2 duration-200",
+        classes,
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex h-4 items-center gap-2 [&>svg]:size-4", children: [
+          resolvedIcon,
+          /* @__PURE__ */ jsx("span", { className: "text-ui-sm font-medium uppercase tracking-wide leading-none", children: title })
+        ] }),
+        action && /* @__PURE__ */ jsx("div", { className: "absolute right-2 top-2 hidden @md:block", children: action }),
+        (children || action) && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-5", children: [
+          children,
+          action && /* @__PURE__ */ jsx("div", { className: "self-start @md:hidden", children: action })
+        ] })
+      ]
+    }
+  );
+}
+
+const Notice = Object.assign(NoticeRoot, {
+  Message: NoticeMessage,
+  Button: NoticeButton
+});
+
+export { Notice as N };
+//# sourceMappingURL=Notice-CiS1Dv3i.js.map

package/dist/Notice-CiS1Dv3i.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Notice-CiS1Dv3i.js","sources":["../src/ds/components/Notice/notice-button.tsx","../src/ds/components/Notice/notice-message.tsx","../src/ds/components/Notice/notice-root.tsx","../src/ds/components/Notice/Notice.tsx"],"sourcesContent":["import type { ButtonProps } from '../Button';\nimport { Button } from '../Button';\n\nexport function NoticeButton(props: ButtonProps) {\n  return <Button size=\"sm\" variant=\"ghost\" {...props} />;\n}\n","import { cn } from '@/lib/utils';\n\nexport interface NoticeMessageProps {\n  children: React.ReactNode;\n  className?: string;\n}\n\nexport function NoticeMessage({ children, className }: NoticeMessageProps) {\n  return <div className={cn('text-ui-md leading-ui-md', className)}>{children}</div>;\n}\n","import { FileTextIcon, InfoIcon, LightbulbIcon, OctagonAlertIcon, TriangleAlertIcon } from 'lucide-react';\nimport React from 'react';\nimport { cn } from '@/lib/utils';\n\nexport type NoticeVariant = 'warning' | 'destructive' | 'success' | 'info' | 'note';\n\nconst variantConfig: Record<NoticeVariant, { icon: React.ReactNode; classes: string }> = {\n  success: {\n    icon: <LightbulbIcon />,\n    classes: 'bg-notice-success/20 border-notice-success/20 text-notice-success-fg',\n  },\n  destructive: {\n    icon: <OctagonAlertIcon />,\n    classes: 'bg-notice-destructive/20 border-notice-destructive/20 text-notice-destructive-fg',\n  },\n  warning: {\n    icon: <TriangleAlertIcon />,\n    classes: 'bg-notice-warning/20 border-notice-warning/20 text-notice-warning-fg',\n  },\n  info: {\n    icon: <InfoIcon />,\n    classes: 'bg-notice-info/20 border-notice-info/20 text-notice-info-fg',\n  },\n  note: {\n    icon: <FileTextIcon />,\n    classes: 'bg-notice-note border-border1 text-notice-note-fg',\n  },\n};\n\nexport interface NoticeRootProps {\n  variant: NoticeVariant;\n  title?: React.ReactNode;\n  icon?: React.ReactNode;\n  action?: React.ReactNode;\n  children?: React.ReactNode;\n  className?: string;\n}\n\nexport function NoticeRoot({ variant, title, icon, action, children, className }: NoticeRootProps) {\n  const { icon: defaultIcon, classes } = variantConfig[variant];\n  const resolvedIcon = icon ?? defaultIcon;\n\n  if (!title) {\n    return (\n      <div\n        className={cn(\n          'relative @container rounded-2xl border p-3 text-ui-md leading-ui-md',\n          'animate-in fade-in-0 slide-in-from-top-2 duration-200',\n          classes,\n          className,\n        )}\n      >\n        <div className=\"flex flex-col gap-3 @md:flex-row @md:items-start @md:gap-2\">\n          <div className=\"flex flex-1 items-start gap-2 [&>svg]:size-4\">\n            <span className=\"flex h-[1lh] shrink-0 items-center [&>svg]:size-4\">{resolvedIcon}</span>\n            {children && <div className=\"flex-1\">{children}</div>}\n          </div>\n          {action && <div className=\"@md:-my-1 [&>button]:w-full @md:[&>button]:w-auto\">{action}</div>}\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div\n      className={cn(\n        'relative @container flex flex-col gap-4 rounded-2xl border p-3',\n        'animate-in fade-in-0 slide-in-from-top-2 duration-200',\n        classes,\n        className,\n      )}\n    >\n      <div className=\"flex h-4 items-center gap-2 [&>svg]:size-4\">\n        {resolvedIcon}\n        <span className=\"text-ui-sm font-medium uppercase tracking-wide leading-none\">{title}</span>\n      </div>\n      {action && <div className=\"absolute right-2 top-2 hidden @md:block\">{action}</div>}\n      {(children || action) && (\n        <div className=\"flex flex-col gap-5\">\n          {children}\n          {action && <div className=\"self-start @md:hidden\">{action}</div>}\n        </div>\n      )}\n    </div>\n  );\n}\n","import { NoticeButton } from './notice-button';\nimport { NoticeMessage } from './notice-message';\nimport { NoticeRoot } from './notice-root';\n\nexport { type NoticeVariant, type NoticeRootProps } from './notice-root';\nexport { type NoticeMessageProps } from './notice-message';\n\nexport const Notice = Object.assign(NoticeRoot, {\n  Message: NoticeMessage,\n  Button: NoticeButton,\n});\n"],"names":[],"mappings":"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"}

package/dist/Notice-h63wsfzJ.cjs

@@ -0,0 +1,91 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const Button = require('./Button-66ghjQV8.cjs');
+const utils_cn = require('./cn-vA5sWo9W.cjs');
+const lucideReact = require('lucide-react');
+
+function NoticeButton(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx(Button.Button, { size: "sm", variant: "ghost", ...props });
+}
+
+function NoticeMessage({ children, className }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils_cn.cn("text-ui-md leading-ui-md", className), children });
+}
+
+const variantConfig = {
+  success: {
+    icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.LightbulbIcon, {}),
+    classes: "bg-notice-success/20 border-notice-success/20 text-notice-success-fg"
+  },
+  destructive: {
+    icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.OctagonAlertIcon, {}),
+    classes: "bg-notice-destructive/20 border-notice-destructive/20 text-notice-destructive-fg"
+  },
+  warning: {
+    icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.TriangleAlertIcon, {}),
+    classes: "bg-notice-warning/20 border-notice-warning/20 text-notice-warning-fg"
+  },
+  info: {
+    icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.InfoIcon, {}),
+    classes: "bg-notice-info/20 border-notice-info/20 text-notice-info-fg"
+  },
+  note: {
+    icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FileTextIcon, {}),
+    classes: "bg-notice-note border-border1 text-notice-note-fg"
+  }
+};
+function NoticeRoot({ variant, title, icon, action, children, className }) {
+  const { icon: defaultIcon, classes } = variantConfig[variant];
+  const resolvedIcon = icon ?? defaultIcon;
+  if (!title) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: utils_cn.cn(
+          "relative @container rounded-2xl border p-3 text-ui-md leading-ui-md",
+          "animate-in fade-in-0 slide-in-from-top-2 duration-200",
+          classes,
+          className
+        ),
+        children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-3 @md:flex-row @md:items-start @md:gap-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-1 items-start gap-2 [&>svg]:size-4", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex h-[1lh] shrink-0 items-center [&>svg]:size-4", children: resolvedIcon }),
+            children && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1", children })
+          ] }),
+          action && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "@md:-my-1 [&>button]:w-full @md:[&>button]:w-auto", children: action })
+        ] })
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: utils_cn.cn(
+        "relative @container flex flex-col gap-4 rounded-2xl border p-3",
+        "animate-in fade-in-0 slide-in-from-top-2 duration-200",
+        classes,
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex h-4 items-center gap-2 [&>svg]:size-4", children: [
+          resolvedIcon,
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-ui-sm font-medium uppercase tracking-wide leading-none", children: title })
+        ] }),
+        action && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute right-2 top-2 hidden @md:block", children: action }),
+        (children || action) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-5", children: [
+          children,
+          action && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "self-start @md:hidden", children: action })
+        ] })
+      ]
+    }
+  );
+}
+
+const Notice = Object.assign(NoticeRoot, {
+  Message: NoticeMessage,
+  Button: NoticeButton
+});
+
+exports.Notice = Notice;
+//# sourceMappingURL=Notice-h63wsfzJ.cjs.map

package/dist/Notice-h63wsfzJ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Notice-h63wsfzJ.cjs","sources":["../src/ds/components/Notice/notice-button.tsx","../src/ds/components/Notice/notice-message.tsx","../src/ds/components/Notice/notice-root.tsx","../src/ds/components/Notice/Notice.tsx"],"sourcesContent":["import type { ButtonProps } from '../Button';\nimport { Button } from '../Button';\n\nexport function NoticeButton(props: ButtonProps) {\n  return <Button size=\"sm\" variant=\"ghost\" {...props} />;\n}\n","import { cn } from '@/lib/utils';\n\nexport interface NoticeMessageProps {\n  children: React.ReactNode;\n  className?: string;\n}\n\nexport function NoticeMessage({ children, className }: NoticeMessageProps) {\n  return <div className={cn('text-ui-md leading-ui-md', className)}>{children}</div>;\n}\n","import { FileTextIcon, InfoIcon, LightbulbIcon, OctagonAlertIcon, TriangleAlertIcon } from 'lucide-react';\nimport React from 'react';\nimport { cn } from '@/lib/utils';\n\nexport type NoticeVariant = 'warning' | 'destructive' | 'success' | 'info' | 'note';\n\nconst variantConfig: Record<NoticeVariant, { icon: React.ReactNode; classes: string }> = {\n  success: {\n    icon: <LightbulbIcon />,\n    classes: 'bg-notice-success/20 border-notice-success/20 text-notice-success-fg',\n  },\n  destructive: {\n    icon: <OctagonAlertIcon />,\n    classes: 'bg-notice-destructive/20 border-notice-destructive/20 text-notice-destructive-fg',\n  },\n  warning: {\n    icon: <TriangleAlertIcon />,\n    classes: 'bg-notice-warning/20 border-notice-warning/20 text-notice-warning-fg',\n  },\n  info: {\n    icon: <InfoIcon />,\n    classes: 'bg-notice-info/20 border-notice-info/20 text-notice-info-fg',\n  },\n  note: {\n    icon: <FileTextIcon />,\n    classes: 'bg-notice-note border-border1 text-notice-note-fg',\n  },\n};\n\nexport interface NoticeRootProps {\n  variant: NoticeVariant;\n  title?: React.ReactNode;\n  icon?: React.ReactNode;\n  action?: React.ReactNode;\n  children?: React.ReactNode;\n  className?: string;\n}\n\nexport function NoticeRoot({ variant, title, icon, action, children, className }: NoticeRootProps) {\n  const { icon: defaultIcon, classes } = variantConfig[variant];\n  const resolvedIcon = icon ?? defaultIcon;\n\n  if (!title) {\n    return (\n      <div\n        className={cn(\n          'relative @container rounded-2xl border p-3 text-ui-md leading-ui-md',\n          'animate-in fade-in-0 slide-in-from-top-2 duration-200',\n          classes,\n          className,\n        )}\n      >\n        <div className=\"flex flex-col gap-3 @md:flex-row @md:items-start @md:gap-2\">\n          <div className=\"flex flex-1 items-start gap-2 [&>svg]:size-4\">\n            <span className=\"flex h-[1lh] shrink-0 items-center [&>svg]:size-4\">{resolvedIcon}</span>\n            {children && <div className=\"flex-1\">{children}</div>}\n          </div>\n          {action && <div className=\"@md:-my-1 [&>button]:w-full @md:[&>button]:w-auto\">{action}</div>}\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div\n      className={cn(\n        'relative @container flex flex-col gap-4 rounded-2xl border p-3',\n        'animate-in fade-in-0 slide-in-from-top-2 duration-200',\n        classes,\n        className,\n      )}\n    >\n      <div className=\"flex h-4 items-center gap-2 [&>svg]:size-4\">\n        {resolvedIcon}\n        <span className=\"text-ui-sm font-medium uppercase tracking-wide leading-none\">{title}</span>\n      </div>\n      {action && <div className=\"absolute right-2 top-2 hidden @md:block\">{action}</div>}\n      {(children || action) && (\n        <div className=\"flex flex-col gap-5\">\n          {children}\n          {action && <div className=\"self-start @md:hidden\">{action}</div>}\n        </div>\n      )}\n    </div>\n  );\n}\n","import { NoticeButton } from './notice-button';\nimport { NoticeMessage } from './notice-message';\nimport { NoticeRoot } from './notice-root';\n\nexport { type NoticeVariant, type NoticeRootProps } from './notice-root';\nexport { type NoticeMessageProps } from './notice-message';\n\nexport const Notice = Object.assign(NoticeRoot, {\n  Message: NoticeMessage,\n  Button: NoticeButton,\n});\n"],"names":["Button","cn","LightbulbIcon","OctagonAlertIcon","TriangleAlertIcon","InfoIcon","FileTextIcon","jsx","jsxs"],"mappings":"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"}

package/dist/SessionExpired-Di89Q6es.js

@@ -0,0 +1,45 @@
+import { jsx } from 'react/jsx-runtime';
+import { useMastraClient } from '@mastra/react';
+import { LogIn } from 'lucide-react';
+import { useState, useCallback } from 'react';
+import { Icon } from './icons/Icon.es.js';
+import { B as Button } from './Button-Bq0VuEbC.js';
+import { E as EmptyState } from './EmptyState-Cy8hG1-a.js';
+
+function SessionExpired({ title, description, className }) {
+  const [isPending, setIsPending] = useState(false);
+  const client = useMastraClient();
+  const handleLogin = useCallback(async () => {
+    try {
+      setIsPending(true);
+      const { baseUrl = "", apiPrefix } = client.options || {};
+      const raw = (apiPrefix || "/api").trim();
+      const prefix = (raw.startsWith("/") ? raw : `/${raw}`).replace(/\/$/, "");
+      const params = new URLSearchParams({ redirect_uri: window.location.href });
+      const url = `${baseUrl}${prefix}/auth/sso/login?${params}`;
+      const response = await fetch(url, {
+        credentials: "include",
+        headers: { "Content-Type": "application/json" }
+      });
+      if (response.ok) {
+        const data = await response.json();
+        window.location.href = data.url;
+      }
+    } finally {
+      setIsPending(false);
+    }
+  }, [client]);
+  return /* @__PURE__ */ jsx(
+    EmptyState,
+    {
+      className,
+      iconSlot: /* @__PURE__ */ jsx(Icon, { size: "lg", className: "text-neutral3", children: /* @__PURE__ */ jsx(LogIn, {}) }),
+      titleSlot: title ?? "Session Expired",
+      descriptionSlot: description ?? "Your session has expired. Please log in again to continue.",
+      actionSlot: /* @__PURE__ */ jsx(Button, { variant: "default", onClick: handleLogin, disabled: isPending, children: isPending ? "Redirecting..." : "Log in" })
+    }
+  );
+}
+
+export { SessionExpired as S };
+//# sourceMappingURL=SessionExpired-Di89Q6es.js.map