@mastra/playground-ui 40.0.0-alpha.3 → 40.0.0-alpha.4

package/dist/message-scroller-hooks-CdsHnth6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"message-scroller-hooks-CdsHnth6.js","sources":["../src/ds/components/MessageScroller/message-scroller-context.ts","../src/ds/components/MessageScroller/message-scroller-hooks.ts"],"sourcesContent":["import * as React from 'react';\n\nexport type MessageScrollerDefaultScrollPosition = 'start' | 'end' | 'last-anchor';\nexport type MessageScrollerButtonDirection = 'start' | 'end';\nexport type MessageScrollerScrollAlign = 'start' | 'center' | 'end' | 'nearest';\n\nexport type MessageScrollerScrollOptions = {\n  align?: MessageScrollerScrollAlign;\n  behavior?: ScrollBehavior;\n  scrollMargin?: number;\n};\n\nexport type MessageScrollerScrollable = {\n  start: boolean;\n  end: boolean;\n};\n\nexport type MessageScrollerVisibility = {\n  currentAnchorId: string | undefined;\n  visibleMessageIds: string[];\n};\n\nexport type MessageScrollerActionsContextValue = {\n  registerItem: (messageId: string, element: HTMLElement, scrollAnchor: boolean) => () => void;\n  scrollToEnd: (options?: MessageScrollerScrollOptions) => boolean;\n  scrollToMessage: (messageId: string, options?: MessageScrollerScrollOptions) => boolean;\n  scrollToStart: (options?: MessageScrollerScrollOptions) => boolean;\n  setContentElement: (element: HTMLDivElement | null) => void;\n  setRootElement: (element: HTMLDivElement | null) => void;\n  setViewportElement: (element: HTMLDivElement | null) => void;\n  syncAfterScroll: () => void;\n};\n\nexport const DEFAULT_SCROLLABLE: MessageScrollerScrollable = { start: false, end: false };\nexport const DEFAULT_VISIBILITY: MessageScrollerVisibility = { currentAnchorId: undefined, visibleMessageIds: [] };\nexport const DEFAULT_SCROLL_EDGE_THRESHOLD = 8;\nexport const DEFAULT_SCROLL_MARGIN = 0;\nexport const DEFAULT_SCROLL_PREVIOUS_ITEM_PEEK = 64;\n\nexport const MessageScrollerActionsContext = React.createContext<MessageScrollerActionsContextValue | null>(null);\nexport const MessageScrollerScrollableContext = React.createContext<MessageScrollerScrollable | null>(null);\nexport const MessageScrollerVisibilityContext = React.createContext<MessageScrollerVisibility | null>(null);\n\nconst useRequiredContext = <TValue>(context: React.Context<TValue | null>, hookName: string) => {\n  const value = React.useContext(context);\n  if (!value) throw new Error(`${hookName} must be used within MessageScrollerProvider.`);\n  return value;\n};\n\nexport const useRequiredMessageScrollerActionsContext = (hookName: string) =>\n  useRequiredContext(MessageScrollerActionsContext, hookName);\n\nexport const useRequiredMessageScrollerScrollableContext = (hookName: string) =>\n  useRequiredContext(MessageScrollerScrollableContext, hookName);\n\nexport const useRequiredMessageScrollerVisibilityContext = (hookName: string) =>\n  useRequiredContext(MessageScrollerVisibilityContext, hookName);\n","import * as React from 'react';\n\nimport {\n  MessageScrollerActionsContext,\n  MessageScrollerScrollableContext,\n  MessageScrollerVisibilityContext,\n  useRequiredMessageScrollerActionsContext,\n  useRequiredMessageScrollerScrollableContext,\n  useRequiredMessageScrollerVisibilityContext,\n} from './message-scroller-context';\n\nexport const useMessageScroller = () => {\n  const { scrollToEnd, scrollToMessage, scrollToStart } =\n    useRequiredMessageScrollerActionsContext('useMessageScroller');\n  return React.useMemo(\n    () => ({ scrollToEnd, scrollToMessage, scrollToStart }),\n    [scrollToEnd, scrollToMessage, scrollToStart],\n  );\n};\n\nexport const useOptionalMessageScroller = () => {\n  const context = React.useContext(MessageScrollerActionsContext);\n  return React.useMemo(() => {\n    if (!context) return undefined;\n    return {\n      scrollToEnd: context.scrollToEnd,\n      scrollToMessage: context.scrollToMessage,\n      scrollToStart: context.scrollToStart,\n    };\n  }, [context]);\n};\n\nexport const useMessageScrollerScrollable = () => {\n  const { start, end } = useRequiredMessageScrollerScrollableContext('useMessageScrollerScrollable');\n  return React.useMemo(() => ({ start, end }), [end, start]);\n};\n\nexport const useOptionalMessageScrollerScrollable = () => {\n  const context = React.useContext(MessageScrollerScrollableContext);\n  return React.useMemo(() => (context ? { start: context.start, end: context.end } : undefined), [context]);\n};\n\nexport const useMessageScrollerVisibility = () => {\n  const { currentAnchorId, visibleMessageIds } =\n    useRequiredMessageScrollerVisibilityContext('useMessageScrollerVisibility');\n  return React.useMemo(() => ({ currentAnchorId, visibleMessageIds }), [currentAnchorId, visibleMessageIds]);\n};\n\nexport const useOptionalMessageScrollerVisibility = () => {\n  const context = React.useContext(MessageScrollerVisibilityContext);\n  return React.useMemo(\n    () =>\n      context\n        ? {\n            currentAnchorId: context.currentAnchorId,\n            visibleMessageIds: context.visibleMessageIds,\n          }\n        : undefined,\n    [context],\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/message-scroller-hooks-DdXqrmC2.cjs

@@ -0,0 +1,98 @@
+'use strict';
+
+const React = require('react');
+
+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 DEFAULT_SCROLLABLE = { start: false, end: false };
+const DEFAULT_VISIBILITY = { currentAnchorId: void 0, visibleMessageIds: [] };
+const DEFAULT_SCROLL_EDGE_THRESHOLD = 8;
+const DEFAULT_SCROLL_MARGIN = 0;
+const DEFAULT_SCROLL_PREVIOUS_ITEM_PEEK = 64;
+const MessageScrollerActionsContext = React__namespace.createContext(null);
+const MessageScrollerScrollableContext = React__namespace.createContext(null);
+const MessageScrollerVisibilityContext = React__namespace.createContext(null);
+const useRequiredContext = (context, hookName) => {
+  const value = React__namespace.useContext(context);
+  if (!value) throw new Error(`${hookName} must be used within MessageScrollerProvider.`);
+  return value;
+};
+const useRequiredMessageScrollerActionsContext = (hookName) => useRequiredContext(MessageScrollerActionsContext, hookName);
+const useRequiredMessageScrollerScrollableContext = (hookName) => useRequiredContext(MessageScrollerScrollableContext, hookName);
+const useRequiredMessageScrollerVisibilityContext = (hookName) => useRequiredContext(MessageScrollerVisibilityContext, hookName);
+
+const useMessageScroller = () => {
+  const { scrollToEnd, scrollToMessage, scrollToStart } = useRequiredMessageScrollerActionsContext("useMessageScroller");
+  return React__namespace.useMemo(
+    () => ({ scrollToEnd, scrollToMessage, scrollToStart }),
+    [scrollToEnd, scrollToMessage, scrollToStart]
+  );
+};
+const useOptionalMessageScroller = () => {
+  const context = React__namespace.useContext(MessageScrollerActionsContext);
+  return React__namespace.useMemo(() => {
+    if (!context) return void 0;
+    return {
+      scrollToEnd: context.scrollToEnd,
+      scrollToMessage: context.scrollToMessage,
+      scrollToStart: context.scrollToStart
+    };
+  }, [context]);
+};
+const useMessageScrollerScrollable = () => {
+  const { start, end } = useRequiredMessageScrollerScrollableContext("useMessageScrollerScrollable");
+  return React__namespace.useMemo(() => ({ start, end }), [end, start]);
+};
+const useOptionalMessageScrollerScrollable = () => {
+  const context = React__namespace.useContext(MessageScrollerScrollableContext);
+  return React__namespace.useMemo(() => context ? { start: context.start, end: context.end } : void 0, [context]);
+};
+const useMessageScrollerVisibility = () => {
+  const { currentAnchorId, visibleMessageIds } = useRequiredMessageScrollerVisibilityContext("useMessageScrollerVisibility");
+  return React__namespace.useMemo(() => ({ currentAnchorId, visibleMessageIds }), [currentAnchorId, visibleMessageIds]);
+};
+const useOptionalMessageScrollerVisibility = () => {
+  const context = React__namespace.useContext(MessageScrollerVisibilityContext);
+  return React__namespace.useMemo(
+    () => context ? {
+      currentAnchorId: context.currentAnchorId,
+      visibleMessageIds: context.visibleMessageIds
+    } : void 0,
+    [context]
+  );
+};
+
+exports.DEFAULT_SCROLLABLE = DEFAULT_SCROLLABLE;
+exports.DEFAULT_SCROLL_EDGE_THRESHOLD = DEFAULT_SCROLL_EDGE_THRESHOLD;
+exports.DEFAULT_SCROLL_MARGIN = DEFAULT_SCROLL_MARGIN;
+exports.DEFAULT_SCROLL_PREVIOUS_ITEM_PEEK = DEFAULT_SCROLL_PREVIOUS_ITEM_PEEK;
+exports.DEFAULT_VISIBILITY = DEFAULT_VISIBILITY;
+exports.MessageScrollerActionsContext = MessageScrollerActionsContext;
+exports.MessageScrollerScrollableContext = MessageScrollerScrollableContext;
+exports.MessageScrollerVisibilityContext = MessageScrollerVisibilityContext;
+exports.useMessageScroller = useMessageScroller;
+exports.useMessageScrollerScrollable = useMessageScrollerScrollable;
+exports.useMessageScrollerVisibility = useMessageScrollerVisibility;
+exports.useOptionalMessageScroller = useOptionalMessageScroller;
+exports.useOptionalMessageScrollerScrollable = useOptionalMessageScrollerScrollable;
+exports.useOptionalMessageScrollerVisibility = useOptionalMessageScrollerVisibility;
+exports.useRequiredMessageScrollerActionsContext = useRequiredMessageScrollerActionsContext;
+exports.useRequiredMessageScrollerScrollableContext = useRequiredMessageScrollerScrollableContext;
+//# sourceMappingURL=message-scroller-hooks-DdXqrmC2.cjs.map

package/dist/message-scroller-hooks-DdXqrmC2.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"message-scroller-hooks-DdXqrmC2.cjs","sources":["../src/ds/components/MessageScroller/message-scroller-context.ts","../src/ds/components/MessageScroller/message-scroller-hooks.ts"],"sourcesContent":["import * as React from 'react';\n\nexport type MessageScrollerDefaultScrollPosition = 'start' | 'end' | 'last-anchor';\nexport type MessageScrollerButtonDirection = 'start' | 'end';\nexport type MessageScrollerScrollAlign = 'start' | 'center' | 'end' | 'nearest';\n\nexport type MessageScrollerScrollOptions = {\n  align?: MessageScrollerScrollAlign;\n  behavior?: ScrollBehavior;\n  scrollMargin?: number;\n};\n\nexport type MessageScrollerScrollable = {\n  start: boolean;\n  end: boolean;\n};\n\nexport type MessageScrollerVisibility = {\n  currentAnchorId: string | undefined;\n  visibleMessageIds: string[];\n};\n\nexport type MessageScrollerActionsContextValue = {\n  registerItem: (messageId: string, element: HTMLElement, scrollAnchor: boolean) => () => void;\n  scrollToEnd: (options?: MessageScrollerScrollOptions) => boolean;\n  scrollToMessage: (messageId: string, options?: MessageScrollerScrollOptions) => boolean;\n  scrollToStart: (options?: MessageScrollerScrollOptions) => boolean;\n  setContentElement: (element: HTMLDivElement | null) => void;\n  setRootElement: (element: HTMLDivElement | null) => void;\n  setViewportElement: (element: HTMLDivElement | null) => void;\n  syncAfterScroll: () => void;\n};\n\nexport const DEFAULT_SCROLLABLE: MessageScrollerScrollable = { start: false, end: false };\nexport const DEFAULT_VISIBILITY: MessageScrollerVisibility = { currentAnchorId: undefined, visibleMessageIds: [] };\nexport const DEFAULT_SCROLL_EDGE_THRESHOLD = 8;\nexport const DEFAULT_SCROLL_MARGIN = 0;\nexport const DEFAULT_SCROLL_PREVIOUS_ITEM_PEEK = 64;\n\nexport const MessageScrollerActionsContext = React.createContext<MessageScrollerActionsContextValue | null>(null);\nexport const MessageScrollerScrollableContext = React.createContext<MessageScrollerScrollable | null>(null);\nexport const MessageScrollerVisibilityContext = React.createContext<MessageScrollerVisibility | null>(null);\n\nconst useRequiredContext = <TValue>(context: React.Context<TValue | null>, hookName: string) => {\n  const value = React.useContext(context);\n  if (!value) throw new Error(`${hookName} must be used within MessageScrollerProvider.`);\n  return value;\n};\n\nexport const useRequiredMessageScrollerActionsContext = (hookName: string) =>\n  useRequiredContext(MessageScrollerActionsContext, hookName);\n\nexport const useRequiredMessageScrollerScrollableContext = (hookName: string) =>\n  useRequiredContext(MessageScrollerScrollableContext, hookName);\n\nexport const useRequiredMessageScrollerVisibilityContext = (hookName: string) =>\n  useRequiredContext(MessageScrollerVisibilityContext, hookName);\n","import * as React from 'react';\n\nimport {\n  MessageScrollerActionsContext,\n  MessageScrollerScrollableContext,\n  MessageScrollerVisibilityContext,\n  useRequiredMessageScrollerActionsContext,\n  useRequiredMessageScrollerScrollableContext,\n  useRequiredMessageScrollerVisibilityContext,\n} from './message-scroller-context';\n\nexport const useMessageScroller = () => {\n  const { scrollToEnd, scrollToMessage, scrollToStart } =\n    useRequiredMessageScrollerActionsContext('useMessageScroller');\n  return React.useMemo(\n    () => ({ scrollToEnd, scrollToMessage, scrollToStart }),\n    [scrollToEnd, scrollToMessage, scrollToStart],\n  );\n};\n\nexport const useOptionalMessageScroller = () => {\n  const context = React.useContext(MessageScrollerActionsContext);\n  return React.useMemo(() => {\n    if (!context) return undefined;\n    return {\n      scrollToEnd: context.scrollToEnd,\n      scrollToMessage: context.scrollToMessage,\n      scrollToStart: context.scrollToStart,\n    };\n  }, [context]);\n};\n\nexport const useMessageScrollerScrollable = () => {\n  const { start, end } = useRequiredMessageScrollerScrollableContext('useMessageScrollerScrollable');\n  return React.useMemo(() => ({ start, end }), [end, start]);\n};\n\nexport const useOptionalMessageScrollerScrollable = () => {\n  const context = React.useContext(MessageScrollerScrollableContext);\n  return React.useMemo(() => (context ? { start: context.start, end: context.end } : undefined), [context]);\n};\n\nexport const useMessageScrollerVisibility = () => {\n  const { currentAnchorId, visibleMessageIds } =\n    useRequiredMessageScrollerVisibilityContext('useMessageScrollerVisibility');\n  return React.useMemo(() => ({ currentAnchorId, visibleMessageIds }), [currentAnchorId, visibleMessageIds]);\n};\n\nexport const useOptionalMessageScrollerVisibility = () => {\n  const context = React.useContext(MessageScrollerVisibilityContext);\n  return React.useMemo(\n    () =>\n      context\n        ? {\n            currentAnchorId: context.currentAnchorId,\n            visibleMessageIds: context.visibleMessageIds,\n          }\n        : undefined,\n    [context],\n  );\n};\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAiCO,MAAM,kBAAA,GAAgD,EAAE,KAAA,EAAO,KAAA,EAAO,KAAK,KAAA;AAC3E,MAAM,qBAAgD,EAAE,eAAA,EAAiB,MAAA,EAAW,iBAAA,EAAmB,EAAC;AACxG,MAAM,6BAAA,GAAgC;AACtC,MAAM,qBAAA,GAAwB;AAC9B,MAAM,iCAAA,GAAoC;AAE1C,MAAM,6BAAA,GAAgCA,gBAAA,CAAM,aAAA,CAAyD,IAAI;AACzG,MAAM,gCAAA,GAAmCA,gBAAA,CAAM,aAAA,CAAgD,IAAI;AACnG,MAAM,gCAAA,GAAmCA,gBAAA,CAAM,aAAA,CAAgD,IAAI;AAE1G,MAAM,kBAAA,GAAqB,CAAS,OAAA,EAAuC,QAAA,KAAqB;AAC9F,EAAA,MAAM,KAAA,GAAQA,gBAAA,CAAM,UAAA,CAAW,OAAO,CAAA;AACtC,EAAA,IAAI,CAAC,KAAA,EAAO,MAAM,IAAI,KAAA,CAAM,CAAA,EAAG,QAAQ,CAAA,6CAAA,CAA+C,CAAA;AACtF,EAAA,OAAO,KAAA;AACT,CAAA;AAEO,MAAM,wCAAA,GAA2C,CAAC,QAAA,KACvD,kBAAA,CAAmB,+BAA+B,QAAQ;AAErD,MAAM,2CAAA,GAA8C,CAAC,QAAA,KAC1D,kBAAA,CAAmB,kCAAkC,QAAQ;AAExD,MAAM,2CAAA,GAA8C,CAAC,QAAA,KAC1D,kBAAA,CAAmB,kCAAkC,QAAQ,CAAA;;AC7CxD,MAAM,qBAAqB,MAAM;AACtC,EAAA,MAAM,EAAE,WAAA,EAAa,eAAA,EAAiB,aAAA,EAAc,GAClD,yCAAyC,oBAAoB,CAAA;AAC/D,EAAA,OAAOA,gBAAA,CAAM,OAAA;AAAA,IACX,OAAO,EAAE,WAAA,EAAa,eAAA,EAAiB,aAAA,EAAc,CAAA;AAAA,IACrD,CAAC,WAAA,EAAa,eAAA,EAAiB,aAAa;AAAA,GAC9C;AACF;AAEO,MAAM,6BAA6B,MAAM;AAC9C,EAAA,MAAM,OAAA,GAAUA,gBAAA,CAAM,UAAA,CAAW,6BAA6B,CAAA;AAC9D,EAAA,OAAOA,gBAAA,CAAM,QAAQ,MAAM;AACzB,IAAA,IAAI,CAAC,SAAS,OAAO,MAAA;AACrB,IAAA,OAAO;AAAA,MACL,aAAa,OAAA,CAAQ,WAAA;AAAA,MACrB,iBAAiB,OAAA,CAAQ,eAAA;AAAA,MACzB,eAAe,OAAA,CAAQ;AAAA,KACzB;AAAA,EACF,CAAA,EAAG,CAAC,OAAO,CAAC,CAAA;AACd;AAEO,MAAM,+BAA+B,MAAM;AAChD,EAAA,MAAM,EAAE,KAAA,EAAO,GAAA,EAAI,GAAI,4CAA4C,8BAA8B,CAAA;AACjG,EAAA,OAAOA,gBAAA,CAAM,OAAA,CAAQ,OAAO,EAAE,KAAA,EAAO,KAAI,CAAA,EAAI,CAAC,GAAA,EAAK,KAAK,CAAC,CAAA;AAC3D;AAEO,MAAM,uCAAuC,MAAM;AACxD,EAAA,MAAM,OAAA,GAAUA,gBAAA,CAAM,UAAA,CAAW,gCAAgC,CAAA;AACjE,EAAA,OAAOA,gBAAA,CAAM,OAAA,CAAQ,MAAO,OAAA,GAAU,EAAE,KAAA,EAAO,OAAA,CAAQ,KAAA,EAAO,GAAA,EAAK,QAAQ,GAAA,EAAI,GAAI,MAAA,EAAY,CAAC,OAAO,CAAC,CAAA;AAC1G;AAEO,MAAM,+BAA+B,MAAM;AAChD,EAAA,MAAM,EAAE,eAAA,EAAiB,iBAAA,EAAkB,GACzC,4CAA4C,8BAA8B,CAAA;AAC5E,EAAA,OAAOA,gBAAA,CAAM,OAAA,CAAQ,OAAO,EAAE,eAAA,EAAiB,mBAAkB,CAAA,EAAI,CAAC,eAAA,EAAiB,iBAAiB,CAAC,CAAA;AAC3G;AAEO,MAAM,uCAAuC,MAAM;AACxD,EAAA,MAAM,OAAA,GAAUA,gBAAA,CAAM,UAAA,CAAW,gCAAgC,CAAA;AACjE,EAAA,OAAOA,gBAAA,CAAM,OAAA;AAAA,IACX,MACE,OAAA,GACI;AAAA,MACE,iBAAiB,OAAA,CAAQ,eAAA;AAAA,MACzB,mBAAmB,OAAA,CAAQ;AAAA,KAC7B,GACA,MAAA;AAAA,IACN,CAAC,OAAO;AAAA,GACV;AACF;;;;;;;;;;;;;;;;;;;"}

package/dist/src/ds/components/MessageScroller/index.d.ts

@@ -0,0 +1,2 @@
+export * from './message-scroller';
+export * from './message-scroller-hooks';

package/dist/src/ds/components/MessageScroller/message-scroller-context.d.ts

@@ -0,0 +1,38 @@
+import * as React from 'react';
+export type MessageScrollerDefaultScrollPosition = 'start' | 'end' | 'last-anchor';
+export type MessageScrollerButtonDirection = 'start' | 'end';
+export type MessageScrollerScrollAlign = 'start' | 'center' | 'end' | 'nearest';
+export type MessageScrollerScrollOptions = {
+    align?: MessageScrollerScrollAlign;
+    behavior?: ScrollBehavior;
+    scrollMargin?: number;
+};
+export type MessageScrollerScrollable = {
+    start: boolean;
+    end: boolean;
+};
+export type MessageScrollerVisibility = {
+    currentAnchorId: string | undefined;
+    visibleMessageIds: string[];
+};
+export type MessageScrollerActionsContextValue = {
+    registerItem: (messageId: string, element: HTMLElement, scrollAnchor: boolean) => () => void;
+    scrollToEnd: (options?: MessageScrollerScrollOptions) => boolean;
+    scrollToMessage: (messageId: string, options?: MessageScrollerScrollOptions) => boolean;
+    scrollToStart: (options?: MessageScrollerScrollOptions) => boolean;
+    setContentElement: (element: HTMLDivElement | null) => void;
+    setRootElement: (element: HTMLDivElement | null) => void;
+    setViewportElement: (element: HTMLDivElement | null) => void;
+    syncAfterScroll: () => void;
+};
+export declare const DEFAULT_SCROLLABLE: MessageScrollerScrollable;
+export declare const DEFAULT_VISIBILITY: MessageScrollerVisibility;
+export declare const DEFAULT_SCROLL_EDGE_THRESHOLD = 8;
+export declare const DEFAULT_SCROLL_MARGIN = 0;
+export declare const DEFAULT_SCROLL_PREVIOUS_ITEM_PEEK = 64;
+export declare const MessageScrollerActionsContext: React.Context<MessageScrollerActionsContextValue | null>;
+export declare const MessageScrollerScrollableContext: React.Context<MessageScrollerScrollable | null>;
+export declare const MessageScrollerVisibilityContext: React.Context<MessageScrollerVisibility | null>;
+export declare const useRequiredMessageScrollerActionsContext: (hookName: string) => MessageScrollerActionsContextValue;
+export declare const useRequiredMessageScrollerScrollableContext: (hookName: string) => MessageScrollerScrollable;
+export declare const useRequiredMessageScrollerVisibilityContext: (hookName: string) => MessageScrollerVisibility;

package/dist/src/ds/components/MessageScroller/message-scroller-hooks.d.ts

@@ -0,0 +1,26 @@
+export declare const useMessageScroller: () => {
+    scrollToEnd: (options?: import('./message-scroller-context').MessageScrollerScrollOptions) => boolean;
+    scrollToMessage: (messageId: string, options?: import('./message-scroller-context').MessageScrollerScrollOptions) => boolean;
+    scrollToStart: (options?: import('./message-scroller-context').MessageScrollerScrollOptions) => boolean;
+};
+export declare const useOptionalMessageScroller: () => {
+    scrollToEnd: (options?: import('./message-scroller-context').MessageScrollerScrollOptions) => boolean;
+    scrollToMessage: (messageId: string, options?: import('./message-scroller-context').MessageScrollerScrollOptions) => boolean;
+    scrollToStart: (options?: import('./message-scroller-context').MessageScrollerScrollOptions) => boolean;
+} | undefined;
+export declare const useMessageScrollerScrollable: () => {
+    start: boolean;
+    end: boolean;
+};
+export declare const useOptionalMessageScrollerScrollable: () => {
+    start: boolean;
+    end: boolean;
+} | undefined;
+export declare const useMessageScrollerVisibility: () => {
+    currentAnchorId: string | undefined;
+    visibleMessageIds: string[];
+};
+export declare const useOptionalMessageScrollerVisibility: () => {
+    currentAnchorId: string | undefined;
+    visibleMessageIds: string[];
+} | undefined;

package/dist/src/ds/components/MessageScroller/message-scroller.d.ts

@@ -0,0 +1,44 @@
+import { MessageScrollerButtonDirection, MessageScrollerDefaultScrollPosition } from './message-scroller-context';
+import * as React from 'react';
+export type { MessageScrollerButtonDirection, MessageScrollerDefaultScrollPosition, MessageScrollerScrollAlign, MessageScrollerScrollOptions, MessageScrollerScrollable, MessageScrollerVisibility, } from './message-scroller-context';
+export interface MessageScrollerProviderProps {
+    autoScroll?: boolean;
+    children?: React.ReactNode;
+    defaultScrollPosition?: MessageScrollerDefaultScrollPosition;
+    scrollEdgeThreshold?: number;
+    scrollMargin?: number;
+    scrollPreviousItemPeek?: number;
+}
+export declare function MessageScrollerProvider({ autoScroll, children, defaultScrollPosition, scrollEdgeThreshold, scrollMargin, scrollPreviousItemPeek, }: MessageScrollerProviderProps): import("react/jsx-runtime").JSX.Element;
+export type MessageScrollerProps = React.HTMLAttributes<HTMLDivElement>;
+export declare const MessageScroller: React.ForwardRefExoticComponent<MessageScrollerProps & React.RefAttributes<HTMLDivElement>>;
+export type MessageScrollerViewportProps = React.HTMLAttributes<HTMLDivElement> & {
+    preserveScrollOnPrepend?: boolean;
+};
+export declare const MessageScrollerViewport: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    preserveScrollOnPrepend?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+export type MessageScrollerContentProps = React.HTMLAttributes<HTMLDivElement> & {
+    spacerClassName?: string;
+};
+export declare const MessageScrollerContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    spacerClassName?: string;
+} & React.RefAttributes<HTMLDivElement>>;
+export type MessageScrollerItemProps = React.HTMLAttributes<HTMLDivElement> & {
+    messageId?: string;
+    scrollAnchor?: boolean;
+};
+export declare const MessageScrollerItem: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    messageId?: string;
+    scrollAnchor?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+export type MessageScrollerButtonProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'children'> & {
+    behavior?: ScrollBehavior;
+    children?: React.ReactNode;
+    direction?: MessageScrollerButtonDirection;
+};
+export declare const MessageScrollerButton: React.ForwardRefExoticComponent<Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "children"> & {
+    behavior?: ScrollBehavior;
+    children?: React.ReactNode;
+    direction?: MessageScrollerButtonDirection;
+} & React.RefAttributes<HTMLButtonElement>>;

