@mastra/playground-ui 56.0.0-alpha.9 → 56.0.0

package/dist/thread-rail-vsR5C0j4.js

@@ -0,0 +1,322 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { FileText } from 'lucide-react';
+import * as React from 'react';
+import { c as useOptionalMessageScroller, e as useOptionalMessageScrollerVisibility } from './message-scroller-hooks-BLilySMj.js';
+import { S as ScrollArea } from './scroll-area-CdQ_5bLm.js';
+import { overlaySurfaceStyle } from './primitives/raised-surface.es.js';
+import { useMeasuredAutoHeight } from './hooks/use-measured-auto-height.es.js';
+import { c as cn } from './cn-65Adrsfj.js';
+
+const PREVIEW_TRANSITION_DURATION_MS = 360;
+const PREVIEW_CLEANUP_DELAY_MS = PREVIEW_TRANSITION_DURATION_MS + 80;
+const DEFAULT_PREVIEW_STATE = {
+  currentTurn: void 0,
+  previousTurn: void 0,
+  index: null,
+  phase: "hidden",
+  top: 0,
+  transitionKey: 0
+};
+function ThreadRail({
+  turns,
+  currentAnchorId,
+  visibleMessageIds,
+  label = "Conversation timeline",
+  className,
+  maxHeight = "calc(100dvh - 12rem)",
+  scrollAreaClassName,
+  onSelect
+}) {
+  const railRef = React.useRef(null);
+  const previewId = React.useId();
+  const [previewState, setPreviewState] = React.useState(DEFAULT_PREVIEW_STATE);
+  const messageScroller = useOptionalMessageScroller();
+  const scrollerVisibility = useOptionalMessageScrollerVisibility();
+  const fallbackMessageId = turns.at(-1)?.messageId;
+  const activeMessageId = currentAnchorId ?? scrollerVisibility?.currentAnchorId ?? fallbackMessageId;
+  const resolvedVisibleMessageIds = visibleMessageIds ?? scrollerVisibility?.visibleMessageIds ?? (activeMessageId ? [activeMessageId] : []);
+  const visibleMessageIdSet = new Set(resolvedVisibleMessageIds);
+  const previewHoverActive = previewState.phase === "entering" || previewState.phase === "visible";
+  const hoveredIndex = previewHoverActive ? previewState.index : null;
+  const selectTurn = React.useCallback(
+    (turn) => {
+      if (onSelect) {
+        onSelect(turn);
+        return;
+      }
+      messageScroller?.scrollToMessage(turn.messageId, { behavior: "smooth", align: "start" });
+    },
+    [messageScroller, onSelect]
+  );
+  const showPreview = (index, element) => {
+    const railTop = railRef.current?.getBoundingClientRect().top ?? 0;
+    const itemRect = element.getBoundingClientRect();
+    const nextTurn = turns[index];
+    if (!nextTurn) return;
+    setPreviewState((current) => {
+      const nextTop = itemRect.top + itemRect.height / 2 - railTop;
+      if (current.index === index && current.phase !== "hidden" && current.phase !== "exiting") {
+        return { ...current, top: nextTop };
+      }
+      const previousTurn = current.currentTurn && current.currentTurn.key !== nextTurn.key && current.phase !== "hidden" ? current.currentTurn : void 0;
+      return {
+        currentTurn: nextTurn,
+        previousTurn,
+        index,
+        phase: "entering",
+        top: nextTop,
+        transitionKey: current.transitionKey + 1
+      };
+    });
+  };
+  const hidePreview = () => {
+    setPreviewState((current) => {
+      if (!current.currentTurn || current.phase === "hidden" || current.phase === "exiting") {
+        return { ...current, index: null };
+      }
+      return {
+        ...current,
+        index: null,
+        previousTurn: void 0,
+        phase: "exiting",
+        transitionKey: current.transitionKey + 1
+      };
+    });
+  };
+  React.useEffect(() => {
+    if (previewState.phase !== "entering") return;
+    const requestFrame = window.requestAnimationFrame ?? window.setTimeout;
+    const cancelFrame = window.cancelAnimationFrame ?? window.clearTimeout;
+    let settleFrame;
+    const startFrame = requestFrame(() => {
+      settleFrame = requestFrame(() => {
+        setPreviewState(
+          (current) => current.transitionKey === previewState.transitionKey && current.phase === "entering" ? { ...current, phase: "visible" } : current
+        );
+      });
+    });
+    return () => {
+      cancelFrame(startFrame);
+      if (settleFrame !== void 0) cancelFrame(settleFrame);
+    };
+  }, [previewState.phase, previewState.transitionKey]);
+  React.useEffect(() => {
+    if (previewState.phase !== "visible" || !previewState.previousTurn) return;
+    const timeout = window.setTimeout(() => {
+      setPreviewState(
+        (current) => current.transitionKey === previewState.transitionKey ? { ...current, previousTurn: void 0 } : current
+      );
+    }, PREVIEW_CLEANUP_DELAY_MS);
+    return () => window.clearTimeout(timeout);
+  }, [previewState.phase, previewState.previousTurn, previewState.transitionKey]);
+  React.useEffect(() => {
+    if (previewState.phase !== "exiting") return;
+    const timeout = window.setTimeout(() => {
+      setPreviewState(
+        (current) => current.transitionKey === previewState.transitionKey ? DEFAULT_PREVIEW_STATE : current
+      );
+    }, PREVIEW_CLEANUP_DELAY_MS);
+    return () => window.clearTimeout(timeout);
+  }, [previewState.phase, previewState.transitionKey]);
+  if (turns.length === 0) return null;
+  return /* @__PURE__ */ jsxs(
+    "nav",
+    {
+      ref: railRef,
+      "aria-label": label,
+      "data-testid": "thread-rail",
+      className: cn("relative w-8 py-2", className),
+      onMouseLeave: hidePreview,
+      onBlur: (event) => {
+        const nextFocus = event.relatedTarget;
+        if (!(nextFocus instanceof Node) || !event.currentTarget.contains(nextFocus)) hidePreview();
+      },
+      children: [
+        /* @__PURE__ */ jsx(
+          ScrollArea,
+          {
+            "data-testid": "thread-rail-scroll-area",
+            maxHeight,
+            className: cn("w-8", scrollAreaClassName),
+            viewPortClassName: "pr-3",
+            children: /* @__PURE__ */ jsx("div", { className: "flex w-4 flex-col items-start gap-2 py-2", children: turns.map((turn, index) => {
+              const distance = hoveredIndex === null ? null : Math.abs(index - hoveredIndex);
+              const active = turn.messageId === activeMessageId;
+              const inView = visibleMessageIdSet.has(turn.messageId);
+              const previewActive = hoveredIndex === index;
+              return /* @__PURE__ */ jsx(
+                ThreadRailItem,
+                {
+                  turn,
+                  index,
+                  distance,
+                  active,
+                  inView,
+                  previewId: previewActive ? previewId : void 0,
+                  onHoverChange: showPreview,
+                  onSelect: selectTurn
+                },
+                turn.key
+              );
+            }) })
+          }
+        ),
+        previewState.currentTurn && /* @__PURE__ */ jsx(
+          ThreadRailPreview,
+          {
+            id: previewId,
+            currentTurn: previewState.currentTurn,
+            previousTurn: previewState.previousTurn,
+            phase: previewState.phase,
+            top: previewState.top
+          }
+        )
+      ]
+    }
+  );
+}
+const getRailItemWidth = (distance) => {
+  if (distance === 0) return "w-4";
+  if (distance === 1) return "w-3";
+  return "w-2";
+};
+const getRailItemTone = ({
+  distance,
+  active,
+  inView
+}) => {
+  if (distance === 0 || active) return "bg-foreground";
+  if (inView) return "bg-foreground/85";
+  if (distance === 1) return "bg-foreground/70";
+  return "bg-foreground/40";
+};
+function ThreadRailItem({
+  turn,
+  index,
+  distance,
+  active,
+  inView,
+  previewId,
+  onHoverChange,
+  onSelect
+}) {
+  const size = getRailItemWidth(distance);
+  const tone = getRailItemTone({ distance, active, inView });
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-in-view": inView ? "true" : void 0,
+      "data-active": active ? "true" : void 0,
+      className: "group/thread-rail-item relative flex items-center",
+      children: /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          "aria-label": `Jump to ${turn.prompt}`,
+          "aria-current": active ? "location" : void 0,
+          "aria-describedby": previewId,
+          "data-in-view": inView ? "true" : void 0,
+          "data-active": active ? "true" : void 0,
+          onClick: () => onSelect(turn),
+          onMouseEnter: (event) => onHoverChange(index, event.currentTarget),
+          onFocus: (event) => onHoverChange(index, event.currentTarget),
+          className: cn(
+            "relative block h-px cursor-pointer rounded-full transition-[width,background-color] duration-normal ease-out",
+            "before:absolute before:inset-x-0 before:-inset-y-1 before:content-['']",
+            "focus-visible:ring-2 focus-visible:ring-accent1/40 focus-visible:outline-hidden",
+            size,
+            tone
+          )
+        }
+      )
+    }
+  );
+}
+function ThreadRailPreview({
+  id,
+  currentTurn,
+  previousTurn,
+  phase,
+  top
+}) {
+  const {
+    ref: previewSizerRef,
+    heightStyle: previewHeightStyle,
+    measure: measurePreviewHeight
+  } = useMeasuredAutoHeight();
+  const containerVisible = phase === "visible" || phase === "entering" && Boolean(previousTurn);
+  const hiddenLayerClassName = "scale-95 opacity-0 blur-xs";
+  const visibleLayerClassName = "scale-100 opacity-100 blur-none";
+  const layerClassName = "absolute inset-x-0 top-0 h-full origin-left transition-[opacity,filter,scale] duration-150 ease-in-out will-change-[opacity,filter,scale] motion-reduce:scale-100 motion-reduce:blur-none motion-reduce:transition-none";
+  React.useLayoutEffect(() => {
+    measurePreviewHeight();
+  }, [currentTurn.key, phase, measurePreviewHeight]);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      id,
+      "data-testid": "thread-rail-preview",
+      "data-visible": containerVisible ? "true" : void 0,
+      className: cn(
+        "pointer-events-none absolute top-0 left-full z-30 ml-3 w-72 overflow-hidden rounded-xl text-left transition-[height,translate,opacity] duration-360 ease-out-custom will-change-[height,translate,opacity] motion-reduce:transition-none",
+        overlaySurfaceStyle,
+        containerVisible ? "opacity-100" : "opacity-0"
+      ),
+      style: { ...previewHeightStyle, translate: `0 calc(${top}px - 50%)` },
+      children: [
+        /* @__PURE__ */ jsx("div", { ref: previewSizerRef, "data-testid": "thread-rail-preview-sizer", "aria-hidden": true, className: "invisible", children: /* @__PURE__ */ jsx(ThreadRailPreviewContent, { turn: currentTurn, className: "p-3.5" }) }),
+        /* @__PURE__ */ jsx("div", { "data-testid": "thread-rail-preview-viewport", className: "absolute inset-0", children: /* @__PURE__ */ jsxs("div", { className: "relative h-full", children: [
+          previousTurn && /* @__PURE__ */ jsx(
+            "div",
+            {
+              "data-testid": "thread-rail-preview-previous",
+              "aria-hidden": true,
+              className: cn(layerClassName, phase === "entering" ? visibleLayerClassName : hiddenLayerClassName),
+              children: /* @__PURE__ */ jsx(ThreadRailPreviewContent, { turn: previousTurn, className: "p-3.5" })
+            },
+            previousTurn.key
+          ),
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              "data-testid": "thread-rail-preview-current",
+              className: cn(layerClassName, phase === "visible" ? visibleLayerClassName : hiddenLayerClassName),
+              children: /* @__PURE__ */ jsx(ThreadRailPreviewContent, { turn: currentTurn, className: "p-3.5" })
+            },
+            currentTurn.key
+          )
+        ] }) })
+      ]
+    }
+  );
+}
+function ThreadRailPreviewContent({
+  turn,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs("div", { className, ...props, children: [
+    /* @__PURE__ */ jsx("div", { className: "text-subheading text-foreground truncate", children: turn.prompt }),
+    turn.reply && /* @__PURE__ */ jsx("p", { className: "text-caption text-muted-foreground mt-1.5 line-clamp-3", children: turn.reply }),
+    (turn.files.length > 0 || turn.hiddenFileCount > 0) && /* @__PURE__ */ jsxs("div", { className: "border-border/60 mt-3 flex flex-wrap items-center gap-2 border-t pt-2.5", children: [
+      turn.files.map((file) => /* @__PURE__ */ jsxs(
+        "span",
+        {
+          className: "text-caption text-muted-foreground inline-flex max-w-44 items-center gap-1.5 truncate",
+          children: [
+            /* @__PURE__ */ jsx(FileText, { className: "size-3.5 shrink-0 opacity-70", "aria-hidden": true }),
+            file
+          ]
+        },
+        file
+      )),
+      turn.hiddenFileCount > 0 && /* @__PURE__ */ jsxs("span", { className: "text-column text-muted-foreground", children: [
+        "+",
+        turn.hiddenFileCount
+      ] })
+    ] })
+  ] });
+}
+
+export { ThreadRail as T };
+//# sourceMappingURL=thread-rail-vsR5C0j4.js.map

package/dist/thread-rail-vsR5C0j4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"thread-rail-vsR5C0j4.js","sources":["../src/ds/components/ThreadRail/thread-rail.tsx"],"sourcesContent":["import { FileText } from 'lucide-react';\nimport * as React from 'react';\n\nimport type { ThreadRailTurn } from './thread-rail-turns';\n\nimport { useOptionalMessageScroller, useOptionalMessageScrollerVisibility } from '@/ds/components/MessageScroller';\nimport { ScrollArea } from '@/ds/components/ScrollArea';\nimport { overlaySurfaceStyle } from '@/ds/primitives/raised-surface';\nimport { useMeasuredAutoHeight } from '@/hooks/use-measured-auto-height';\nimport { cn } from '@/lib/utils';\n\ntype ThreadRailPreviewPhase = 'hidden' | 'entering' | 'visible' | 'exiting';\n\ntype ThreadRailPreviewState = {\n  currentTurn: ThreadRailTurn | undefined;\n  previousTurn: ThreadRailTurn | undefined;\n  index: number | null;\n  phase: ThreadRailPreviewPhase;\n  top: number;\n  transitionKey: number;\n};\n\nconst PREVIEW_TRANSITION_DURATION_MS = 360;\nconst PREVIEW_CLEANUP_DELAY_MS = PREVIEW_TRANSITION_DURATION_MS + 80;\n\nconst DEFAULT_PREVIEW_STATE: ThreadRailPreviewState = {\n  currentTurn: undefined,\n  previousTurn: undefined,\n  index: null,\n  phase: 'hidden',\n  top: 0,\n  transitionKey: 0,\n};\n\nexport interface ThreadRailProps {\n  turns: ThreadRailTurn[];\n  currentAnchorId?: string;\n  visibleMessageIds?: string[];\n  label?: string;\n  className?: string;\n  maxHeight?: string;\n  scrollAreaClassName?: string;\n  onSelect?: (turn: ThreadRailTurn) => void;\n}\n\nexport function ThreadRail({\n  turns,\n  currentAnchorId,\n  visibleMessageIds,\n  label = 'Conversation timeline',\n  className,\n  maxHeight = 'calc(100dvh - 12rem)',\n  scrollAreaClassName,\n  onSelect,\n}: ThreadRailProps) {\n  const railRef = React.useRef<HTMLElement>(null);\n  const previewId = React.useId();\n  const [previewState, setPreviewState] = React.useState<ThreadRailPreviewState>(DEFAULT_PREVIEW_STATE);\n  const messageScroller = useOptionalMessageScroller();\n  const scrollerVisibility = useOptionalMessageScrollerVisibility();\n\n  const fallbackMessageId = turns.at(-1)?.messageId;\n  const activeMessageId = currentAnchorId ?? scrollerVisibility?.currentAnchorId ?? fallbackMessageId;\n  const resolvedVisibleMessageIds =\n    visibleMessageIds ?? scrollerVisibility?.visibleMessageIds ?? (activeMessageId ? [activeMessageId] : []);\n  const visibleMessageIdSet = new Set(resolvedVisibleMessageIds);\n  const previewHoverActive = previewState.phase === 'entering' || previewState.phase === 'visible';\n  const hoveredIndex = previewHoverActive ? previewState.index : null;\n  const selectTurn = React.useCallback(\n    (turn: ThreadRailTurn) => {\n      if (onSelect) {\n        onSelect(turn);\n        return;\n      }\n\n      messageScroller?.scrollToMessage(turn.messageId, { behavior: 'smooth', align: 'start' });\n    },\n    [messageScroller, onSelect],\n  );\n\n  const showPreview = (index: number, element: HTMLElement) => {\n    const railTop = railRef.current?.getBoundingClientRect().top ?? 0;\n    const itemRect = element.getBoundingClientRect();\n    const nextTurn = turns[index];\n    if (!nextTurn) return;\n\n    setPreviewState(current => {\n      const nextTop = itemRect.top + itemRect.height / 2 - railTop;\n      if (current.index === index && current.phase !== 'hidden' && current.phase !== 'exiting') {\n        return { ...current, top: nextTop };\n      }\n\n      const previousTurn =\n        current.currentTurn && current.currentTurn.key !== nextTurn.key && current.phase !== 'hidden'\n          ? current.currentTurn\n          : undefined;\n\n      return {\n        currentTurn: nextTurn,\n        previousTurn,\n        index,\n        phase: 'entering',\n        top: nextTop,\n        transitionKey: current.transitionKey + 1,\n      };\n    });\n  };\n\n  const hidePreview = () => {\n    setPreviewState(current => {\n      if (!current.currentTurn || current.phase === 'hidden' || current.phase === 'exiting') {\n        return { ...current, index: null };\n      }\n\n      return {\n        ...current,\n        index: null,\n        previousTurn: undefined,\n        phase: 'exiting',\n        transitionKey: current.transitionKey + 1,\n      };\n    });\n  };\n\n  React.useEffect(() => {\n    if (previewState.phase !== 'entering') return;\n\n    const requestFrame = window.requestAnimationFrame ?? window.setTimeout;\n    const cancelFrame = window.cancelAnimationFrame ?? window.clearTimeout;\n    let settleFrame: number | undefined;\n    const startFrame = requestFrame(() => {\n      settleFrame = requestFrame(() => {\n        setPreviewState(current =>\n          current.transitionKey === previewState.transitionKey && current.phase === 'entering'\n            ? { ...current, phase: 'visible' }\n            : current,\n        );\n      });\n    });\n\n    return () => {\n      cancelFrame(startFrame);\n      if (settleFrame !== undefined) cancelFrame(settleFrame);\n    };\n  }, [previewState.phase, previewState.transitionKey]);\n\n  React.useEffect(() => {\n    if (previewState.phase !== 'visible' || !previewState.previousTurn) return;\n\n    const timeout = window.setTimeout(() => {\n      setPreviewState(current =>\n        current.transitionKey === previewState.transitionKey ? { ...current, previousTurn: undefined } : current,\n      );\n    }, PREVIEW_CLEANUP_DELAY_MS);\n\n    return () => window.clearTimeout(timeout);\n  }, [previewState.phase, previewState.previousTurn, previewState.transitionKey]);\n\n  React.useEffect(() => {\n    if (previewState.phase !== 'exiting') return;\n\n    const timeout = window.setTimeout(() => {\n      setPreviewState(current =>\n        current.transitionKey === previewState.transitionKey ? DEFAULT_PREVIEW_STATE : current,\n      );\n    }, PREVIEW_CLEANUP_DELAY_MS);\n\n    return () => window.clearTimeout(timeout);\n  }, [previewState.phase, previewState.transitionKey]);\n\n  if (turns.length === 0) return null;\n\n  return (\n    <nav\n      ref={railRef}\n      aria-label={label}\n      data-testid=\"thread-rail\"\n      className={cn('relative w-8 py-2', className)}\n      onMouseLeave={hidePreview}\n      onBlur={event => {\n        const nextFocus = event.relatedTarget;\n        if (!(nextFocus instanceof Node) || !event.currentTarget.contains(nextFocus)) hidePreview();\n      }}\n    >\n      <ScrollArea\n        data-testid=\"thread-rail-scroll-area\"\n        maxHeight={maxHeight}\n        className={cn('w-8', scrollAreaClassName)}\n        viewPortClassName=\"pr-3\"\n      >\n        <div className=\"flex w-4 flex-col items-start gap-2 py-2\">\n          {turns.map((turn, index) => {\n            const distance = hoveredIndex === null ? null : Math.abs(index - hoveredIndex);\n            const active = turn.messageId === activeMessageId;\n            const inView = visibleMessageIdSet.has(turn.messageId);\n            const previewActive = hoveredIndex === index;\n\n            return (\n              <ThreadRailItem\n                key={turn.key}\n                turn={turn}\n                index={index}\n                distance={distance}\n                active={active}\n                inView={inView}\n                previewId={previewActive ? previewId : undefined}\n                onHoverChange={showPreview}\n                onSelect={selectTurn}\n              />\n            );\n          })}\n        </div>\n      </ScrollArea>\n\n      {previewState.currentTurn && (\n        <ThreadRailPreview\n          id={previewId}\n          currentTurn={previewState.currentTurn}\n          previousTurn={previewState.previousTurn}\n          phase={previewState.phase}\n          top={previewState.top}\n        />\n      )}\n    </nav>\n  );\n}\n\ninterface ThreadRailItemProps {\n  turn: ThreadRailTurn;\n  index: number;\n  distance: number | null;\n  active: boolean;\n  inView: boolean;\n  previewId?: string;\n  onHoverChange: (index: number, element: HTMLElement) => void;\n  onSelect: (turn: ThreadRailTurn) => void;\n}\n\n/** Width of a rail tick: widest at the hovered item, tapering to neighbours. */\nconst getRailItemWidth = (distance: number | null): string => {\n  if (distance === 0) return 'w-4';\n  if (distance === 1) return 'w-3';\n  return 'w-2';\n};\n\n/** Background tone of a rail tick, prioritising hovered/active, then in-view, then proximity. */\nconst getRailItemTone = ({\n  distance,\n  active,\n  inView,\n}: Pick<ThreadRailItemProps, 'distance' | 'active' | 'inView'>): string => {\n  if (distance === 0 || active) return 'bg-foreground';\n  if (inView) return 'bg-foreground/85';\n  if (distance === 1) return 'bg-foreground/70';\n  return 'bg-foreground/40';\n};\n\nfunction ThreadRailItem({\n  turn,\n  index,\n  distance,\n  active,\n  inView,\n  previewId,\n  onHoverChange,\n  onSelect,\n}: ThreadRailItemProps) {\n  const size = getRailItemWidth(distance);\n  const tone = getRailItemTone({ distance, active, inView });\n\n  return (\n    <div\n      data-in-view={inView ? 'true' : undefined}\n      data-active={active ? 'true' : undefined}\n      className=\"group/thread-rail-item relative flex items-center\"\n    >\n      <button\n        type=\"button\"\n        aria-label={`Jump to ${turn.prompt}`}\n        aria-current={active ? 'location' : undefined}\n        aria-describedby={previewId}\n        data-in-view={inView ? 'true' : undefined}\n        data-active={active ? 'true' : undefined}\n        onClick={() => onSelect(turn)}\n        onMouseEnter={event => onHoverChange(index, event.currentTarget)}\n        onFocus={event => onHoverChange(index, event.currentTarget)}\n        className={cn(\n          'relative block h-px cursor-pointer rounded-full transition-[width,background-color] duration-normal ease-out',\n          \"before:absolute before:inset-x-0 before:-inset-y-1 before:content-['']\",\n          'focus-visible:ring-2 focus-visible:ring-accent1/40 focus-visible:outline-hidden',\n          size,\n          tone,\n        )}\n      />\n    </div>\n  );\n}\n\nfunction ThreadRailPreview({\n  id,\n  currentTurn,\n  previousTurn,\n  phase,\n  top,\n}: {\n  id: string;\n  currentTurn: ThreadRailTurn;\n  previousTurn: ThreadRailTurn | undefined;\n  phase: ThreadRailPreviewPhase;\n  top: number;\n}) {\n  const {\n    ref: previewSizerRef,\n    heightStyle: previewHeightStyle,\n    measure: measurePreviewHeight,\n  } = useMeasuredAutoHeight<HTMLDivElement>();\n  const containerVisible = phase === 'visible' || (phase === 'entering' && Boolean(previousTurn));\n  // Entering and exiting share the same off-screen resting style.\n  const hiddenLayerClassName = 'scale-95 opacity-0 blur-xs';\n  const visibleLayerClassName = 'scale-100 opacity-100 blur-none';\n  const layerClassName =\n    'absolute inset-x-0 top-0 h-full origin-left transition-[opacity,filter,scale] duration-150 ease-in-out will-change-[opacity,filter,scale] motion-reduce:scale-100 motion-reduce:blur-none motion-reduce:transition-none';\n\n  React.useLayoutEffect(() => {\n    measurePreviewHeight();\n  }, [currentTurn.key, phase, measurePreviewHeight]);\n\n  return (\n    <div\n      id={id}\n      data-testid=\"thread-rail-preview\"\n      data-visible={containerVisible ? 'true' : undefined}\n      className={cn(\n        'pointer-events-none absolute top-0 left-full z-30 ml-3 w-72 overflow-hidden rounded-xl text-left transition-[height,translate,opacity] duration-360 ease-out-custom will-change-[height,translate,opacity] motion-reduce:transition-none',\n        overlaySurfaceStyle,\n        containerVisible ? 'opacity-100' : 'opacity-0',\n      )}\n      style={{ ...previewHeightStyle, translate: `0 calc(${top}px - 50%)` }}\n    >\n      <div ref={previewSizerRef} data-testid=\"thread-rail-preview-sizer\" aria-hidden className=\"invisible\">\n        <ThreadRailPreviewContent turn={currentTurn} className=\"p-3.5\" />\n      </div>\n      <div data-testid=\"thread-rail-preview-viewport\" className=\"absolute inset-0\">\n        <div className=\"relative h-full\">\n          {previousTurn && (\n            <div\n              key={previousTurn.key}\n              data-testid=\"thread-rail-preview-previous\"\n              aria-hidden\n              className={cn(layerClassName, phase === 'entering' ? visibleLayerClassName : hiddenLayerClassName)}\n            >\n              <ThreadRailPreviewContent turn={previousTurn} className=\"p-3.5\" />\n            </div>\n          )}\n          <div\n            key={currentTurn.key}\n            data-testid=\"thread-rail-preview-current\"\n            className={cn(layerClassName, phase === 'visible' ? visibleLayerClassName : hiddenLayerClassName)}\n          >\n            <ThreadRailPreviewContent turn={currentTurn} className=\"p-3.5\" />\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n\nfunction ThreadRailPreviewContent({\n  turn,\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement> & { turn: ThreadRailTurn }) {\n  return (\n    <div className={className} {...props}>\n      <div className=\"text-subheading text-foreground truncate\">{turn.prompt}</div>\n      {turn.reply && <p className=\"text-caption text-muted-foreground mt-1.5 line-clamp-3\">{turn.reply}</p>}\n      {(turn.files.length > 0 || turn.hiddenFileCount > 0) && (\n        <div className=\"border-border/60 mt-3 flex flex-wrap items-center gap-2 border-t pt-2.5\">\n          {turn.files.map(file => (\n            <span\n              key={file}\n              className=\"text-caption text-muted-foreground inline-flex max-w-44 items-center gap-1.5 truncate\"\n            >\n              <FileText className=\"size-3.5 shrink-0 opacity-70\" aria-hidden />\n              {file}\n            </span>\n          ))}\n          {turn.hiddenFileCount > 0 && (\n            <span className=\"text-column text-muted-foreground\">+{turn.hiddenFileCount}</span>\n          )}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/time-picker-DVt1ZUsS.js

@@ -0,0 +1,76 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useState, useEffect } from 'react';
+import { S as Select, d as SelectTrigger, e as SelectValue, a as SelectContent, c as SelectItem } from './select--DXpTg0O.js';
+import { c as cn } from './cn-65Adrsfj.js';
+
+const hourOptions = ["12", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11"];
+const minuteOptions = ["00", "15", "30", "45", "59"];
+const timePeriodOptions = ["AM", "PM"];
+function TimePicker({ defaultValue, onValueChange, className }) {
+  const [hour, setHour] = useState("12");
+  const [minute, setMinute] = useState("00");
+  const [timePeriod, setTimePeriod] = useState("AM");
+  useEffect(() => {
+    if (defaultValue) {
+      const timeRegex = /^(\d{1,2}):(\d{2})(?::\d{2})?\s*(AM|PM|am|pm)?$/;
+      const match = defaultValue.match(timeRegex);
+      if (match) {
+        const rawHour = match[1];
+        const rawMinute = match[2];
+        if (rawHour === void 0 || rawMinute === void 0) return;
+        let parsedHour = parseInt(rawHour, 10);
+        const parsedMinute = parseInt(rawMinute, 10);
+        const period = match[3]?.toUpperCase();
+        if (parsedHour >= 1 && parsedHour <= 12 && parsedMinute >= 0 && parsedMinute <= 59) {
+          setHour(parsedHour.toString());
+          setMinute(parsedMinute === 0 ? "00" : parsedMinute.toString());
+          setTimePeriod(period || "AM");
+        }
+      }
+    }
+  }, [defaultValue]);
+  const handleHourChange = (val) => {
+    const nextHour = hourOptions[+val];
+    if (nextHour === void 0) return;
+    setHour(nextHour);
+    onValueChange(`${nextHour}:${minute} ${timePeriod}`.trim());
+  };
+  const handleMinuteChange = (val) => {
+    const nextMinute = minuteOptions[+val];
+    if (nextMinute === void 0) return;
+    setMinute(nextMinute);
+    onValueChange(`${hour}:${nextMinute} ${timePeriod}`.trim());
+  };
+  const handleTimePeriodChange = (val) => {
+    const nextPeriod = timePeriodOptions[+val];
+    if (nextPeriod === void 0) return;
+    setTimePeriod(nextPeriod);
+    onValueChange(`${hour}:${minute} ${nextPeriod}`.trim());
+  };
+  return /* @__PURE__ */ jsxs("div", { className: cn("flex items-center gap-2", className), children: [
+    /* @__PURE__ */ jsxs(Select, { name: "hour", value: hourOptions.indexOf(hour).toString(), onValueChange: handleHourChange, children: [
+      /* @__PURE__ */ jsx(SelectTrigger, { size: "sm", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Select..." }) }),
+      /* @__PURE__ */ jsx(SelectContent, { children: hourOptions.map((option, idx) => /* @__PURE__ */ jsx(SelectItem, { value: `${idx}`, children: option }, option)) })
+    ] }),
+    ":",
+    /* @__PURE__ */ jsxs(Select, { name: "minute", value: minuteOptions.indexOf(minute).toString(), onValueChange: handleMinuteChange, children: [
+      /* @__PURE__ */ jsx(SelectTrigger, { size: "sm", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Select..." }) }),
+      /* @__PURE__ */ jsx(SelectContent, { children: minuteOptions.map((option, idx) => /* @__PURE__ */ jsx(SelectItem, { value: `${idx}`, children: option }, option)) })
+    ] }),
+    /* @__PURE__ */ jsxs(
+      Select,
+      {
+        name: "period",
+        value: timePeriodOptions.indexOf(timePeriod).toString(),
+        onValueChange: handleTimePeriodChange,
+        children: [
+          /* @__PURE__ */ jsx(SelectTrigger, { size: "sm", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Select..." }) }),
+          /* @__PURE__ */ jsx(SelectContent, { children: timePeriodOptions.map((option, idx) => /* @__PURE__ */ jsx(SelectItem, { value: `${idx}`, children: option }, option)) })
+        ]
+      }
+    )
+  ] });
+}
+
+export { TimePicker as T };
+//# sourceMappingURL=time-picker-DVt1ZUsS.js.map

package/dist/time-picker-DVt1ZUsS.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"time-picker-DVt1ZUsS.js","sources":["../src/ds/components/DateTimePicker/time-picker.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/ds/components/Select';\nimport { cn } from '@/lib/utils';\n\nexport type TimePickerProps = {\n  defaultValue?: string;\n  onValueChange: (value: string) => void;\n  className?: string;\n};\n\nconst hourOptions = ['12', '1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11'];\nconst minuteOptions = ['00', '15', '30', '45', '59'];\nconst timePeriodOptions = ['AM', 'PM'];\n\nexport function TimePicker({ defaultValue, onValueChange, className }: TimePickerProps) {\n  const [hour, setHour] = useState<string>('12');\n  const [minute, setMinute] = useState<string>('00');\n  const [timePeriod, setTimePeriod] = useState('AM');\n\n  useEffect(() => {\n    if (defaultValue) {\n      const timeRegex = /^(\\d{1,2}):(\\d{2})(?::\\d{2})?\\s*(AM|PM|am|pm)?$/;\n      const match = defaultValue.match(timeRegex);\n\n      if (match) {\n        const rawHour = match[1];\n        const rawMinute = match[2];\n        if (rawHour === undefined || rawMinute === undefined) return;\n\n        let parsedHour = parseInt(rawHour, 10);\n        const parsedMinute = parseInt(rawMinute, 10);\n        const period = match[3]?.toUpperCase();\n\n        if (parsedHour >= 1 && parsedHour <= 12 && parsedMinute >= 0 && parsedMinute <= 59) {\n          setHour(parsedHour.toString());\n          setMinute(parsedMinute === 0 ? '00' : parsedMinute.toString());\n          setTimePeriod(period || 'AM');\n        }\n      }\n    }\n  }, [defaultValue]);\n\n  const handleHourChange = (val: string) => {\n    const nextHour = hourOptions[+val];\n    if (nextHour === undefined) return;\n    setHour(nextHour);\n    onValueChange(`${nextHour}:${minute} ${timePeriod}`.trim());\n  };\n\n  const handleMinuteChange = (val: string) => {\n    const nextMinute = minuteOptions[+val];\n    if (nextMinute === undefined) return;\n    setMinute(nextMinute);\n    onValueChange(`${hour}:${nextMinute} ${timePeriod}`.trim());\n  };\n\n  const handleTimePeriodChange = (val: string) => {\n    const nextPeriod = timePeriodOptions[+val];\n    if (nextPeriod === undefined) return;\n    setTimePeriod(nextPeriod);\n    onValueChange(`${hour}:${minute} ${nextPeriod}`.trim());\n  };\n\n  return (\n    <div className={cn('flex items-center gap-2', className)}>\n      <Select name=\"hour\" value={hourOptions.indexOf(hour).toString()} onValueChange={handleHourChange}>\n        <SelectTrigger size=\"sm\">\n          <SelectValue placeholder=\"Select...\" />\n        </SelectTrigger>\n        <SelectContent>\n          {hourOptions.map((option, idx) => (\n            <SelectItem key={option} value={`${idx}`}>\n              {option}\n            </SelectItem>\n          ))}\n        </SelectContent>\n      </Select>\n      :\n      <Select name=\"minute\" value={minuteOptions.indexOf(minute).toString()} onValueChange={handleMinuteChange}>\n        <SelectTrigger size=\"sm\">\n          <SelectValue placeholder=\"Select...\" />\n        </SelectTrigger>\n        <SelectContent>\n          {minuteOptions.map((option, idx) => (\n            <SelectItem key={option} value={`${idx}`}>\n              {option}\n            </SelectItem>\n          ))}\n        </SelectContent>\n      </Select>\n      <Select\n        name=\"period\"\n        value={timePeriodOptions.indexOf(timePeriod).toString()}\n        onValueChange={handleTimePeriodChange}\n      >\n        <SelectTrigger size=\"sm\">\n          <SelectValue placeholder=\"Select...\" />\n        </SelectTrigger>\n        <SelectContent>\n          {timePeriodOptions.map((option, idx) => (\n            <SelectItem key={option} value={`${idx}`}>\n              {option}\n            </SelectItem>\n          ))}\n        </SelectContent>\n      </Select>\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/time-picker-Dlm-C-n4.cjs

@@ -0,0 +1,78 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const React = require('react');
+const select = require('./select-7ACAVdGX.cjs');
+const utils_cn = require('./cn-DG0X1KEP.cjs');
+
+const hourOptions = ["12", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11"];
+const minuteOptions = ["00", "15", "30", "45", "59"];
+const timePeriodOptions = ["AM", "PM"];
+function TimePicker({ defaultValue, onValueChange, className }) {
+  const [hour, setHour] = React.useState("12");
+  const [minute, setMinute] = React.useState("00");
+  const [timePeriod, setTimePeriod] = React.useState("AM");
+  React.useEffect(() => {
+    if (defaultValue) {
+      const timeRegex = /^(\d{1,2}):(\d{2})(?::\d{2})?\s*(AM|PM|am|pm)?$/;
+      const match = defaultValue.match(timeRegex);
+      if (match) {
+        const rawHour = match[1];
+        const rawMinute = match[2];
+        if (rawHour === void 0 || rawMinute === void 0) return;
+        let parsedHour = parseInt(rawHour, 10);
+        const parsedMinute = parseInt(rawMinute, 10);
+        const period = match[3]?.toUpperCase();
+        if (parsedHour >= 1 && parsedHour <= 12 && parsedMinute >= 0 && parsedMinute <= 59) {
+          setHour(parsedHour.toString());
+          setMinute(parsedMinute === 0 ? "00" : parsedMinute.toString());
+          setTimePeriod(period || "AM");
+        }
+      }
+    }
+  }, [defaultValue]);
+  const handleHourChange = (val) => {
+    const nextHour = hourOptions[+val];
+    if (nextHour === void 0) return;
+    setHour(nextHour);
+    onValueChange(`${nextHour}:${minute} ${timePeriod}`.trim());
+  };
+  const handleMinuteChange = (val) => {
+    const nextMinute = minuteOptions[+val];
+    if (nextMinute === void 0) return;
+    setMinute(nextMinute);
+    onValueChange(`${hour}:${nextMinute} ${timePeriod}`.trim());
+  };
+  const handleTimePeriodChange = (val) => {
+    const nextPeriod = timePeriodOptions[+val];
+    if (nextPeriod === void 0) return;
+    setTimePeriod(nextPeriod);
+    onValueChange(`${hour}:${minute} ${nextPeriod}`.trim());
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: utils_cn.cn("flex items-center gap-2", className), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(select.Select, { name: "hour", value: hourOptions.indexOf(hour).toString(), onValueChange: handleHourChange, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(select.SelectTrigger, { size: "sm", children: /* @__PURE__ */ jsxRuntime.jsx(select.SelectValue, { placeholder: "Select..." }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(select.SelectContent, { children: hourOptions.map((option, idx) => /* @__PURE__ */ jsxRuntime.jsx(select.SelectItem, { value: `${idx}`, children: option }, option)) })
+    ] }),
+    ":",
+    /* @__PURE__ */ jsxRuntime.jsxs(select.Select, { name: "minute", value: minuteOptions.indexOf(minute).toString(), onValueChange: handleMinuteChange, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(select.SelectTrigger, { size: "sm", children: /* @__PURE__ */ jsxRuntime.jsx(select.SelectValue, { placeholder: "Select..." }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(select.SelectContent, { children: minuteOptions.map((option, idx) => /* @__PURE__ */ jsxRuntime.jsx(select.SelectItem, { value: `${idx}`, children: option }, option)) })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      select.Select,
+      {
+        name: "period",
+        value: timePeriodOptions.indexOf(timePeriod).toString(),
+        onValueChange: handleTimePeriodChange,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(select.SelectTrigger, { size: "sm", children: /* @__PURE__ */ jsxRuntime.jsx(select.SelectValue, { placeholder: "Select..." }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(select.SelectContent, { children: timePeriodOptions.map((option, idx) => /* @__PURE__ */ jsxRuntime.jsx(select.SelectItem, { value: `${idx}`, children: option }, option)) })
+        ]
+      }
+    )
+  ] });
+}
+
+exports.TimePicker = TimePicker;
+//# sourceMappingURL=time-picker-Dlm-C-n4.cjs.map

package/dist/time-picker-Dlm-C-n4.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"time-picker-Dlm-C-n4.cjs","sources":["../src/ds/components/DateTimePicker/time-picker.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/ds/components/Select';\nimport { cn } from '@/lib/utils';\n\nexport type TimePickerProps = {\n  defaultValue?: string;\n  onValueChange: (value: string) => void;\n  className?: string;\n};\n\nconst hourOptions = ['12', '1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11'];\nconst minuteOptions = ['00', '15', '30', '45', '59'];\nconst timePeriodOptions = ['AM', 'PM'];\n\nexport function TimePicker({ defaultValue, onValueChange, className }: TimePickerProps) {\n  const [hour, setHour] = useState<string>('12');\n  const [minute, setMinute] = useState<string>('00');\n  const [timePeriod, setTimePeriod] = useState('AM');\n\n  useEffect(() => {\n    if (defaultValue) {\n      const timeRegex = /^(\\d{1,2}):(\\d{2})(?::\\d{2})?\\s*(AM|PM|am|pm)?$/;\n      const match = defaultValue.match(timeRegex);\n\n      if (match) {\n        const rawHour = match[1];\n        const rawMinute = match[2];\n        if (rawHour === undefined || rawMinute === undefined) return;\n\n        let parsedHour = parseInt(rawHour, 10);\n        const parsedMinute = parseInt(rawMinute, 10);\n        const period = match[3]?.toUpperCase();\n\n        if (parsedHour >= 1 && parsedHour <= 12 && parsedMinute >= 0 && parsedMinute <= 59) {\n          setHour(parsedHour.toString());\n          setMinute(parsedMinute === 0 ? '00' : parsedMinute.toString());\n          setTimePeriod(period || 'AM');\n        }\n      }\n    }\n  }, [defaultValue]);\n\n  const handleHourChange = (val: string) => {\n    const nextHour = hourOptions[+val];\n    if (nextHour === undefined) return;\n    setHour(nextHour);\n    onValueChange(`${nextHour}:${minute} ${timePeriod}`.trim());\n  };\n\n  const handleMinuteChange = (val: string) => {\n    const nextMinute = minuteOptions[+val];\n    if (nextMinute === undefined) return;\n    setMinute(nextMinute);\n    onValueChange(`${hour}:${nextMinute} ${timePeriod}`.trim());\n  };\n\n  const handleTimePeriodChange = (val: string) => {\n    const nextPeriod = timePeriodOptions[+val];\n    if (nextPeriod === undefined) return;\n    setTimePeriod(nextPeriod);\n    onValueChange(`${hour}:${minute} ${nextPeriod}`.trim());\n  };\n\n  return (\n    <div className={cn('flex items-center gap-2', className)}>\n      <Select name=\"hour\" value={hourOptions.indexOf(hour).toString()} onValueChange={handleHourChange}>\n        <SelectTrigger size=\"sm\">\n          <SelectValue placeholder=\"Select...\" />\n        </SelectTrigger>\n        <SelectContent>\n          {hourOptions.map((option, idx) => (\n            <SelectItem key={option} value={`${idx}`}>\n              {option}\n            </SelectItem>\n          ))}\n        </SelectContent>\n      </Select>\n      :\n      <Select name=\"minute\" value={minuteOptions.indexOf(minute).toString()} onValueChange={handleMinuteChange}>\n        <SelectTrigger size=\"sm\">\n          <SelectValue placeholder=\"Select...\" />\n        </SelectTrigger>\n        <SelectContent>\n          {minuteOptions.map((option, idx) => (\n            <SelectItem key={option} value={`${idx}`}>\n              {option}\n            </SelectItem>\n          ))}\n        </SelectContent>\n      </Select>\n      <Select\n        name=\"period\"\n        value={timePeriodOptions.indexOf(timePeriod).toString()}\n        onValueChange={handleTimePeriodChange}\n      >\n        <SelectTrigger size=\"sm\">\n          <SelectValue placeholder=\"Select...\" />\n        </SelectTrigger>\n        <SelectContent>\n          {timePeriodOptions.map((option, idx) => (\n            <SelectItem key={option} value={`${idx}`}>\n              {option}\n            </SelectItem>\n          ))}\n        </SelectContent>\n      </Select>\n    </div>\n  );\n}\n"],"names":["useState","useEffect","cn","jsxs","Select","jsx","SelectTrigger","SelectValue","SelectContent","SelectItem"],"mappings":"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"}

package/dist/toast-c5kCpyWt.js

@@ -0,0 +1,52 @@
+import { jsx } from 'react/jsx-runtime';
+import React__default from 'react';
+import { toast as toast$1, Toaster as Toaster$1 } from 'sonner';
+import { c as cn } from './cn-65Adrsfj.js';
+
+import './toast.css';const Toaster = ({ className, toastOptions, ...rest }) => /* @__PURE__ */ jsx(
+  Toaster$1,
+  {
+    ...rest,
+    closeButton: true,
+    richColors: true,
+    className: cn("mastra-toaster", className),
+    toastOptions: { duration: 5e3, ...toastOptions }
+  }
+);
+const forEachOrOnce = (message, emit) => Array.isArray(message) ? message.map(emit) : emit(message);
+const toast = (message, options = {}) => {
+  if (Array.isArray(message)) return message.map((m) => toast$1(m, options));
+  if (React__default.isValidElement(message) || typeof message === "string") return toast$1(message, options);
+  throw new Error("Invalid message type");
+};
+toast.success = (message, options = {}) => forEachOrOnce(message, (m) => toast$1.success(m, options));
+toast.error = (message, options = {}) => forEachOrOnce(message, (m) => toast$1.error(m, options));
+toast.warning = (message, options = {}) => forEachOrOnce(message, (m) => toast$1.warning(m, options));
+toast.info = (message, options = {}) => forEachOrOnce(message, (m) => toast$1.info(m, options));
+toast.custom = (message, options = {}) => toast$1(message, options);
+toast.dismiss = (toastId) => toast$1.dismiss(toastId);
+toast.promise = ({
+  myPromise,
+  loadingMessage,
+  successMessage,
+  errorMessage,
+  onSuccess,
+  onError,
+  options = {}
+}) => toast$1.promise(myPromise, {
+  loading: loadingMessage ?? "Loading...",
+  success: (data) => {
+    onSuccess?.(data);
+    return successMessage;
+  },
+  error: (err) => {
+    onError?.(err);
+    if (errorMessage) return errorMessage;
+    if (err instanceof Error) return err.message;
+    return "Error...";
+  },
+  ...options
+});
+
+export { Toaster as T, toast as t };
+//# sourceMappingURL=toast-c5kCpyWt.js.map

package/dist/toast-c5kCpyWt.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast-c5kCpyWt.js","sources":["../src/lib/toast.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport React from 'react';\nimport type { ExternalToast, ToasterProps } from 'sonner';\nimport { toast as sonnerToast, Toaster as SonnerToaster } from 'sonner';\n\nimport { cn } from '@/lib/utils';\n\nimport './toast.css';\n\n// All theming lives in `.mastra-toaster` (see toast.css) — sonner reads --success-bg / --error-bg / etc.\n// from richColors mode. `rest` is spread first so callers can't override the closeButton / richColors\n// contract (sonner's per-type tinted colors only kick in with richColors, and the close button is the\n// only built-in dismiss affordance we expose).\nexport const Toaster = ({ className, toastOptions, ...rest }: ToasterProps) => (\n  <SonnerToaster\n    {...rest}\n    closeButton\n    richColors\n    className={cn('mastra-toaster', className)}\n    toastOptions={{ duration: 5000, ...toastOptions }}\n  />\n);\n\n// Forward sonner's return value so callers can update/dismiss by id later.\nconst forEachOrOnce = <M, R>(message: M | M[], emit: (m: M) => R): R | R[] =>\n  Array.isArray(message) ? message.map(emit) : emit(message);\n\nexport const toast = (message: string | string[] | ReactNode, options: ExternalToast = {}) => {\n  if (Array.isArray(message)) return message.map(m => sonnerToast(m, options));\n  if (React.isValidElement(message) || typeof message === 'string') return sonnerToast(message, options);\n  throw new Error('Invalid message type');\n};\n\ntoast.success = (message: string | string[], options: ExternalToast = {}) =>\n  forEachOrOnce(message, m => sonnerToast.success(m, options));\ntoast.error = (message: string | string[], options: ExternalToast = {}) =>\n  forEachOrOnce(message, m => sonnerToast.error(m, options));\ntoast.warning = (message: string | string[], options: ExternalToast = {}) =>\n  forEachOrOnce(message, m => sonnerToast.warning(m, options));\ntoast.info = (message: string | string[], options: ExternalToast = {}) =>\n  forEachOrOnce(message, m => sonnerToast.info(m, options));\n\ntoast.custom = (message: ReactNode, options: ExternalToast = {}) => sonnerToast(message, options);\n\ntoast.dismiss = (toastId?: string | number) => sonnerToast.dismiss(toastId);\n\ntoast.promise = <T,>({\n  myPromise,\n  loadingMessage,\n  successMessage,\n  errorMessage,\n  onSuccess,\n  onError,\n  options = {},\n}: {\n  myPromise: Promise<T>;\n  successMessage: string;\n  loadingMessage?: string;\n  errorMessage?: string;\n  onSuccess?: (data: T) => void;\n  onError?: (err: unknown) => void;\n  options?: ExternalToast;\n}) =>\n  sonnerToast.promise(myPromise, {\n    loading: loadingMessage ?? 'Loading...',\n    success: (data: T) => {\n      onSuccess?.(data);\n      return successMessage;\n    },\n    error: (err: unknown) => {\n      onError?.(err);\n      if (errorMessage) return errorMessage;\n      if (err instanceof Error) return err.message;\n      return 'Error...';\n    },\n    ...options,\n  });\n"],"names":["SonnerToaster","sonnerToast","React"],"mappings":"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"}