@mastra/playground-ui 51.1.0 → 51.2.0-alpha.0

package/CHANGELOG.md

@@ -1,5 +1,71 @@
 # @mastra/playground-ui
 
+## 51.2.0-alpha.0
+
+### Minor Changes
+
+- Refreshed the DataList look: rows no longer draw separators, the sticky header and group subheaders share one lighter, theme-tuned band, and every corner uses the same radius. ([#22383](https://github.com/mastra-ai/mastra/pull/22383))
+
+  **Every row in a list is now the same height.** Row height used to be whatever the tallest cell happened to be, so a list with an actions column or a roomier cell drifted a few pixels away from the list next to it. The row owns its height now, and skeleton rows match the real ones — no jump when data lands.
+
+  **Typography follows the content.** Headers and name cells are medium weight instead of semibold, and the letter-spacing tightening is gone. IDs and timestamps left the monospace face — IDs get wider tracking to stay scannable, timestamps get tabular figures so their columns still line up.
+
+  **Row controls only appear on hover.** Selection checkboxes on unselected rows, and the new `DataList.ActionsCell`, stay hidden until you hover the row or reach it with the keyboard, so a resting list reads as content. The column keeps its width, so nothing shifts. On a touch screen, where nothing ever hovers, they stay visible.
+
+  ```tsx
+  // Trailing row actions — alignment, spacing and the hover reveal come with the cell
+  <DataList.RowWrapper>
+    <DataList.RowButton colEnd={-2} onClick={open}>
+      {cells}
+    </DataList.RowButton>
+    <DataList.ActionsCell>
+      <Button variant="ghost" size="icon-xs" aria-label="Delete">
+        <Trash2 />
+      </Button>
+    </DataList.ActionsCell>
+  </DataList.RowWrapper>
+  ```
+
+  **Breaking:** a variant, three props and a component that no longer decide anything are gone.
+
+  ```tsx
+  // Before
+  <DataList columns={columns} variant="lined">
+    <DataList.RowButton flushLeft flushRight colEnd={-2}>
+      <DataList.Cell height="compact">{status}</DataList.Cell>
+      <DataList.MonoCell>{path}</DataList.MonoCell>
+
+  // After — rows are borderless, full-bleed and uniformly tall by default
+  <DataList columns={columns}>
+    <DataList.RowButton colEnd={-2}>
+      <DataList.Cell>{status}</DataList.Cell>
+      <DataList.TextCell font="mono">{path}</DataList.TextCell>
+  ```
+
+  - `variant="lined"` existed only to draw row separators. Lists that want row banding can still ask for `variant="striped"`.
+  - `height` on cells set row height one cell at a time, which is what let rows drift apart.
+  - `flushLeft` / `flushRight` dropped a row margin that no longer exists.
+  - `DataList.MonoCell` was a cell that only changed the typeface. `DataList.TextCell font="mono"` replaces it — same rendering, one less component.
+
+### Patch Changes
+
+- Added a `Comment` family of compound components for text-only comment threads: `Comment`, `CommentList`, `CommentItem` (with header, author, timestamp, body and actions slots) and `CommentComposer` (input + send button). The root `variant` prop switches between `default`, a flat thread with hover-revealed per-item actions, and `embed`, the same thread on a bordered card surface with a compact composer and no per-item actions. ([#22396](https://github.com/mastra-ai/mastra/pull/22396))
+
+- Improved the experiment page in Studio with a horizontal metadata bar showing when the run started, how long it took, the dataset it ran against, and which scorers were used ([#22377](https://github.com/mastra-ai/mastra/pull/22377))
+
+- Added a `factory` variant to the `SettingsRow` component so settings rows can render the denser card-row layout (row padding, 12px description text) instead of only the studio spacing. ([#22375](https://github.com/mastra-ai/mastra/pull/22375))
+
+  ```tsx
+  <SettingsRow variant="factory" label="Auto-approve tools" description="Run tool calls without asking">
+    <Switch checked={autoApprove} onCheckedChange={setAutoApprove} />
+  </SettingsRow>
+  ```
+
+- Updated dependencies [[`7176362`](https://github.com/mastra-ai/mastra/commit/717636281a3339911a05ea2cc8ae38afe4fd2cef), [`e3b796d`](https://github.com/mastra-ai/mastra/commit/e3b796d29a63f0d5c97dd815aadec40687346d70), [`49ccd14`](https://github.com/mastra-ai/mastra/commit/49ccd142268a61fb55ea75bc76287643a21f3677), [`3855b38`](https://github.com/mastra-ai/mastra/commit/3855b38c4c25af32ab8e298e148becc963abe92c)]:
+  - @mastra/core@1.63.0-alpha.0
+  - @mastra/client-js@1.42.2-alpha.0
+  - @mastra/react@1.4.7-alpha.0
+
 ## 51.1.0
 
 ### Minor Changes

package/dist/components/Comment.cjs.js

@@ -0,0 +1,170 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const index = require('../index-C-Lt4Bx_.cjs');
+const React = require('react');
+const Txt = require('../Txt-I5lK8zy7.cjs');
+const utils_cn = require('../cn-vA5sWo9W.cjs');
+const lucideReact = require('lucide-react');
+const inputGroup = require('../input-group-4EQi2l7H.cjs');
+
+const CommentContext = React.createContext(null);
+function useCommentVariant() {
+  const variant = React.useContext(CommentContext);
+  if (!variant) throw new Error("Comment compounds must be rendered within Comment");
+  return variant;
+}
+
+const commentVariants = index.cva("flex flex-col", {
+  variants: {
+    variant: {
+      default: "gap-2",
+      embed: "gap-1 rounded-xl border border-border1 bg-surface3 p-3"
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+});
+const Comment = React.forwardRef(({ className, variant = "default", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(CommentContext.Provider, { value: variant, children: /* @__PURE__ */ jsxRuntime.jsx(
+  "div",
+  {
+    ref,
+    "data-slot": "comment",
+    "data-variant": variant,
+    className: utils_cn.cn(commentVariants({ variant }), className),
+    ...props
+  }
+) }));
+Comment.displayName = "Comment";
+const commentListGap = {
+  default: "gap-3",
+  embed: "gap-2"
+};
+const CommentList = React.forwardRef(({ className, ...props }, ref) => {
+  const variant = useCommentVariant();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "ul",
+    {
+      ref,
+      "data-slot": "comment-list",
+      className: utils_cn.cn("flex flex-col", commentListGap[variant], className),
+      ...props
+    }
+  );
+});
+CommentList.displayName = "CommentList";
+const CommentItem = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  "li",
+  {
+    ref,
+    "data-slot": "comment-item",
+    className: utils_cn.cn("group/comment-item flex flex-col gap-1", className),
+    ...props
+  }
+));
+CommentItem.displayName = "CommentItem";
+const CommentItemHeader = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, "data-slot": "comment-item-header", className: utils_cn.cn("flex items-center gap-2", className), ...props }));
+CommentItemHeader.displayName = "CommentItemHeader";
+const CommentItemAuthor = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  Txt.Txt,
+  {
+    ref,
+    as: "span",
+    variant: "ui-md",
+    "data-slot": "comment-item-author",
+    className: utils_cn.cn("font-medium text-neutral6", className),
+    ...props
+  }
+));
+CommentItemAuthor.displayName = "CommentItemAuthor";
+const CommentItemTimestamp = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    "time",
+    {
+      ref,
+      "data-slot": "comment-item-timestamp",
+      className: utils_cn.cn("text-ui-sm leading-ui-sm text-neutral3", className),
+      ...props
+    }
+  )
+);
+CommentItemTimestamp.displayName = "CommentItemTimestamp";
+const commentItemBodyRule = {
+  default: "border-l border-border1 pl-3",
+  embed: ""
+};
+const CommentItemBody = React.forwardRef(({ className, ...props }, ref) => {
+  const variant = useCommentVariant();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Txt.Txt,
+    {
+      ref,
+      variant: "ui-md",
+      "data-slot": "comment-item-body",
+      className: utils_cn.cn("whitespace-pre-wrap text-neutral6", commentItemBodyRule[variant], className),
+      ...props
+    }
+  );
+});
+CommentItemBody.displayName = "CommentItemBody";
+const CommentItemActions = React.forwardRef(
+  ({ className, ...props }, ref) => {
+    const variant = useCommentVariant();
+    if (variant === "embed") return null;
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        ref,
+        "data-slot": "comment-item-actions",
+        className: utils_cn.cn(
+          "flex items-center gap-1 opacity-0 group-focus-within/comment-item:opacity-100 group-hover/comment-item:opacity-100",
+          "motion-safe:transition-opacity",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+CommentItemActions.displayName = "CommentItemActions";
+
+const CommentComposer = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("form", { ref, "data-slot": "comment-composer", className: utils_cn.cn("flex w-full items-center gap-2", className), ...props }));
+CommentComposer.displayName = "CommentComposer";
+const composerSize = {
+  default: "md",
+  embed: "sm"
+};
+const composerInputVariant = {
+  default: "outline",
+  embed: "default"
+};
+const CommentComposerInput = React.forwardRef(
+  ({ groupClassName, children, ...props }, ref) => {
+    const variant = useCommentVariant();
+    return /* @__PURE__ */ jsxRuntime.jsxs(inputGroup.InputGroup, { size: composerSize[variant], variant: composerInputVariant[variant], className: groupClassName, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(inputGroup.InputGroupInput, { ref, "data-slot": "comment-composer-input", ...props }),
+      children
+    ] });
+  }
+);
+CommentComposerInput.displayName = "CommentComposerInput";
+const CommentComposerSend = React.forwardRef(
+  ({ "aria-label": ariaLabel = "Send comment", type = "submit", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(inputGroup.InputGroupAddon, { align: "inline-end", children: /* @__PURE__ */ jsxRuntime.jsx(inputGroup.InputGroupButton, { ref, "data-slot": "comment-composer-send", type, "aria-label": ariaLabel, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowUp, {}) }) })
+);
+CommentComposerSend.displayName = "CommentComposerSend";
+
+exports.Comment = Comment;
+exports.CommentComposer = CommentComposer;
+exports.CommentComposerInput = CommentComposerInput;
+exports.CommentComposerSend = CommentComposerSend;
+exports.CommentItem = CommentItem;
+exports.CommentItemActions = CommentItemActions;
+exports.CommentItemAuthor = CommentItemAuthor;
+exports.CommentItemBody = CommentItemBody;
+exports.CommentItemHeader = CommentItemHeader;
+exports.CommentItemTimestamp = CommentItemTimestamp;
+exports.CommentList = CommentList;
+//# sourceMappingURL=Comment.cjs.js.map

package/dist/components/Comment.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Comment.cjs.js","sources":["../../src/ds/components/Comment/comment-context.ts","../../src/ds/components/Comment/comment.tsx","../../src/ds/components/Comment/comment-composer.tsx"],"sourcesContent":["import { createContext, useContext } from 'react';\n\nexport type CommentVariant = 'default' | 'embed';\n\nexport const CommentContext = createContext<CommentVariant | null>(null);\n\nexport function useCommentVariant(): CommentVariant {\n  const variant = useContext(CommentContext);\n  if (!variant) throw new Error('Comment compounds must be rendered within Comment');\n  return variant;\n}\n","import { cva } from 'class-variance-authority';\nimport type { ComponentPropsWithoutRef } from 'react';\nimport { forwardRef } from 'react';\n\nimport { CommentContext, useCommentVariant } from './comment-context';\nimport type { CommentVariant } from './comment-context';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\nconst commentVariants = cva('flex flex-col', {\n  variants: {\n    variant: {\n      default: 'gap-2',\n      embed: 'gap-1 rounded-xl border border-border1 bg-surface3 p-3',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n  },\n});\n\nexport interface CommentProps extends ComponentPropsWithoutRef<'div'> {\n  variant?: CommentVariant;\n}\n\nexport const Comment = forwardRef<HTMLDivElement, CommentProps>(({ className, variant = 'default', ...props }, ref) => (\n  <CommentContext.Provider value={variant}>\n    <div\n      ref={ref}\n      data-slot=\"comment\"\n      data-variant={variant}\n      className={cn(commentVariants({ variant }), className)}\n      {...props}\n    />\n  </CommentContext.Provider>\n));\nComment.displayName = 'Comment';\n\nconst commentListGap: Record<CommentVariant, string> = {\n  default: 'gap-3',\n  embed: 'gap-2',\n};\n\nexport type CommentListProps = ComponentPropsWithoutRef<'ul'>;\n\nexport const CommentList = forwardRef<HTMLUListElement, CommentListProps>(({ className, ...props }, ref) => {\n  const variant = useCommentVariant();\n\n  return (\n    <ul\n      ref={ref}\n      data-slot=\"comment-list\"\n      className={cn('flex flex-col', commentListGap[variant], className)}\n      {...props}\n    />\n  );\n});\nCommentList.displayName = 'CommentList';\n\nexport type CommentItemProps = ComponentPropsWithoutRef<'li'>;\n\nexport const CommentItem = forwardRef<HTMLLIElement, CommentItemProps>(({ className, ...props }, ref) => (\n  <li\n    ref={ref}\n    data-slot=\"comment-item\"\n    className={cn('group/comment-item flex flex-col gap-1', className)}\n    {...props}\n  />\n));\nCommentItem.displayName = 'CommentItem';\n\nexport type CommentItemHeaderProps = ComponentPropsWithoutRef<'div'>;\n\nexport const CommentItemHeader = forwardRef<HTMLDivElement, CommentItemHeaderProps>(({ className, ...props }, ref) => (\n  <div ref={ref} data-slot=\"comment-item-header\" className={cn('flex items-center gap-2', className)} {...props} />\n));\nCommentItemHeader.displayName = 'CommentItemHeader';\n\nexport type CommentItemAuthorProps = ComponentPropsWithoutRef<'span'>;\n\nexport const CommentItemAuthor = forwardRef<HTMLElement, CommentItemAuthorProps>(({ className, ...props }, ref) => (\n  <Txt\n    ref={ref}\n    as=\"span\"\n    variant=\"ui-md\"\n    data-slot=\"comment-item-author\"\n    className={cn('font-medium text-neutral6', className)}\n    {...props}\n  />\n));\nCommentItemAuthor.displayName = 'CommentItemAuthor';\n\nexport type CommentItemTimestampProps = ComponentPropsWithoutRef<'time'>;\n\nexport const CommentItemTimestamp = forwardRef<HTMLTimeElement, CommentItemTimestampProps>(\n  ({ className, ...props }, ref) => (\n    <time\n      ref={ref}\n      data-slot=\"comment-item-timestamp\"\n      className={cn('text-ui-sm leading-ui-sm text-neutral3', className)}\n      {...props}\n    />\n  ),\n);\nCommentItemTimestamp.displayName = 'CommentItemTimestamp';\n\nconst commentItemBodyRule: Record<CommentVariant, string> = {\n  default: 'border-l border-border1 pl-3',\n  embed: '',\n};\n\nexport type CommentItemBodyProps = ComponentPropsWithoutRef<'p'>;\n\nexport const CommentItemBody = forwardRef<HTMLElement, CommentItemBodyProps>(({ className, ...props }, ref) => {\n  const variant = useCommentVariant();\n\n  return (\n    <Txt\n      ref={ref}\n      variant=\"ui-md\"\n      data-slot=\"comment-item-body\"\n      className={cn('whitespace-pre-wrap text-neutral6', commentItemBodyRule[variant], className)}\n      {...props}\n    />\n  );\n});\nCommentItemBody.displayName = 'CommentItemBody';\n\nexport type CommentItemActionsProps = ComponentPropsWithoutRef<'div'>;\n\n/** Hidden in the `embed` variant, which drops per-item actions. */\nexport const CommentItemActions = forwardRef<HTMLDivElement, CommentItemActionsProps>(\n  ({ className, ...props }, ref) => {\n    const variant = useCommentVariant();\n    if (variant === 'embed') return null;\n\n    return (\n      <div\n        ref={ref}\n        data-slot=\"comment-item-actions\"\n        className={cn(\n          'flex items-center gap-1 opacity-0 group-focus-within/comment-item:opacity-100 group-hover/comment-item:opacity-100',\n          'motion-safe:transition-opacity',\n          className,\n        )}\n        {...props}\n      />\n    );\n  },\n);\nCommentItemActions.displayName = 'CommentItemActions';\n","import { ArrowUp } from 'lucide-react';\nimport type { ComponentPropsWithoutRef, ReactNode } from 'react';\nimport { forwardRef } from 'react';\n\nimport { useCommentVariant } from './comment-context';\nimport type { CommentVariant } from './comment-context';\nimport { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput } from '@/ds/components/InputGroup';\nimport type { InputGroupButtonProps, InputGroupInputProps } from '@/ds/components/InputGroup';\nimport type { ControlSize } from '@/ds/primitives/control-size';\nimport { cn } from '@/lib/utils';\n\nexport type CommentComposerProps = ComponentPropsWithoutRef<'form'>;\n\nexport const CommentComposer = forwardRef<HTMLFormElement, CommentComposerProps>(({ className, ...props }, ref) => (\n  <form ref={ref} data-slot=\"comment-composer\" className={cn('flex w-full items-center gap-2', className)} {...props} />\n));\nCommentComposer.displayName = 'CommentComposer';\n\nconst composerSize: Record<CommentVariant, ControlSize> = {\n  default: 'md',\n  embed: 'sm',\n};\n\nconst composerInputVariant: Record<CommentVariant, 'default' | 'outline'> = {\n  default: 'outline',\n  embed: 'default',\n};\n\nexport interface CommentComposerInputProps extends InputGroupInputProps {\n  /** Layout classes for the surrounding InputGroup. */\n  groupClassName?: string;\n  children?: ReactNode;\n}\n\nexport const CommentComposerInput = forwardRef<HTMLInputElement, CommentComposerInputProps>(\n  ({ groupClassName, children, ...props }, ref) => {\n    const variant = useCommentVariant();\n\n    return (\n      <InputGroup size={composerSize[variant]} variant={composerInputVariant[variant]} className={groupClassName}>\n        <InputGroupInput ref={ref} data-slot=\"comment-composer-input\" {...props} />\n        {children}\n      </InputGroup>\n    );\n  },\n);\nCommentComposerInput.displayName = 'CommentComposerInput';\n\nexport type CommentComposerSendProps = Omit<InputGroupButtonProps, 'children'>;\n\nexport const CommentComposerSend = forwardRef<HTMLButtonElement, CommentComposerSendProps>(\n  ({ 'aria-label': ariaLabel = 'Send comment', type = 'submit', ...props }, ref) => (\n    <InputGroupAddon align=\"inline-end\">\n      <InputGroupButton ref={ref} data-slot=\"comment-composer-send\" type={type} aria-label={ariaLabel} {...props}>\n        <ArrowUp />\n      </InputGroupButton>\n    </InputGroupAddon>\n  ),\n);\nCommentComposerSend.displayName = 'CommentComposerSend';\n"],"names":["createContext","useContext","cva","forwardRef","jsx","cn","Txt","jsxs","InputGroup","InputGroupInput","InputGroupAddon","InputGroupButton","ArrowUp"],"mappings":"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"}

package/dist/components/Comment.d.ts

@@ -0,0 +1,2 @@
+export * from '../src/ds/components/Comment/index'
+export {}

package/dist/components/Comment.es.js

@@ -0,0 +1,156 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { c as cva } from '../index-CSm06eOE.js';
+import { createContext, useContext, forwardRef } from 'react';
+import { T as Txt } from '../Txt-Df42XG5p.js';
+import { c as cn } from '../cn-BakJzhuv.js';
+import { ArrowUp } from 'lucide-react';
+import { I as InputGroup, c as InputGroupInput, a as InputGroupAddon, b as InputGroupButton } from '../input-group-U2f3A4Ya.js';
+
+const CommentContext = createContext(null);
+function useCommentVariant() {
+  const variant = useContext(CommentContext);
+  if (!variant) throw new Error("Comment compounds must be rendered within Comment");
+  return variant;
+}
+
+const commentVariants = cva("flex flex-col", {
+  variants: {
+    variant: {
+      default: "gap-2",
+      embed: "gap-1 rounded-xl border border-border1 bg-surface3 p-3"
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+});
+const Comment = forwardRef(({ className, variant = "default", ...props }, ref) => /* @__PURE__ */ jsx(CommentContext.Provider, { value: variant, children: /* @__PURE__ */ jsx(
+  "div",
+  {
+    ref,
+    "data-slot": "comment",
+    "data-variant": variant,
+    className: cn(commentVariants({ variant }), className),
+    ...props
+  }
+) }));
+Comment.displayName = "Comment";
+const commentListGap = {
+  default: "gap-3",
+  embed: "gap-2"
+};
+const CommentList = forwardRef(({ className, ...props }, ref) => {
+  const variant = useCommentVariant();
+  return /* @__PURE__ */ jsx(
+    "ul",
+    {
+      ref,
+      "data-slot": "comment-list",
+      className: cn("flex flex-col", commentListGap[variant], className),
+      ...props
+    }
+  );
+});
+CommentList.displayName = "CommentList";
+const CommentItem = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "li",
+  {
+    ref,
+    "data-slot": "comment-item",
+    className: cn("group/comment-item flex flex-col gap-1", className),
+    ...props
+  }
+));
+CommentItem.displayName = "CommentItem";
+const CommentItemHeader = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, "data-slot": "comment-item-header", className: cn("flex items-center gap-2", className), ...props }));
+CommentItemHeader.displayName = "CommentItemHeader";
+const CommentItemAuthor = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  Txt,
+  {
+    ref,
+    as: "span",
+    variant: "ui-md",
+    "data-slot": "comment-item-author",
+    className: cn("font-medium text-neutral6", className),
+    ...props
+  }
+));
+CommentItemAuthor.displayName = "CommentItemAuthor";
+const CommentItemTimestamp = forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    "time",
+    {
+      ref,
+      "data-slot": "comment-item-timestamp",
+      className: cn("text-ui-sm leading-ui-sm text-neutral3", className),
+      ...props
+    }
+  )
+);
+CommentItemTimestamp.displayName = "CommentItemTimestamp";
+const commentItemBodyRule = {
+  default: "border-l border-border1 pl-3",
+  embed: ""
+};
+const CommentItemBody = forwardRef(({ className, ...props }, ref) => {
+  const variant = useCommentVariant();
+  return /* @__PURE__ */ jsx(
+    Txt,
+    {
+      ref,
+      variant: "ui-md",
+      "data-slot": "comment-item-body",
+      className: cn("whitespace-pre-wrap text-neutral6", commentItemBodyRule[variant], className),
+      ...props
+    }
+  );
+});
+CommentItemBody.displayName = "CommentItemBody";
+const CommentItemActions = forwardRef(
+  ({ className, ...props }, ref) => {
+    const variant = useCommentVariant();
+    if (variant === "embed") return null;
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        "data-slot": "comment-item-actions",
+        className: cn(
+          "flex items-center gap-1 opacity-0 group-focus-within/comment-item:opacity-100 group-hover/comment-item:opacity-100",
+          "motion-safe:transition-opacity",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+CommentItemActions.displayName = "CommentItemActions";
+
+const CommentComposer = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("form", { ref, "data-slot": "comment-composer", className: cn("flex w-full items-center gap-2", className), ...props }));
+CommentComposer.displayName = "CommentComposer";
+const composerSize = {
+  default: "md",
+  embed: "sm"
+};
+const composerInputVariant = {
+  default: "outline",
+  embed: "default"
+};
+const CommentComposerInput = forwardRef(
+  ({ groupClassName, children, ...props }, ref) => {
+    const variant = useCommentVariant();
+    return /* @__PURE__ */ jsxs(InputGroup, { size: composerSize[variant], variant: composerInputVariant[variant], className: groupClassName, children: [
+      /* @__PURE__ */ jsx(InputGroupInput, { ref, "data-slot": "comment-composer-input", ...props }),
+      children
+    ] });
+  }
+);
+CommentComposerInput.displayName = "CommentComposerInput";
+const CommentComposerSend = forwardRef(
+  ({ "aria-label": ariaLabel = "Send comment", type = "submit", ...props }, ref) => /* @__PURE__ */ jsx(InputGroupAddon, { align: "inline-end", children: /* @__PURE__ */ jsx(InputGroupButton, { ref, "data-slot": "comment-composer-send", type, "aria-label": ariaLabel, ...props, children: /* @__PURE__ */ jsx(ArrowUp, {}) }) })
+);
+CommentComposerSend.displayName = "CommentComposerSend";
+
+export { Comment, CommentComposer, CommentComposerInput, CommentComposerSend, CommentItem, CommentItemActions, CommentItemAuthor, CommentItemBody, CommentItemHeader, CommentItemTimestamp, CommentList };
+//# sourceMappingURL=Comment.es.js.map

package/dist/components/Comment.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Comment.es.js","sources":["../../src/ds/components/Comment/comment-context.ts","../../src/ds/components/Comment/comment.tsx","../../src/ds/components/Comment/comment-composer.tsx"],"sourcesContent":["import { createContext, useContext } from 'react';\n\nexport type CommentVariant = 'default' | 'embed';\n\nexport const CommentContext = createContext<CommentVariant | null>(null);\n\nexport function useCommentVariant(): CommentVariant {\n  const variant = useContext(CommentContext);\n  if (!variant) throw new Error('Comment compounds must be rendered within Comment');\n  return variant;\n}\n","import { cva } from 'class-variance-authority';\nimport type { ComponentPropsWithoutRef } from 'react';\nimport { forwardRef } from 'react';\n\nimport { CommentContext, useCommentVariant } from './comment-context';\nimport type { CommentVariant } from './comment-context';\nimport { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\nconst commentVariants = cva('flex flex-col', {\n  variants: {\n    variant: {\n      default: 'gap-2',\n      embed: 'gap-1 rounded-xl border border-border1 bg-surface3 p-3',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n  },\n});\n\nexport interface CommentProps extends ComponentPropsWithoutRef<'div'> {\n  variant?: CommentVariant;\n}\n\nexport const Comment = forwardRef<HTMLDivElement, CommentProps>(({ className, variant = 'default', ...props }, ref) => (\n  <CommentContext.Provider value={variant}>\n    <div\n      ref={ref}\n      data-slot=\"comment\"\n      data-variant={variant}\n      className={cn(commentVariants({ variant }), className)}\n      {...props}\n    />\n  </CommentContext.Provider>\n));\nComment.displayName = 'Comment';\n\nconst commentListGap: Record<CommentVariant, string> = {\n  default: 'gap-3',\n  embed: 'gap-2',\n};\n\nexport type CommentListProps = ComponentPropsWithoutRef<'ul'>;\n\nexport const CommentList = forwardRef<HTMLUListElement, CommentListProps>(({ className, ...props }, ref) => {\n  const variant = useCommentVariant();\n\n  return (\n    <ul\n      ref={ref}\n      data-slot=\"comment-list\"\n      className={cn('flex flex-col', commentListGap[variant], className)}\n      {...props}\n    />\n  );\n});\nCommentList.displayName = 'CommentList';\n\nexport type CommentItemProps = ComponentPropsWithoutRef<'li'>;\n\nexport const CommentItem = forwardRef<HTMLLIElement, CommentItemProps>(({ className, ...props }, ref) => (\n  <li\n    ref={ref}\n    data-slot=\"comment-item\"\n    className={cn('group/comment-item flex flex-col gap-1', className)}\n    {...props}\n  />\n));\nCommentItem.displayName = 'CommentItem';\n\nexport type CommentItemHeaderProps = ComponentPropsWithoutRef<'div'>;\n\nexport const CommentItemHeader = forwardRef<HTMLDivElement, CommentItemHeaderProps>(({ className, ...props }, ref) => (\n  <div ref={ref} data-slot=\"comment-item-header\" className={cn('flex items-center gap-2', className)} {...props} />\n));\nCommentItemHeader.displayName = 'CommentItemHeader';\n\nexport type CommentItemAuthorProps = ComponentPropsWithoutRef<'span'>;\n\nexport const CommentItemAuthor = forwardRef<HTMLElement, CommentItemAuthorProps>(({ className, ...props }, ref) => (\n  <Txt\n    ref={ref}\n    as=\"span\"\n    variant=\"ui-md\"\n    data-slot=\"comment-item-author\"\n    className={cn('font-medium text-neutral6', className)}\n    {...props}\n  />\n));\nCommentItemAuthor.displayName = 'CommentItemAuthor';\n\nexport type CommentItemTimestampProps = ComponentPropsWithoutRef<'time'>;\n\nexport const CommentItemTimestamp = forwardRef<HTMLTimeElement, CommentItemTimestampProps>(\n  ({ className, ...props }, ref) => (\n    <time\n      ref={ref}\n      data-slot=\"comment-item-timestamp\"\n      className={cn('text-ui-sm leading-ui-sm text-neutral3', className)}\n      {...props}\n    />\n  ),\n);\nCommentItemTimestamp.displayName = 'CommentItemTimestamp';\n\nconst commentItemBodyRule: Record<CommentVariant, string> = {\n  default: 'border-l border-border1 pl-3',\n  embed: '',\n};\n\nexport type CommentItemBodyProps = ComponentPropsWithoutRef<'p'>;\n\nexport const CommentItemBody = forwardRef<HTMLElement, CommentItemBodyProps>(({ className, ...props }, ref) => {\n  const variant = useCommentVariant();\n\n  return (\n    <Txt\n      ref={ref}\n      variant=\"ui-md\"\n      data-slot=\"comment-item-body\"\n      className={cn('whitespace-pre-wrap text-neutral6', commentItemBodyRule[variant], className)}\n      {...props}\n    />\n  );\n});\nCommentItemBody.displayName = 'CommentItemBody';\n\nexport type CommentItemActionsProps = ComponentPropsWithoutRef<'div'>;\n\n/** Hidden in the `embed` variant, which drops per-item actions. */\nexport const CommentItemActions = forwardRef<HTMLDivElement, CommentItemActionsProps>(\n  ({ className, ...props }, ref) => {\n    const variant = useCommentVariant();\n    if (variant === 'embed') return null;\n\n    return (\n      <div\n        ref={ref}\n        data-slot=\"comment-item-actions\"\n        className={cn(\n          'flex items-center gap-1 opacity-0 group-focus-within/comment-item:opacity-100 group-hover/comment-item:opacity-100',\n          'motion-safe:transition-opacity',\n          className,\n        )}\n        {...props}\n      />\n    );\n  },\n);\nCommentItemActions.displayName = 'CommentItemActions';\n","import { ArrowUp } from 'lucide-react';\nimport type { ComponentPropsWithoutRef, ReactNode } from 'react';\nimport { forwardRef } from 'react';\n\nimport { useCommentVariant } from './comment-context';\nimport type { CommentVariant } from './comment-context';\nimport { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput } from '@/ds/components/InputGroup';\nimport type { InputGroupButtonProps, InputGroupInputProps } from '@/ds/components/InputGroup';\nimport type { ControlSize } from '@/ds/primitives/control-size';\nimport { cn } from '@/lib/utils';\n\nexport type CommentComposerProps = ComponentPropsWithoutRef<'form'>;\n\nexport const CommentComposer = forwardRef<HTMLFormElement, CommentComposerProps>(({ className, ...props }, ref) => (\n  <form ref={ref} data-slot=\"comment-composer\" className={cn('flex w-full items-center gap-2', className)} {...props} />\n));\nCommentComposer.displayName = 'CommentComposer';\n\nconst composerSize: Record<CommentVariant, ControlSize> = {\n  default: 'md',\n  embed: 'sm',\n};\n\nconst composerInputVariant: Record<CommentVariant, 'default' | 'outline'> = {\n  default: 'outline',\n  embed: 'default',\n};\n\nexport interface CommentComposerInputProps extends InputGroupInputProps {\n  /** Layout classes for the surrounding InputGroup. */\n  groupClassName?: string;\n  children?: ReactNode;\n}\n\nexport const CommentComposerInput = forwardRef<HTMLInputElement, CommentComposerInputProps>(\n  ({ groupClassName, children, ...props }, ref) => {\n    const variant = useCommentVariant();\n\n    return (\n      <InputGroup size={composerSize[variant]} variant={composerInputVariant[variant]} className={groupClassName}>\n        <InputGroupInput ref={ref} data-slot=\"comment-composer-input\" {...props} />\n        {children}\n      </InputGroup>\n    );\n  },\n);\nCommentComposerInput.displayName = 'CommentComposerInput';\n\nexport type CommentComposerSendProps = Omit<InputGroupButtonProps, 'children'>;\n\nexport const CommentComposerSend = forwardRef<HTMLButtonElement, CommentComposerSendProps>(\n  ({ 'aria-label': ariaLabel = 'Send comment', type = 'submit', ...props }, ref) => (\n    <InputGroupAddon align=\"inline-end\">\n      <InputGroupButton ref={ref} data-slot=\"comment-composer-send\" type={type} aria-label={ariaLabel} {...props}>\n        <ArrowUp />\n      </InputGroupButton>\n    </InputGroupAddon>\n  ),\n);\nCommentComposerSend.displayName = 'CommentComposerSend';\n"],"names":[],"mappings":"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"}

package/dist/components/DataList.cjs.js

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const dataList = require('../data-list-BK_lJxMN.cjs');
-const dataListSkeleton = require('../data-list-skeleton-dVbplSiW.cjs');
+const dataList = require('../data-list-CCacNODd.cjs');
+const dataListSkeleton = require('../data-list-skeleton-BHBSIQHN.cjs');
 const jsxRuntime = require('react/jsx-runtime');
-const dataListTopCell = require('../data-list-top-cell-DyBSefIr.cjs');
+const dataListTopCell = require('../data-list-top-cell-BOXO5s7I.cjs');
 const dateFns = require('date-fns');
-const tracesDataList = require('../traces-data-list-CyaLRi1n.cjs');
+const tracesDataList = require('../traces-data-list-BLZgf-Es.cjs');
 const useDataListKeyboard = require('../use-data-list-keyboard-k5D-WlNX.cjs');
 
 function toDate(value) {
@@ -16,23 +16,23 @@ function toDate(value) {
 }
 function ScoresDataListDateCell({ timestamp }) {
   const date = toDate(timestamp);
-  return /* @__PURE__ */ jsxRuntime.jsx(dataListTopCell.DataListCell, { height: "compact", className: "text-ui-smd text-neutral2", children: date ? dateFns.isToday(date) ? "Today" : dateFns.format(date, "MMM dd") : "-" });
+  return /* @__PURE__ */ jsxRuntime.jsx(dataListTopCell.DataListCell, { className: "text-ui-smd text-neutral2", children: date ? dateFns.isToday(date) ? "Today" : dateFns.format(date, "MMM dd") : "-" });
 }
 function ScoresDataListTimeCell({ timestamp }) {
   const date = toDate(timestamp);
-  return /* @__PURE__ */ jsxRuntime.jsx(dataListTopCell.DataListCell, { height: "compact", className: "text-ui-smd text-neutral3", children: date ? dateFns.format(date, "h:mm:ss aaa") : "-" });
+  return /* @__PURE__ */ jsxRuntime.jsx(dataListTopCell.DataListCell, { className: "text-ui-smd text-neutral3", children: date ? dateFns.format(date, "h:mm:ss aaa") : "-" });
 }
 function ScoresDataListInputCell({ input }) {
   const display = input != null ? JSON.stringify(input) : "-";
-  return /* @__PURE__ */ jsxRuntime.jsx(dataListTopCell.DataListCell, { height: "compact", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-ui-smd text-neutral3 block max-w-full min-w-0 truncate font-mono", title: display, children: display }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(dataListTopCell.DataListCell, { children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-ui-smd text-neutral3 block max-w-full min-w-0 truncate font-mono", title: display, children: display }) });
 }
 function ScoresDataListEntityCell({ entityId }) {
   const display = entityId || "-";
-  return /* @__PURE__ */ jsxRuntime.jsx(dataListTopCell.DataListCell, { height: "compact", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-ui-smd block max-w-full min-w-0 truncate", title: display, children: display }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(dataListTopCell.DataListCell, { children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-ui-smd block max-w-full min-w-0 truncate", title: display, children: display }) });
 }
 function ScoresDataListScoreCell({ score }) {
   const display = score == null ? "-" : typeof score === "object" ? JSON.stringify(score) : String(score);
-  return /* @__PURE__ */ jsxRuntime.jsx(dataListTopCell.DataListCell, { height: "compact", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-ui-smd text-neutral3 block max-w-full min-w-0 truncate font-mono", title: display, children: display }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(dataListTopCell.DataListCell, { children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-ui-smd text-neutral3 block max-w-full min-w-0 truncate font-mono", title: display, children: display }) });
 }
 
 function ScoresDataListRoot(props) {

package/dist/components/DataList.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataList.cjs.js","sources":["../../src/ds/components/DataList/ScoresDataList/scores-data-list-cells.tsx","../../src/ds/components/DataList/ScoresDataList/scores-data-list.tsx"],"sourcesContent":["import { format, isToday } from 'date-fns';\nimport { DataListCell } from '../data-list-cells';\n\n// ---------------------------------------------------------------------------\n// Helpers\n// ---------------------------------------------------------------------------\n\nfunction toDate(value: Date | string): Date | null {\n  const date = value instanceof Date ? value : new Date(value);\n  return isNaN(date.getTime()) ? null : date;\n}\n\n// ---------------------------------------------------------------------------\n// DateCell\n// ---------------------------------------------------------------------------\n\nexport interface ScoresDataListDateCellProps {\n  timestamp: Date | string;\n}\n\nexport function ScoresDataListDateCell({ timestamp }: ScoresDataListDateCellProps) {\n  const date = toDate(timestamp);\n  return (\n    <DataListCell height=\"compact\" className=\"text-ui-smd text-neutral2\">\n      {date ? (isToday(date) ? 'Today' : format(date, 'MMM dd')) : '-'}\n    </DataListCell>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// TimeCell\n// ---------------------------------------------------------------------------\n\nexport interface ScoresDataListTimeCellProps {\n  timestamp: Date | string;\n}\n\nexport function ScoresDataListTimeCell({ timestamp }: ScoresDataListTimeCellProps) {\n  const date = toDate(timestamp);\n  return (\n    <DataListCell height=\"compact\" className=\"text-ui-smd text-neutral3\">\n      {date ? format(date, 'h:mm:ss aaa') : '-'}\n    </DataListCell>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// InputCell\n// ---------------------------------------------------------------------------\n\nexport interface ScoresDataListInputCellProps {\n  input?: unknown;\n}\n\nexport function ScoresDataListInputCell({ input }: ScoresDataListInputCellProps) {\n  const display = input != null ? JSON.stringify(input) : '-';\n  return (\n    <DataListCell height=\"compact\">\n      <span className=\"text-ui-smd text-neutral3 block max-w-full min-w-0 truncate font-mono\" title={display}>\n        {display}\n      </span>\n    </DataListCell>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// EntityCell\n// ---------------------------------------------------------------------------\n\nexport interface ScoresDataListEntityCellProps {\n  entityId?: string | null;\n}\n\nexport function ScoresDataListEntityCell({ entityId }: ScoresDataListEntityCellProps) {\n  const display = entityId || '-';\n  return (\n    <DataListCell height=\"compact\">\n      <span className=\"text-ui-smd block max-w-full min-w-0 truncate\" title={display}>\n        {display}\n      </span>\n    </DataListCell>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// ScoreCell\n// ---------------------------------------------------------------------------\n\nexport interface ScoresDataListScoreCellProps {\n  score?: unknown;\n}\n\nexport function ScoresDataListScoreCell({ score }: ScoresDataListScoreCellProps) {\n  const display = score == null ? '-' : typeof score === 'object' ? JSON.stringify(score) : String(score);\n  return (\n    <DataListCell height=\"compact\">\n      <span className=\"text-ui-smd text-neutral3 block max-w-full min-w-0 truncate font-mono\" title={display}>\n        {display}\n      </span>\n    </DataListCell>\n  );\n}\n","import type { ComponentProps } from 'react';\nimport { DataListNextPageLoading } from '../data-list-next-page-loading';\nimport { DataListNoMatch } from '../data-list-no-match';\nimport { DataListRoot } from '../data-list-root';\nimport { DataListRowButton } from '../data-list-row-button';\nimport { DataListTop } from '../data-list-top';\nimport { DataListTopCell } from '../data-list-top-cell';\nimport {\n  ScoresDataListDateCell,\n  ScoresDataListTimeCell,\n  ScoresDataListInputCell,\n  ScoresDataListEntityCell,\n  ScoresDataListScoreCell,\n} from './scores-data-list-cells';\n\nfunction ScoresDataListRoot(props: ComponentProps<typeof DataListRoot>) {\n  return <DataListRoot {...props} />;\n}\n\nexport const ScoresDataList = Object.assign(ScoresDataListRoot, {\n  Top: DataListTop,\n  TopCell: DataListTopCell,\n  RowButton: DataListRowButton,\n  NoMatch: DataListNoMatch,\n  NextPageLoading: DataListNextPageLoading,\n  DateCell: ScoresDataListDateCell,\n  TimeCell: ScoresDataListTimeCell,\n  InputCell: ScoresDataListInputCell,\n  EntityCell: ScoresDataListEntityCell,\n  ScoreCell: ScoresDataListScoreCell,\n});\n"],"names":["jsx","DataListCell","isToday","format","DataListRoot","DataListTop","DataListTopCell","DataListRowButton","DataListNoMatch","DataListNextPageLoading"],"mappings":"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"}
+{"version":3,"file":"DataList.cjs.js","sources":["../../src/ds/components/DataList/ScoresDataList/scores-data-list-cells.tsx","../../src/ds/components/DataList/ScoresDataList/scores-data-list.tsx"],"sourcesContent":["import { format, isToday } from 'date-fns';\nimport { DataListCell } from '../data-list-cells';\n\n// ---------------------------------------------------------------------------\n// Helpers\n// ---------------------------------------------------------------------------\n\nfunction toDate(value: Date | string): Date | null {\n  const date = value instanceof Date ? value : new Date(value);\n  return isNaN(date.getTime()) ? null : date;\n}\n\n// ---------------------------------------------------------------------------\n// DateCell\n// ---------------------------------------------------------------------------\n\nexport interface ScoresDataListDateCellProps {\n  timestamp: Date | string;\n}\n\nexport function ScoresDataListDateCell({ timestamp }: ScoresDataListDateCellProps) {\n  const date = toDate(timestamp);\n  return (\n    <DataListCell className=\"text-ui-smd text-neutral2\">\n      {date ? (isToday(date) ? 'Today' : format(date, 'MMM dd')) : '-'}\n    </DataListCell>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// TimeCell\n// ---------------------------------------------------------------------------\n\nexport interface ScoresDataListTimeCellProps {\n  timestamp: Date | string;\n}\n\nexport function ScoresDataListTimeCell({ timestamp }: ScoresDataListTimeCellProps) {\n  const date = toDate(timestamp);\n  return <DataListCell className=\"text-ui-smd text-neutral3\">{date ? format(date, 'h:mm:ss aaa') : '-'}</DataListCell>;\n}\n\n// ---------------------------------------------------------------------------\n// InputCell\n// ---------------------------------------------------------------------------\n\nexport interface ScoresDataListInputCellProps {\n  input?: unknown;\n}\n\nexport function ScoresDataListInputCell({ input }: ScoresDataListInputCellProps) {\n  const display = input != null ? JSON.stringify(input) : '-';\n  return (\n    <DataListCell>\n      <span className=\"text-ui-smd text-neutral3 block max-w-full min-w-0 truncate font-mono\" title={display}>\n        {display}\n      </span>\n    </DataListCell>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// EntityCell\n// ---------------------------------------------------------------------------\n\nexport interface ScoresDataListEntityCellProps {\n  entityId?: string | null;\n}\n\nexport function ScoresDataListEntityCell({ entityId }: ScoresDataListEntityCellProps) {\n  const display = entityId || '-';\n  return (\n    <DataListCell>\n      <span className=\"text-ui-smd block max-w-full min-w-0 truncate\" title={display}>\n        {display}\n      </span>\n    </DataListCell>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// ScoreCell\n// ---------------------------------------------------------------------------\n\nexport interface ScoresDataListScoreCellProps {\n  score?: unknown;\n}\n\nexport function ScoresDataListScoreCell({ score }: ScoresDataListScoreCellProps) {\n  const display = score == null ? '-' : typeof score === 'object' ? JSON.stringify(score) : String(score);\n  return (\n    <DataListCell>\n      <span className=\"text-ui-smd text-neutral3 block max-w-full min-w-0 truncate font-mono\" title={display}>\n        {display}\n      </span>\n    </DataListCell>\n  );\n}\n","import type { ComponentProps } from 'react';\nimport { DataListNextPageLoading } from '../data-list-next-page-loading';\nimport { DataListNoMatch } from '../data-list-no-match';\nimport { DataListRoot } from '../data-list-root';\nimport { DataListRowButton } from '../data-list-row-button';\nimport { DataListTop } from '../data-list-top';\nimport { DataListTopCell } from '../data-list-top-cell';\nimport {\n  ScoresDataListDateCell,\n  ScoresDataListTimeCell,\n  ScoresDataListInputCell,\n  ScoresDataListEntityCell,\n  ScoresDataListScoreCell,\n} from './scores-data-list-cells';\n\nfunction ScoresDataListRoot(props: ComponentProps<typeof DataListRoot>) {\n  return <DataListRoot {...props} />;\n}\n\nexport const ScoresDataList = Object.assign(ScoresDataListRoot, {\n  Top: DataListTop,\n  TopCell: DataListTopCell,\n  RowButton: DataListRowButton,\n  NoMatch: DataListNoMatch,\n  NextPageLoading: DataListNextPageLoading,\n  DateCell: ScoresDataListDateCell,\n  TimeCell: ScoresDataListTimeCell,\n  InputCell: ScoresDataListInputCell,\n  EntityCell: ScoresDataListEntityCell,\n  ScoreCell: ScoresDataListScoreCell,\n});\n"],"names":["jsx","DataListCell","isToday","format","DataListRoot","DataListTop","DataListTopCell","DataListRowButton","DataListNoMatch","DataListNextPageLoading"],"mappings":";;;;;;;;;;;;AAOA,SAAS,OAAO,KAAA,EAAmC;AACjD,EAAA,MAAM,OAAO,KAAA,YAAiB,IAAA,GAAO,KAAA,GAAQ,IAAI,KAAK,KAAK,CAAA;AAC3D,EAAA,OAAO,KAAA,CAAM,IAAA,CAAK,OAAA,EAAS,IAAI,IAAA,GAAO,IAAA;AACxC;AAUO,SAAS,sBAAA,CAAuB,EAAE,SAAA,EAAU,EAAgC;AACjF,EAAA,MAAM,IAAA,GAAO,OAAO,SAAS,CAAA;AAC7B,EAAA,uBACEA,cAAA,CAACC,4BAAA,EAAA,EAAa,SAAA,EAAU,2BAAA,EACrB,QAAA,EAAA,IAAA,GAAQC,eAAA,CAAQ,IAAI,CAAA,GAAI,OAAA,GAAUC,cAAA,CAAO,IAAA,EAAM,QAAQ,IAAK,GAAA,EAC/D,CAAA;AAEJ;AAUO,SAAS,sBAAA,CAAuB,EAAE,SAAA,EAAU,EAAgC;AACjF,EAAA,MAAM,IAAA,GAAO,OAAO,SAAS,CAAA;AAC7B,EAAA,uBAAOH,cAAA,CAACC,gCAAa,SAAA,EAAU,2BAAA,EAA6B,iBAAOE,cAAA,CAAO,IAAA,EAAM,aAAa,CAAA,GAAI,GAAA,EAAI,CAAA;AACvG;AAUO,SAAS,uBAAA,CAAwB,EAAE,KAAA,EAAM,EAAiC;AAC/E,EAAA,MAAM,UAAU,KAAA,IAAS,IAAA,GAAO,IAAA,CAAK,SAAA,CAAU,KAAK,CAAA,GAAI,GAAA;AACxD,EAAA,uBACEH,cAAA,CAACC,gCACC,QAAA,kBAAAD,cAAA,CAAC,MAAA,EAAA,EAAK,WAAU,uEAAA,EAAwE,KAAA,EAAO,OAAA,EAC5F,QAAA,EAAA,OAAA,EACH,CAAA,EACF,CAAA;AAEJ;AAUO,SAAS,wBAAA,CAAyB,EAAE,QAAA,EAAS,EAAkC;AACpF,EAAA,MAAM,UAAU,QAAA,IAAY,GAAA;AAC5B,EAAA,uBACEA,cAAA,CAACC,gCACC,QAAA,kBAAAD,cAAA,CAAC,MAAA,EAAA,EAAK,WAAU,+CAAA,EAAgD,KAAA,EAAO,OAAA,EACpE,QAAA,EAAA,OAAA,EACH,CAAA,EACF,CAAA;AAEJ;AAUO,SAAS,uBAAA,CAAwB,EAAE,KAAA,EAAM,EAAiC;AAC/E,EAAA,MAAM,OAAA,GAAU,KAAA,IAAS,IAAA,GAAO,GAAA,GAAM,OAAO,KAAA,KAAU,QAAA,GAAW,IAAA,CAAK,SAAA,CAAU,KAAK,CAAA,GAAI,MAAA,CAAO,KAAK,CAAA;AACtG,EAAA,uBACEA,cAAA,CAACC,gCACC,QAAA,kBAAAD,cAAA,CAAC,MAAA,EAAA,EAAK,WAAU,uEAAA,EAAwE,KAAA,EAAO,OAAA,EAC5F,QAAA,EAAA,OAAA,EACH,CAAA,EACF,CAAA;AAEJ;;AClFA,SAAS,mBAAmB,KAAA,EAA4C;AACtE,EAAA,uBAAOA,cAAA,CAACI,4BAAA,EAAA,EAAc,GAAG,KAAA,EAAO,CAAA;AAClC;AAEO,MAAM,cAAA,GAAiB,MAAA,CAAO,MAAA,CAAO,kBAAA,EAAoB;AAAA,EAC9D,GAAA,EAAKC,2BAAA;AAAA,EACL,OAAA,EAASC,+BAAA;AAAA,EACT,SAAA,EAAWC,iCAAA;AAAA,EACX,OAAA,EAASC,+BAAA;AAAA,EACT,eAAA,EAAiBC,uCAAA;AAAA,EACjB,QAAA,EAAU,sBAAA;AAAA,EACV,QAAA,EAAU,sBAAA;AAAA,EACV,SAAA,EAAW,uBAAA;AAAA,EACX,UAAA,EAAY,wBAAA;AAAA,EACZ,SAAA,EAAW;AACb,CAAC;;;;;;;;"}

package/dist/components/DataList.es.js

@@ -1,9 +1,9 @@
-export { D as DataList } from '../data-list-CfsEAR2E.js';
-export { D as DataListSkeleton } from '../data-list-skeleton-DQp3KwVO.js';
+export { D as DataList } from '../data-list-BOI8fRuk.js';
+export { D as DataListSkeleton } from '../data-list-skeleton-DDO_OE14.js';
 import { jsx } from 'react/jsx-runtime';
-import { a as DataListCell, c as DataListNextPageLoading, f as DataListNoMatch, i as DataListRowButton, m as DataListTopCell, n as DataListTop, D as DataListRoot } from '../data-list-top-cell-DZiX9cTb.js';
+import { a as DataListCell, c as DataListNextPageLoading, g as DataListNoMatch, j as DataListRowButton, n as DataListTopCell, o as DataListTop, D as DataListRoot } from '../data-list-top-cell-CC5jjv5s.js';
 import { format, isToday } from 'date-fns';
-export { T as TracesDataList } from '../traces-data-list-BURMAmFH.js';
+export { T as TracesDataList } from '../traces-data-list-DmXGwe4Q.js';
 export { u as useDataListKeyboard } from '../use-data-list-keyboard-BzZmvqE_.js';
 
 function toDate(value) {
@@ -12,23 +12,23 @@ function toDate(value) {
 }
 function ScoresDataListDateCell({ timestamp }) {
   const date = toDate(timestamp);
-  return /* @__PURE__ */ jsx(DataListCell, { height: "compact", className: "text-ui-smd text-neutral2", children: date ? isToday(date) ? "Today" : format(date, "MMM dd") : "-" });
+  return /* @__PURE__ */ jsx(DataListCell, { className: "text-ui-smd text-neutral2", children: date ? isToday(date) ? "Today" : format(date, "MMM dd") : "-" });
 }
 function ScoresDataListTimeCell({ timestamp }) {
   const date = toDate(timestamp);
-  return /* @__PURE__ */ jsx(DataListCell, { height: "compact", className: "text-ui-smd text-neutral3", children: date ? format(date, "h:mm:ss aaa") : "-" });
+  return /* @__PURE__ */ jsx(DataListCell, { className: "text-ui-smd text-neutral3", children: date ? format(date, "h:mm:ss aaa") : "-" });
 }
 function ScoresDataListInputCell({ input }) {
   const display = input != null ? JSON.stringify(input) : "-";
-  return /* @__PURE__ */ jsx(DataListCell, { height: "compact", children: /* @__PURE__ */ jsx("span", { className: "text-ui-smd text-neutral3 block max-w-full min-w-0 truncate font-mono", title: display, children: display }) });
+  return /* @__PURE__ */ jsx(DataListCell, { children: /* @__PURE__ */ jsx("span", { className: "text-ui-smd text-neutral3 block max-w-full min-w-0 truncate font-mono", title: display, children: display }) });
 }
 function ScoresDataListEntityCell({ entityId }) {
   const display = entityId || "-";
-  return /* @__PURE__ */ jsx(DataListCell, { height: "compact", children: /* @__PURE__ */ jsx("span", { className: "text-ui-smd block max-w-full min-w-0 truncate", title: display, children: display }) });
+  return /* @__PURE__ */ jsx(DataListCell, { children: /* @__PURE__ */ jsx("span", { className: "text-ui-smd block max-w-full min-w-0 truncate", title: display, children: display }) });
 }
 function ScoresDataListScoreCell({ score }) {
   const display = score == null ? "-" : typeof score === "object" ? JSON.stringify(score) : String(score);
-  return /* @__PURE__ */ jsx(DataListCell, { height: "compact", children: /* @__PURE__ */ jsx("span", { className: "text-ui-smd text-neutral3 block max-w-full min-w-0 truncate font-mono", title: display, children: display }) });
+  return /* @__PURE__ */ jsx(DataListCell, { children: /* @__PURE__ */ jsx("span", { className: "text-ui-smd text-neutral3 block max-w-full min-w-0 truncate font-mono", title: display, children: display }) });
 }
 
 function ScoresDataListRoot(props) {

package/dist/components/DataList.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataList.es.js","sources":["../../src/ds/components/DataList/ScoresDataList/scores-data-list-cells.tsx","../../src/ds/components/DataList/ScoresDataList/scores-data-list.tsx"],"sourcesContent":["import { format, isToday } from 'date-fns';\nimport { DataListCell } from '../data-list-cells';\n\n// ---------------------------------------------------------------------------\n// Helpers\n// ---------------------------------------------------------------------------\n\nfunction toDate(value: Date | string): Date | null {\n  const date = value instanceof Date ? value : new Date(value);\n  return isNaN(date.getTime()) ? null : date;\n}\n\n// ---------------------------------------------------------------------------\n// DateCell\n// ---------------------------------------------------------------------------\n\nexport interface ScoresDataListDateCellProps {\n  timestamp: Date | string;\n}\n\nexport function ScoresDataListDateCell({ timestamp }: ScoresDataListDateCellProps) {\n  const date = toDate(timestamp);\n  return (\n    <DataListCell height=\"compact\" className=\"text-ui-smd text-neutral2\">\n      {date ? (isToday(date) ? 'Today' : format(date, 'MMM dd')) : '-'}\n    </DataListCell>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// TimeCell\n// ---------------------------------------------------------------------------\n\nexport interface ScoresDataListTimeCellProps {\n  timestamp: Date | string;\n}\n\nexport function ScoresDataListTimeCell({ timestamp }: ScoresDataListTimeCellProps) {\n  const date = toDate(timestamp);\n  return (\n    <DataListCell height=\"compact\" className=\"text-ui-smd text-neutral3\">\n      {date ? format(date, 'h:mm:ss aaa') : '-'}\n    </DataListCell>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// InputCell\n// ---------------------------------------------------------------------------\n\nexport interface ScoresDataListInputCellProps {\n  input?: unknown;\n}\n\nexport function ScoresDataListInputCell({ input }: ScoresDataListInputCellProps) {\n  const display = input != null ? JSON.stringify(input) : '-';\n  return (\n    <DataListCell height=\"compact\">\n      <span className=\"text-ui-smd text-neutral3 block max-w-full min-w-0 truncate font-mono\" title={display}>\n        {display}\n      </span>\n    </DataListCell>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// EntityCell\n// ---------------------------------------------------------------------------\n\nexport interface ScoresDataListEntityCellProps {\n  entityId?: string | null;\n}\n\nexport function ScoresDataListEntityCell({ entityId }: ScoresDataListEntityCellProps) {\n  const display = entityId || '-';\n  return (\n    <DataListCell height=\"compact\">\n      <span className=\"text-ui-smd block max-w-full min-w-0 truncate\" title={display}>\n        {display}\n      </span>\n    </DataListCell>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// ScoreCell\n// ---------------------------------------------------------------------------\n\nexport interface ScoresDataListScoreCellProps {\n  score?: unknown;\n}\n\nexport function ScoresDataListScoreCell({ score }: ScoresDataListScoreCellProps) {\n  const display = score == null ? '-' : typeof score === 'object' ? JSON.stringify(score) : String(score);\n  return (\n    <DataListCell height=\"compact\">\n      <span className=\"text-ui-smd text-neutral3 block max-w-full min-w-0 truncate font-mono\" title={display}>\n        {display}\n      </span>\n    </DataListCell>\n  );\n}\n","import type { ComponentProps } from 'react';\nimport { DataListNextPageLoading } from '../data-list-next-page-loading';\nimport { DataListNoMatch } from '../data-list-no-match';\nimport { DataListRoot } from '../data-list-root';\nimport { DataListRowButton } from '../data-list-row-button';\nimport { DataListTop } from '../data-list-top';\nimport { DataListTopCell } from '../data-list-top-cell';\nimport {\n  ScoresDataListDateCell,\n  ScoresDataListTimeCell,\n  ScoresDataListInputCell,\n  ScoresDataListEntityCell,\n  ScoresDataListScoreCell,\n} from './scores-data-list-cells';\n\nfunction ScoresDataListRoot(props: ComponentProps<typeof DataListRoot>) {\n  return <DataListRoot {...props} />;\n}\n\nexport const ScoresDataList = Object.assign(ScoresDataListRoot, {\n  Top: DataListTop,\n  TopCell: DataListTopCell,\n  RowButton: DataListRowButton,\n  NoMatch: DataListNoMatch,\n  NextPageLoading: DataListNextPageLoading,\n  DateCell: ScoresDataListDateCell,\n  TimeCell: ScoresDataListTimeCell,\n  InputCell: ScoresDataListInputCell,\n  EntityCell: ScoresDataListEntityCell,\n  ScoreCell: ScoresDataListScoreCell,\n});\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"DataList.es.js","sources":["../../src/ds/components/DataList/ScoresDataList/scores-data-list-cells.tsx","../../src/ds/components/DataList/ScoresDataList/scores-data-list.tsx"],"sourcesContent":["import { format, isToday } from 'date-fns';\nimport { DataListCell } from '../data-list-cells';\n\n// ---------------------------------------------------------------------------\n// Helpers\n// ---------------------------------------------------------------------------\n\nfunction toDate(value: Date | string): Date | null {\n  const date = value instanceof Date ? value : new Date(value);\n  return isNaN(date.getTime()) ? null : date;\n}\n\n// ---------------------------------------------------------------------------\n// DateCell\n// ---------------------------------------------------------------------------\n\nexport interface ScoresDataListDateCellProps {\n  timestamp: Date | string;\n}\n\nexport function ScoresDataListDateCell({ timestamp }: ScoresDataListDateCellProps) {\n  const date = toDate(timestamp);\n  return (\n    <DataListCell className=\"text-ui-smd text-neutral2\">\n      {date ? (isToday(date) ? 'Today' : format(date, 'MMM dd')) : '-'}\n    </DataListCell>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// TimeCell\n// ---------------------------------------------------------------------------\n\nexport interface ScoresDataListTimeCellProps {\n  timestamp: Date | string;\n}\n\nexport function ScoresDataListTimeCell({ timestamp }: ScoresDataListTimeCellProps) {\n  const date = toDate(timestamp);\n  return <DataListCell className=\"text-ui-smd text-neutral3\">{date ? format(date, 'h:mm:ss aaa') : '-'}</DataListCell>;\n}\n\n// ---------------------------------------------------------------------------\n// InputCell\n// ---------------------------------------------------------------------------\n\nexport interface ScoresDataListInputCellProps {\n  input?: unknown;\n}\n\nexport function ScoresDataListInputCell({ input }: ScoresDataListInputCellProps) {\n  const display = input != null ? JSON.stringify(input) : '-';\n  return (\n    <DataListCell>\n      <span className=\"text-ui-smd text-neutral3 block max-w-full min-w-0 truncate font-mono\" title={display}>\n        {display}\n      </span>\n    </DataListCell>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// EntityCell\n// ---------------------------------------------------------------------------\n\nexport interface ScoresDataListEntityCellProps {\n  entityId?: string | null;\n}\n\nexport function ScoresDataListEntityCell({ entityId }: ScoresDataListEntityCellProps) {\n  const display = entityId || '-';\n  return (\n    <DataListCell>\n      <span className=\"text-ui-smd block max-w-full min-w-0 truncate\" title={display}>\n        {display}\n      </span>\n    </DataListCell>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// ScoreCell\n// ---------------------------------------------------------------------------\n\nexport interface ScoresDataListScoreCellProps {\n  score?: unknown;\n}\n\nexport function ScoresDataListScoreCell({ score }: ScoresDataListScoreCellProps) {\n  const display = score == null ? '-' : typeof score === 'object' ? JSON.stringify(score) : String(score);\n  return (\n    <DataListCell>\n      <span className=\"text-ui-smd text-neutral3 block max-w-full min-w-0 truncate font-mono\" title={display}>\n        {display}\n      </span>\n    </DataListCell>\n  );\n}\n","import type { ComponentProps } from 'react';\nimport { DataListNextPageLoading } from '../data-list-next-page-loading';\nimport { DataListNoMatch } from '../data-list-no-match';\nimport { DataListRoot } from '../data-list-root';\nimport { DataListRowButton } from '../data-list-row-button';\nimport { DataListTop } from '../data-list-top';\nimport { DataListTopCell } from '../data-list-top-cell';\nimport {\n  ScoresDataListDateCell,\n  ScoresDataListTimeCell,\n  ScoresDataListInputCell,\n  ScoresDataListEntityCell,\n  ScoresDataListScoreCell,\n} from './scores-data-list-cells';\n\nfunction ScoresDataListRoot(props: ComponentProps<typeof DataListRoot>) {\n  return <DataListRoot {...props} />;\n}\n\nexport const ScoresDataList = Object.assign(ScoresDataListRoot, {\n  Top: DataListTop,\n  TopCell: DataListTopCell,\n  RowButton: DataListRowButton,\n  NoMatch: DataListNoMatch,\n  NextPageLoading: DataListNextPageLoading,\n  DateCell: ScoresDataListDateCell,\n  TimeCell: ScoresDataListTimeCell,\n  InputCell: ScoresDataListInputCell,\n  EntityCell: ScoresDataListEntityCell,\n  ScoreCell: ScoresDataListScoreCell,\n});\n"],"names":[],"mappings":";;;;;;;;AAOA,SAAS,OAAO,KAAA,EAAmC;AACjD,EAAA,MAAM,OAAO,KAAA,YAAiB,IAAA,GAAO,KAAA,GAAQ,IAAI,KAAK,KAAK,CAAA;AAC3D,EAAA,OAAO,KAAA,CAAM,IAAA,CAAK,OAAA,EAAS,IAAI,IAAA,GAAO,IAAA;AACxC;AAUO,SAAS,sBAAA,CAAuB,EAAE,SAAA,EAAU,EAAgC;AACjF,EAAA,MAAM,IAAA,GAAO,OAAO,SAAS,CAAA;AAC7B,EAAA,uBACE,GAAA,CAAC,YAAA,EAAA,EAAa,SAAA,EAAU,2BAAA,EACrB,QAAA,EAAA,IAAA,GAAQ,OAAA,CAAQ,IAAI,CAAA,GAAI,OAAA,GAAU,MAAA,CAAO,IAAA,EAAM,QAAQ,IAAK,GAAA,EAC/D,CAAA;AAEJ;AAUO,SAAS,sBAAA,CAAuB,EAAE,SAAA,EAAU,EAAgC;AACjF,EAAA,MAAM,IAAA,GAAO,OAAO,SAAS,CAAA;AAC7B,EAAA,uBAAO,GAAA,CAAC,gBAAa,SAAA,EAAU,2BAAA,EAA6B,iBAAO,MAAA,CAAO,IAAA,EAAM,aAAa,CAAA,GAAI,GAAA,EAAI,CAAA;AACvG;AAUO,SAAS,uBAAA,CAAwB,EAAE,KAAA,EAAM,EAAiC;AAC/E,EAAA,MAAM,UAAU,KAAA,IAAS,IAAA,GAAO,IAAA,CAAK,SAAA,CAAU,KAAK,CAAA,GAAI,GAAA;AACxD,EAAA,uBACE,GAAA,CAAC,gBACC,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,WAAU,uEAAA,EAAwE,KAAA,EAAO,OAAA,EAC5F,QAAA,EAAA,OAAA,EACH,CAAA,EACF,CAAA;AAEJ;AAUO,SAAS,wBAAA,CAAyB,EAAE,QAAA,EAAS,EAAkC;AACpF,EAAA,MAAM,UAAU,QAAA,IAAY,GAAA;AAC5B,EAAA,uBACE,GAAA,CAAC,gBACC,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,WAAU,+CAAA,EAAgD,KAAA,EAAO,OAAA,EACpE,QAAA,EAAA,OAAA,EACH,CAAA,EACF,CAAA;AAEJ;AAUO,SAAS,uBAAA,CAAwB,EAAE,KAAA,EAAM,EAAiC;AAC/E,EAAA,MAAM,OAAA,GAAU,KAAA,IAAS,IAAA,GAAO,GAAA,GAAM,OAAO,KAAA,KAAU,QAAA,GAAW,IAAA,CAAK,SAAA,CAAU,KAAK,CAAA,GAAI,MAAA,CAAO,KAAK,CAAA;AACtG,EAAA,uBACE,GAAA,CAAC,gBACC,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,WAAU,uEAAA,EAAwE,KAAA,EAAO,OAAA,EAC5F,QAAA,EAAA,OAAA,EACH,CAAA,EACF,CAAA;AAEJ;;AClFA,SAAS,mBAAmB,KAAA,EAA4C;AACtE,EAAA,uBAAO,GAAA,CAAC,YAAA,EAAA,EAAc,GAAG,KAAA,EAAO,CAAA;AAClC;AAEO,MAAM,cAAA,GAAiB,MAAA,CAAO,MAAA,CAAO,kBAAA,EAAoB;AAAA,EAC9D,GAAA,EAAK,WAAA;AAAA,EACL,OAAA,EAAS,eAAA;AAAA,EACT,SAAA,EAAW,iBAAA;AAAA,EACX,OAAA,EAAS,eAAA;AAAA,EACT,eAAA,EAAiB,uBAAA;AAAA,EACjB,QAAA,EAAU,sBAAA;AAAA,EACV,QAAA,EAAU,sBAAA;AAAA,EACV,SAAA,EAAW,uBAAA;AAAA,EACX,UAAA,EAAY,wBAAA;AAAA,EACZ,SAAA,EAAW;AACb,CAAC;;;;"}