package/dist/src/ds/components/Tabs/tabs-tab.d.ts

@@ -4,6 +4,7 @@ export type TabProps = {
     onClick?: () => void;
     onClose?: () => void;
     disabled?: boolean;
+    disabledTooltip?: React.ReactNode;
     className?: string;
 };
-export declare const Tab: ({ children, value, onClick, onClose, disabled, className }: TabProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Tab: ({ children, value, onClick, onClose, disabled, disabledTooltip, className }: TabProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/ds/components/ThreadRail/index.d.ts

@@ -0,0 +1,2 @@
+export * from './thread-rail';
+export * from './thread-rail-turns';

package/dist/src/ds/components/ThreadRail/thread-rail-turns.d.ts

@@ -0,0 +1,11 @@
+import { MastraDBMessage } from '@mastra/core/agent/message-list';
+export interface ThreadRailTurn {
+    key: string;
+    messageId: string;
+    prompt: string;
+    reply?: string;
+    files: string[];
+    hiddenFileCount: number;
+}
+export declare const getClientMessageKey: (message: MastraDBMessage) => string;
+export declare const buildThreadRailTurns: (messages: MastraDBMessage[]) => ThreadRailTurn[];

package/dist/src/ds/components/ThreadRail/thread-rail.d.ts

@@ -0,0 +1,12 @@
+import { ThreadRailTurn } from './thread-rail-turns';
+export interface ThreadRailProps {
+    turns: ThreadRailTurn[];
+    currentAnchorId?: string;
+    visibleMessageIds?: string[];
+    label?: string;
+    className?: string;
+    maxHeight?: string;
+    scrollAreaClassName?: string;
+    onSelect?: (turn: ThreadRailTurn) => void;
+}
+export declare function ThreadRail({ turns, currentAnchorId, visibleMessageIds, label, className, maxHeight, scrollAreaClassName, onSelect, }: ThreadRailProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/src/hooks/use-isomorphic-layout-effect.d.ts

@@ -0,0 +1,2 @@
+import * as React from 'react';
+export declare const useIsomorphicLayoutEffect: typeof React.useEffect;

package/dist/src/hooks/use-measured-auto-height.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+export interface UseMeasuredAutoHeightResult<TElement extends HTMLElement> {
+    ref: React.RefCallback<TElement>;
+    height: number | null;
+    heightStyle: React.CSSProperties;
+    measure: () => number | null;
+}
+export declare function useMeasuredAutoHeight<TElement extends HTMLElement = HTMLDivElement>(): UseMeasuredAutoHeightResult<TElement>;