@mastra/playground-ui 61.0.0-alpha.6 → 61.0.0

package/dist/components/CodeEditor.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const codeEditor = require('../code-editor-Btr1qm_5.cjs');
+const codeEditor = require('../code-editor-GtjlBrBg.cjs');
 const highlight = require('../highlight-DK1dn-Fh.cjs');
 
 

package/dist/components/CodeEditor.es.js

@@ -1,3 +1,3 @@
-export { C as CodeEditor, V as VARIABLE_PATTERN, c as codeLanguages, a as createVariableAutocomplete, f as flattenSchemaToVariables, u as useCodemirrorTheme, v as variableHighlight } from '../code-editor-DzhYz1fH.js';
+export { C as CodeEditor, V as VARIABLE_PATTERN, c as codeLanguages, a as createVariableAutocomplete, f as flattenSchemaToVariables, u as useCodemirrorTheme, v as variableHighlight } from '../code-editor-zKwlle-5.js';
 export { h as highlight, l as languageForPath } from '../highlight-BmpoELR4.js';
 //# sourceMappingURL=CodeEditor.es.js.map

package/dist/components/Combobox.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const combobox = require('../combobox-BaVFPQ6X.cjs');
+const combobox = require('../combobox-anmnqGB0.cjs');
 const comboboxStyles = require('../combobox-styles-zdW4cHSq.cjs');
 const combobox$1 = require('@base-ui/react/combobox');
 

package/dist/components/Combobox.es.js

@@ -1,4 +1,4 @@
-export { C as Combobox } from '../combobox-NPw0vrSa.js';
+export { C as Combobox } from '../combobox-Dwf4U1CZ.js';
 export { c as comboboxStyles } from '../combobox-styles-BuHYzri9.js';
 export { Combobox as ComboboxPrimitive } from '@base-ui/react/combobox';
 //# sourceMappingURL=Combobox.es.js.map

package/dist/components/Command.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const command = require('../command-D9tAe7E8.cjs');
+const command = require('../command-CkiAUyOY.cjs');
 
 
 

package/dist/components/Command.es.js

@@ -1,2 +1,2 @@
-export { C as Command, a as CommandDialog, b as CommandEmpty, c as CommandGroup, d as CommandInput, e as CommandItem, f as CommandList, g as CommandSeparator, h as CommandShortcut } from '../command-DEG5XcoY.js';
+export { C as Command, a as CommandDialog, b as CommandEmpty, c as CommandGroup, d as CommandInput, e as CommandItem, f as CommandList, g as CommandSeparator, h as CommandShortcut } from '../command-NDEyxdvS.js';
 //# sourceMappingURL=Command.es.js.map

package/dist/components/CommandPalette.cjs.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 require('../CommandPalette.css');const jsxRuntime = require('react/jsx-runtime');
-const command = require('../command-D9tAe7E8.cjs');
+const command = require('../command-CkiAUyOY.cjs');
 const kbd = require('../kbd-BptPsKP6.cjs');
 const scrollArea = require('../scroll-area-gN-e805H.cjs');
-const Txt = require('../Txt-DNnvlrBo.cjs');
+const Txt = require('../Txt-DFPibRb3.cjs');
 const primitives_formElement = require('../primitives/form-element.cjs.js');
 const primitives_raisedSurface = require('../primitives/raised-surface.cjs.js');
 const primitives_transitions = require('../primitives/transitions.cjs.js');

package/dist/components/CommandPalette.es.js

@@ -1,8 +1,8 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { a as CommandDialog, d as CommandInput, e as CommandItem, h as CommandShortcut, f as CommandList } from '../command-DEG5XcoY.js';
+import { a as CommandDialog, d as CommandInput, e as CommandItem, h as CommandShortcut, f as CommandList } from '../command-NDEyxdvS.js';
 import { K as Kbd } from '../kbd-BDVTQHD_.js';
 import { S as ScrollArea, a as ScrollAreaViewport } from '../scroll-area-CfoN8Hpp.js';
-import { T as Txt } from '../Txt-C3cYJgKU.js';
+import { T as Txt } from '../Txt-CuuPO9Ho.js';
 import { inputSurfaceAndFocusWithinStyle } from '../primitives/form-element.es.js';
 import { overlaySurfaceStyle } from '../primitives/raised-surface.es.js';
 import { controlStateColorTransition } from '../primitives/transitions.es.js';

package/dist/components/Comment.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-require('../Comment.css');const comment = require('../comment-DnbibTOe.cjs');
+require('../Comment.css');const comment = require('../comment-DNHjp35d.cjs');
 const jsxRuntime = require('react/jsx-runtime');
 const arrival = require('../arrival-BWQZUZFQ.cjs');
 const useWatched = require('../use-watched-BixmYWp0.cjs');
@@ -14,7 +14,7 @@ const Button = require('../Button-CXhSUBxN.cjs');
 const field = require('../field-BkeKcz_6.cjs');
 require('../field-control-aria-WzMGs0A4.cjs');
 const primitives_textareaControl = require('../primitives/textarea-control.cjs.js');
-const Txt = require('../Txt-DNnvlrBo.cjs');
+const Txt = require('../Txt-DFPibRb3.cjs');
 
 function CommentArrival({ children }) {
   const watched = useWatched.useWatched();

package/dist/components/Comment.es.js

@@ -1,5 +1,5 @@
-import { u as useCommentVariant } from '../comment-B1Cf9w4Z.js';
-import '../Comment.css';export { C as Comment, d as CommentItem, b as CommentItemActions, i as CommentItemAuthor, e as CommentItemAvatar, c as CommentItemBody, f as CommentItemContent, g as CommentItemHeader, a as CommentItemTimestamp, h as CommentList } from '../comment-B1Cf9w4Z.js';
+import { u as useCommentVariant } from '../comment-CLSjQ6TN.js';
+import '../Comment.css';export { C as Comment, d as CommentItem, b as CommentItemActions, i as CommentItemAuthor, e as CommentItemAvatar, c as CommentItemBody, f as CommentItemContent, g as CommentItemHeader, a as CommentItemTimestamp, h as CommentList } from '../comment-CLSjQ6TN.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { A as ArrivalScope } from '../arrival-C4frvrgG.js';
 import { a as useWatched } from '../use-watched-CG9KoWl3.js';
@@ -11,7 +11,7 @@ import { B as Button } from '../Button-D43ghVKt.js';
 import { F as Field, c as FieldError } from '../field-BiMIiq2Y.js';
 import '../field-control-aria-DB6y41tQ.js';
 import { TextareaControl } from '../primitives/textarea-control.es.js';
-import { T as Txt } from '../Txt-C3cYJgKU.js';
+import { T as Txt } from '../Txt-CuuPO9Ho.js';
 
 function CommentArrival({ children }) {
   const watched = useWatched();

package/dist/components/DataCodeSection.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const dataCodeSection = require('../data-code-section-B5kljGaH.cjs');
+const dataCodeSection = require('../data-code-section-BNQkWe4H.cjs');
 
 
 

package/dist/components/DataCodeSection.es.js

@@ -1,2 +1,2 @@
-export { D as DataCodeSection } from '../data-code-section-CW9TU70O.js';
+export { D as DataCodeSection } from '../data-code-section-CU2XLh4d.js';
 //# sourceMappingURL=DataCodeSection.es.js.map

package/dist/components/DataDetailsPanel.cjs.js

@@ -8,10 +8,10 @@ const lucideReact = require('lucide-react');
 const Button = require('../Button-CXhSUBxN.cjs');
 const React = require('react');
 const buttonsGroup = require('../buttons-group-CoZP3lJt.cjs');
-const code = require('../code-D_sH618U.cjs');
+const code = require('../code-Dcah35Gp.cjs');
 const copyButton = require('../copy-button-CGkFEDHF.cjs');
 const primitives_raisedSurface = require('../primitives/raised-surface.cjs.js');
-const Txt = require('../Txt-DNnvlrBo.cjs');
+const Txt = require('../Txt-DFPibRb3.cjs');
 const spinner = require('../spinner-BCpN7LL9.cjs');
 
 function DataDetailsPanel$1({ collapsed, children }) {

package/dist/components/DataDetailsPanel.es.js

@@ -4,10 +4,10 @@ import { XIcon, AlignLeftIcon, AlignJustifyIcon } from 'lucide-react';
 import { B as Button } from '../Button-D43ghVKt.js';
 import { useState, useMemo } from 'react';
 import { B as ButtonsGroup } from '../buttons-group-DsZgrZBZ.js';
-import { C as Code } from '../code-C8akLzcu.js';
+import { C as Code } from '../code-DAXWNzvf.js';
 import { C as CopyButton } from '../copy-button-DH8xtrWz.js';
 import { raisedSurfaceStyle } from '../primitives/raised-surface.es.js';
-import { T as Txt } from '../Txt-C3cYJgKU.js';
+import { T as Txt } from '../Txt-CuuPO9Ho.js';
 import { S as Spinner } from '../spinner-ylbE0TJA.js';
 
 function DataDetailsPanel$1({ collapsed, children }) {

package/dist/components/DataList.cjs.js

@@ -2,14 +2,14 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const dataList = require('../data-list-TouUI4pb.cjs');
-const dataListSkeleton = require('../data-list-skeleton-BqihjHu8.cjs');
+const dataList = require('../data-list-DQgIgmjy.cjs');
+const dataListSkeleton = require('../data-list-skeleton-DdWv6VN-.cjs');
 const jsxRuntime = require('react/jsx-runtime');
-const dataListSpacer = require('../data-list-spacer-CtooAPJP.cjs');
+const dataListSpacer = require('../data-list-spacer-_GgQY2d4.cjs');
 const dataListTop = require('../data-list-top-BFssu4VI.cjs');
-const Txt = require('../Txt-DNnvlrBo.cjs');
+const Txt = require('../Txt-DFPibRb3.cjs');
 const utils_dateFormat = require('../utils/date-format.cjs.js');
-const tracesDataList = require('../traces-data-list-DDG1BY5u.cjs');
+const tracesDataList = require('../traces-data-list-CVLHJtd4.cjs');
 const useDataListKeyboard = require('../use-data-list-keyboard-DF3tLe10.cjs');
 const layout_tabbedContainer = require('../layout/tabbed-container.cjs.js');
 
@@ -73,6 +73,7 @@ const ScoresDataList = Object.assign(ScoresDataListRoot, {
 
 exports.DataList = dataList.DataList;
 exports.DataListSkeleton = dataListSkeleton.DataListSkeleton;
+exports.DataListSkeletonRows = dataListSkeleton.DataListSkeletonRows;
 exports.TracesDataList = tracesDataList.TracesDataList;
 exports.useDataListKeyboard = useDataListKeyboard.useDataListKeyboard;
 exports.TabbedContainer = layout_tabbedContainer.TabbedContainer;

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 { DataListCell } from '../data-list-cells';\nimport { Txt } from '@/ds/components/Txt';\nimport { formatDate } from '@/utils/date-format';\n\n// ---------------------------------------------------------------------------\n// Helpers\n// ---------------------------------------------------------------------------\n\n// ---------------------------------------------------------------------------\n// DateCell\n// ---------------------------------------------------------------------------\n\nexport interface ScoresDataListDateCellProps {\n  timestamp: Date | string;\n}\n\nexport function ScoresDataListDateCell({ timestamp }: ScoresDataListDateCellProps) {\n  return <DataListCell className=\"text-muted-foreground\">{formatDate(timestamp, 'date') ?? '-'}</DataListCell>;\n}\n\n// ---------------------------------------------------------------------------\n// TimeCell\n// ---------------------------------------------------------------------------\n\nexport interface ScoresDataListTimeCellProps {\n  timestamp: Date | string;\n}\n\nexport function ScoresDataListTimeCell({ timestamp }: ScoresDataListTimeCellProps) {\n  return (\n    <DataListCell className=\"text-body-sm text-muted-foreground\">{formatDate(timestamp, 'time') ?? '-'}</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>\n      <Txt\n        as=\"span\"\n        variant=\"body-sm\"\n        tone=\"muted\"\n        font=\"mono\"\n        className=\"block max-w-full min-w-0 truncate\"\n        title={display}\n      >\n        {display}\n      </Txt>\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      <Txt as=\"span\" variant=\"body-sm\" className=\"block max-w-full min-w-0 truncate\" title={display}>\n        {display}\n      </Txt>\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      <Txt\n        as=\"span\"\n        variant=\"body-sm\"\n        tone=\"muted\"\n        font=\"mono\"\n        className=\"block max-w-full min-w-0 truncate\"\n        title={display}\n      >\n        {display}\n      </Txt>\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 { DataListSortableTopCell } from '../data-list-sortable-top-cell';\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\n// oxlint-disable-next-line react/only-export-components -- compound component root, same pattern as TracesDataList\n// eslint-disable-next-line react-refresh/only-export-components -- compound component root, same pattern as TracesDataList\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  SortableTopCell: DataListSortableTopCell,\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","Txt","DataListRoot","DataListTop","DataListTopCell","DataListSortableTopCell","DataListRowButton","DataListNoMatch","DataListNextPageLoading"],"mappings":";;;;;;;;;;;;;;;AAgBO,SAAS,sBAAA,CAAuB,EAAE,SAAA,EAAU,EAAgC;AACjF,EAAA,uBAAOA,cAAA,CAACC,4BAAa,SAAA,EAAU,uBAAA,EAAyB,sCAAW,SAAA,EAAW,MAAM,KAAK,GAAA,EAAI,CAAA;AAC/F;AAUO,SAAS,sBAAA,CAAuB,EAAE,SAAA,EAAU,EAAgC;AACjF,EAAA,uBACED,cAAA,CAACC,4BAAa,SAAA,EAAU,oCAAA,EAAsC,sCAAW,SAAA,EAAW,MAAM,KAAK,GAAA,EAAI,CAAA;AAEvG;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,sCACGA,wBAAA,EAAA,EACC,QAAA,kBAAAD,cAAA;AAAA,IAACE,OAAA;AAAA,IAAA;AAAA,MACC,EAAA,EAAG,MAAA;AAAA,MACH,OAAA,EAAQ,SAAA;AAAA,MACR,IAAA,EAAK,OAAA;AAAA,MACL,IAAA,EAAK,MAAA;AAAA,MACL,SAAA,EAAU,mCAAA;AAAA,MACV,KAAA,EAAO,OAAA;AAAA,MAEN,QAAA,EAAA;AAAA;AAAA,GACH,EACF,CAAA;AAEJ;AAUO,SAAS,wBAAA,CAAyB,EAAE,QAAA,EAAS,EAAkC;AACpF,EAAA,MAAM,UAAU,QAAA,IAAY,GAAA;AAC5B,EAAA,uBACEF,cAAA,CAACC,wBAAA,EAAA,EACC,QAAA,kBAAAD,cAAA,CAACE,OAAA,EAAA,EAAI,EAAA,EAAG,MAAA,EAAO,OAAA,EAAQ,SAAA,EAAU,SAAA,EAAU,mCAAA,EAAoC,KAAA,EAAO,OAAA,EACnF,mBACH,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,sCACGD,wBAAA,EAAA,EACC,QAAA,kBAAAD,cAAA;AAAA,IAACE,OAAA;AAAA,IAAA;AAAA,MACC,EAAA,EAAG,MAAA;AAAA,MACH,OAAA,EAAQ,SAAA;AAAA,MACR,IAAA,EAAK,OAAA;AAAA,MACL,IAAA,EAAK,MAAA;AAAA,MACL,SAAA,EAAU,mCAAA;AAAA,MACV,KAAA,EAAO,OAAA;AAAA,MAEN,QAAA,EAAA;AAAA;AAAA,GACH,EACF,CAAA;AAEJ;;ACrFA,SAAS,mBAAmB,KAAA,EAA4C;AACtE,EAAA,uBAAOF,cAAA,CAACG,wBAAA,EAAA,EAAc,GAAG,KAAA,EAAO,CAAA;AAClC;AAEO,MAAM,cAAA,GAAiB,MAAA,CAAO,MAAA,CAAO,kBAAA,EAAoB;AAAA,EAC9D,GAAA,EAAKC,uBAAA;AAAA,EACL,OAAA,EAASC,2BAAA;AAAA,EACT,eAAA,EAAiBC,sCAAA;AAAA,EACjB,SAAA,EAAWC,gCAAA;AAAA,EACX,OAAA,EAASC,8BAAA;AAAA,EACT,eAAA,EAAiBC,sCAAA;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;;;;;;;;;"}
+{"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 { DataListCell } from '../data-list-cells';\nimport { Txt } from '@/ds/components/Txt';\nimport { formatDate } from '@/utils/date-format';\n\n// ---------------------------------------------------------------------------\n// Helpers\n// ---------------------------------------------------------------------------\n\n// ---------------------------------------------------------------------------\n// DateCell\n// ---------------------------------------------------------------------------\n\nexport interface ScoresDataListDateCellProps {\n  timestamp: Date | string;\n}\n\nexport function ScoresDataListDateCell({ timestamp }: ScoresDataListDateCellProps) {\n  return <DataListCell className=\"text-muted-foreground\">{formatDate(timestamp, 'date') ?? '-'}</DataListCell>;\n}\n\n// ---------------------------------------------------------------------------\n// TimeCell\n// ---------------------------------------------------------------------------\n\nexport interface ScoresDataListTimeCellProps {\n  timestamp: Date | string;\n}\n\nexport function ScoresDataListTimeCell({ timestamp }: ScoresDataListTimeCellProps) {\n  return (\n    <DataListCell className=\"text-body-sm text-muted-foreground\">{formatDate(timestamp, 'time') ?? '-'}</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>\n      <Txt\n        as=\"span\"\n        variant=\"body-sm\"\n        tone=\"muted\"\n        font=\"mono\"\n        className=\"block max-w-full min-w-0 truncate\"\n        title={display}\n      >\n        {display}\n      </Txt>\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      <Txt as=\"span\" variant=\"body-sm\" className=\"block max-w-full min-w-0 truncate\" title={display}>\n        {display}\n      </Txt>\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      <Txt\n        as=\"span\"\n        variant=\"body-sm\"\n        tone=\"muted\"\n        font=\"mono\"\n        className=\"block max-w-full min-w-0 truncate\"\n        title={display}\n      >\n        {display}\n      </Txt>\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 { DataListSortableTopCell } from '../data-list-sortable-top-cell';\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\n// oxlint-disable-next-line react/only-export-components -- compound component root, same pattern as TracesDataList\n// eslint-disable-next-line react-refresh/only-export-components -- compound component root, same pattern as TracesDataList\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  SortableTopCell: DataListSortableTopCell,\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","Txt","DataListRoot","DataListTop","DataListTopCell","DataListSortableTopCell","DataListRowButton","DataListNoMatch","DataListNextPageLoading"],"mappings":";;;;;;;;;;;;;;;AAgBO,SAAS,sBAAA,CAAuB,EAAE,SAAA,EAAU,EAAgC;AACjF,EAAA,uBAAOA,cAAA,CAACC,4BAAa,SAAA,EAAU,uBAAA,EAAyB,sCAAW,SAAA,EAAW,MAAM,KAAK,GAAA,EAAI,CAAA;AAC/F;AAUO,SAAS,sBAAA,CAAuB,EAAE,SAAA,EAAU,EAAgC;AACjF,EAAA,uBACED,cAAA,CAACC,4BAAa,SAAA,EAAU,oCAAA,EAAsC,sCAAW,SAAA,EAAW,MAAM,KAAK,GAAA,EAAI,CAAA;AAEvG;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,sCACGA,wBAAA,EAAA,EACC,QAAA,kBAAAD,cAAA;AAAA,IAACE,OAAA;AAAA,IAAA;AAAA,MACC,EAAA,EAAG,MAAA;AAAA,MACH,OAAA,EAAQ,SAAA;AAAA,MACR,IAAA,EAAK,OAAA;AAAA,MACL,IAAA,EAAK,MAAA;AAAA,MACL,SAAA,EAAU,mCAAA;AAAA,MACV,KAAA,EAAO,OAAA;AAAA,MAEN,QAAA,EAAA;AAAA;AAAA,GACH,EACF,CAAA;AAEJ;AAUO,SAAS,wBAAA,CAAyB,EAAE,QAAA,EAAS,EAAkC;AACpF,EAAA,MAAM,UAAU,QAAA,IAAY,GAAA;AAC5B,EAAA,uBACEF,cAAA,CAACC,wBAAA,EAAA,EACC,QAAA,kBAAAD,cAAA,CAACE,OAAA,EAAA,EAAI,EAAA,EAAG,MAAA,EAAO,OAAA,EAAQ,SAAA,EAAU,SAAA,EAAU,mCAAA,EAAoC,KAAA,EAAO,OAAA,EACnF,mBACH,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,sCACGD,wBAAA,EAAA,EACC,QAAA,kBAAAD,cAAA;AAAA,IAACE,OAAA;AAAA,IAAA;AAAA,MACC,EAAA,EAAG,MAAA;AAAA,MACH,OAAA,EAAQ,SAAA;AAAA,MACR,IAAA,EAAK,OAAA;AAAA,MACL,IAAA,EAAK,MAAA;AAAA,MACL,SAAA,EAAU,mCAAA;AAAA,MACV,KAAA,EAAO,OAAA;AAAA,MAEN,QAAA,EAAA;AAAA;AAAA,GACH,EACF,CAAA;AAEJ;;ACrFA,SAAS,mBAAmB,KAAA,EAA4C;AACtE,EAAA,uBAAOF,cAAA,CAACG,wBAAA,EAAA,EAAc,GAAG,KAAA,EAAO,CAAA;AAClC;AAEO,MAAM,cAAA,GAAiB,MAAA,CAAO,MAAA,CAAO,kBAAA,EAAoB;AAAA,EAC9D,GAAA,EAAKC,uBAAA;AAAA,EACL,OAAA,EAASC,2BAAA;AAAA,EACT,eAAA,EAAiBC,sCAAA;AAAA,EACjB,SAAA,EAAWC,gCAAA;AAAA,EACX,OAAA,EAASC,8BAAA;AAAA,EACT,eAAA,EAAiBC,sCAAA;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,11 +1,11 @@
-export { D as DataList } from '../data-list-BHtjZ528.js';
-export { D as DataListSkeleton } from '../data-list-skeleton-H8Zpph6_.js';
+export { D as DataList } from '../data-list-B6DT-u-0.js';
+export { D as DataListSkeleton, a as DataListSkeletonRows } from '../data-list-skeleton-DuK0aDVr.js';
 import { jsx } from 'react/jsx-runtime';
-import { D as DataListNextPageLoading, a as DataListNoMatch, d as DataListRowButton, f as DataListSortableTopCell } from '../data-list-spacer-D7UBH1uv.js';
+import { D as DataListNextPageLoading, a as DataListNoMatch, d as DataListRowButton, f as DataListSortableTopCell } from '../data-list-spacer-C0tMRgfC.js';
 import { c as DataListCell, b as DataListTopCell, a as DataListTop, D as DataListRoot } from '../data-list-top-D10jfsQH.js';
-import { T as Txt } from '../Txt-C3cYJgKU.js';
+import { T as Txt } from '../Txt-CuuPO9Ho.js';
 import { formatDate } from '../utils/date-format.es.js';
-export { T as TracesDataList } from '../traces-data-list-BeWQiNT2.js';
+export { T as TracesDataList } from '../traces-data-list-B0xInvZg.js';
 export { u as useDataListKeyboard } from '../use-data-list-keyboard-DFQr4t38.js';
 export { TabbedContainer } from '../layout/tabbed-container.es.js';
 

package/dist/components/DataPanel.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const dataPanel = require('../data-panel-Ckjs7Kwo.cjs');
+const dataPanel = require('../data-panel-b48tWgzs.cjs');
 
 
 

package/dist/components/DataPanel.es.js

@@ -1,2 +1,2 @@
-export { D as DataPanel } from '../data-panel-B5flRCQM.js';
+export { D as DataPanel } from '../data-panel-Bzed2B75.js';
 //# sourceMappingURL=DataPanel.es.js.map

package/dist/components/DateRangeTimeline.cjs.js

@@ -9,7 +9,7 @@ const lucideReact = require('lucide-react');
 const Button = require('../Button-CXhSUBxN.cjs');
 const datePicker = require('../date-picker-dRZF8frf.cjs');
 const popover = require('../popover-lBqKiPtp.cjs');
-const Txt = require('../Txt-DNnvlrBo.cjs');
+const Txt = require('../Txt-DFPibRb3.cjs');
 const utils_cn = require('../cn-DG0X1KEP.cjs');
 const primitives_transitions = require('../primitives/transitions.cjs.js');
 

package/dist/components/DateRangeTimeline.es.js

@@ -5,7 +5,7 @@ import { CalendarDaysIcon } from 'lucide-react';
 import { B as Button } from '../Button-D43ghVKt.js';
 import { D as DatePicker } from '../date-picker-DgWTsiJ7.js';
 import { P as Popover, b as PopoverTrigger, a as PopoverContent } from '../popover-Dg70UGyn.js';
-import { T as Txt } from '../Txt-C3cYJgKU.js';
+import { T as Txt } from '../Txt-CuuPO9Ho.js';
 import { c as cn } from '../cn-65Adrsfj.js';
 import { focusRing } from '../primitives/transitions.es.js';
 

package/dist/components/DateTimeRangePicker.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const dateTimeRangePicker = require('../date-time-range-picker-BbX8F_LY.cjs');
+const dateTimeRangePicker = require('../date-time-range-picker-CvzC4nOt.cjs');
 
 
 

package/dist/components/DateTimeRangePicker.es.js

@@ -1,2 +1,2 @@
-export { D as DateTimeRangePicker } from '../date-time-range-picker-DzPLKJol.js';
+export { D as DateTimeRangePicker } from '../date-time-range-picker-BqlAiuYW.js';
 //# sourceMappingURL=DateTimeRangePicker.es.js.map

package/dist/components/EmptyState.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-require('../EmptyState.css');const EmptyState = require('../EmptyState-O089K_US.cjs');
+require('../EmptyState.css');const EmptyState = require('../EmptyState-B6kP-dEp.cjs');
 const jsxRuntime = require('react/jsx-runtime');
 const React = require('react');
 

package/dist/components/EmptyState.es.js

@@ -1,4 +1,4 @@
-import '../EmptyState.css';export { E as EmptyState } from '../EmptyState-BI6cIolY.js';
+import '../EmptyState.css';export { E as EmptyState } from '../EmptyState-BQww74OL.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { useId } from 'react';
 

package/dist/components/Entity.cjs.js

@@ -3,10 +3,11 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
-const Txt = require('../Txt-DNnvlrBo.cjs');
+const Txt = require('../Txt-DFPibRb3.cjs');
 const icons_Icon = require('../icons/Icon.cjs.js');
 require('lucide-react');
 const primitives_raisedSurface = require('../primitives/raised-surface.cjs.js');
+const primitives_text = require('../primitives/text.cjs.js');
 const utils_cn = require('../cn-DG0X1KEP.cjs');
 
 const Entity = ({ children, className, onClick }) => {
@@ -39,7 +40,7 @@ const EntityName = ({ children, className }) => {
   return /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "p", variant: "heading", tone: "ink", className, children });
 };
 const EntityDescription = ({ children, className }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "div", variant: "caption", tone: "muted", className, children });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils_cn.cn(primitives_text.textStyle({ variant: "caption", tone: "muted" }), className), children });
 };
 const EntityContent = ({ children, className }) => {
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils_cn.cn("w-full flex-1", className), children });

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

@@ -1 +1 @@
-{"version":3,"file":"Entity.cjs.js","sources":["../../src/ds/components/Entity/Entity.tsx"],"sourcesContent":["import { Txt } from '../Txt';\nimport { Icon } from '@/ds/icons';\nimport { raisedSurfaceStyle } from '@/ds/primitives/raised-surface';\nimport { cn } from '@/lib/utils';\n\nexport interface EntityProps {\n  children: React.ReactNode;\n  className?: string;\n  onClick?: () => void;\n  style?: React.CSSProperties;\n}\n\nexport const Entity = ({ children, className, onClick }: EntityProps) => {\n  return (\n    <div\n      tabIndex={onClick ? 0 : undefined}\n      onKeyDown={e => {\n        if (!onClick) return;\n        if (e.key === 'Enter' || e.key === ' ') {\n          e.preventDefault();\n          onClick?.();\n        }\n      }}\n      className={cn(\n        raisedSurfaceStyle,\n        'group/entity flex gap-3 rounded-xl px-3 py-2',\n        onClick && 'cursor-pointer transition-all hover:bg-fill-subtle',\n        className,\n      )}\n      onClick={onClick}\n    >\n      {children}\n    </div>\n  );\n};\n\nexport const EntityIcon = ({ children, className, style }: EntityProps) => {\n  return (\n    <Icon size=\"lg\" className={cn('mt-1 shrink-0 text-muted-foreground', className)} style={style}>\n      {children}\n    </Icon>\n  );\n};\n\nexport const EntityName = ({ children, className }: EntityProps) => {\n  return (\n    <Txt as=\"p\" variant=\"heading\" tone=\"ink\" className={className}>\n      {children}\n    </Txt>\n  );\n};\n\nexport const EntityDescription = ({ children, className }: EntityProps) => {\n  return (\n    <Txt as=\"div\" variant=\"caption\" tone=\"muted\" className={className}>\n      {children}\n    </Txt>\n  );\n};\n\nexport const EntityContent = ({ children, className }: EntityProps) => {\n  return <div className={cn('w-full flex-1', className)}>{children}</div>;\n};\n"],"names":["jsx","cn","raisedSurfaceStyle","Icon","Txt"],"mappings":";;;;;;;;;;;AAYO,MAAM,SAAS,CAAC,EAAE,QAAA,EAAU,SAAA,EAAW,SAAQ,KAAmB;AACvE,EAAA,uBACEA,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,QAAA,EAAU,UAAU,CAAA,GAAI,MAAA;AAAA,MACxB,WAAW,CAAA,CAAA,KAAK;AACd,QAAA,IAAI,CAAC,OAAA,EAAS;AACd,QAAA,IAAI,CAAA,CAAE,GAAA,KAAQ,OAAA,IAAW,CAAA,CAAE,QAAQ,GAAA,EAAK;AACtC,UAAA,CAAA,CAAE,cAAA,EAAe;AACjB,UAAA,OAAA,IAAU;AAAA,QACZ;AAAA,MACF,CAAA;AAAA,MACA,SAAA,EAAWC,WAAA;AAAA,QACTC,2CAAA;AAAA,QACA,8CAAA;AAAA,QACA,OAAA,IAAW,oDAAA;AAAA,QACX;AAAA,OACF;AAAA,MACA,OAAA;AAAA,MAEC;AAAA;AAAA,GACH;AAEJ;AAEO,MAAM,aAAa,CAAC,EAAE,QAAA,EAAU,SAAA,EAAW,OAAM,KAAmB;AACzE,EAAA,uBACEF,cAAA,CAACG,eAAA,EAAA,EAAK,IAAA,EAAK,IAAA,EAAK,SAAA,EAAWF,YAAG,qCAAA,EAAuC,SAAS,CAAA,EAAG,KAAA,EAC9E,QAAA,EACH,CAAA;AAEJ;AAEO,MAAM,UAAA,GAAa,CAAC,EAAE,QAAA,EAAU,WAAU,KAAmB;AAClE,EAAA,uBACED,cAAA,CAACI,WAAI,EAAA,EAAG,GAAA,EAAI,SAAQ,SAAA,EAAU,IAAA,EAAK,KAAA,EAAM,SAAA,EACtC,QAAA,EACH,CAAA;AAEJ;AAEO,MAAM,iBAAA,GAAoB,CAAC,EAAE,QAAA,EAAU,WAAU,KAAmB;AACzE,EAAA,uBACEJ,cAAA,CAACI,WAAI,EAAA,EAAG,KAAA,EAAM,SAAQ,SAAA,EAAU,IAAA,EAAK,OAAA,EAAQ,SAAA,EAC1C,QAAA,EACH,CAAA;AAEJ;AAEO,MAAM,aAAA,GAAgB,CAAC,EAAE,QAAA,EAAU,WAAU,KAAmB;AACrE,EAAA,sCAAQ,KAAA,EAAA,EAAI,SAAA,EAAWH,YAAG,eAAA,EAAiB,SAAS,GAAI,QAAA,EAAS,CAAA;AACnE;;;;;;;;"}
+{"version":3,"file":"Entity.cjs.js","sources":["../../src/ds/components/Entity/Entity.tsx"],"sourcesContent":["import { Txt } from '../Txt';\nimport { Icon } from '@/ds/icons';\nimport { raisedSurfaceStyle } from '@/ds/primitives/raised-surface';\nimport { textStyle } from '@/ds/primitives/text';\nimport { cn } from '@/lib/utils';\n\nexport interface EntityProps {\n  children: React.ReactNode;\n  className?: string;\n  onClick?: () => void;\n  style?: React.CSSProperties;\n}\n\nexport const Entity = ({ children, className, onClick }: EntityProps) => {\n  return (\n    <div\n      tabIndex={onClick ? 0 : undefined}\n      onKeyDown={e => {\n        if (!onClick) return;\n        if (e.key === 'Enter' || e.key === ' ') {\n          e.preventDefault();\n          onClick?.();\n        }\n      }}\n      className={cn(\n        raisedSurfaceStyle,\n        'group/entity flex gap-3 rounded-xl px-3 py-2',\n        onClick && 'cursor-pointer transition-all hover:bg-fill-subtle',\n        className,\n      )}\n      onClick={onClick}\n    >\n      {children}\n    </div>\n  );\n};\n\nexport const EntityIcon = ({ children, className, style }: EntityProps) => {\n  return (\n    <Icon size=\"lg\" className={cn('mt-1 shrink-0 text-muted-foreground', className)} style={style}>\n      {children}\n    </Icon>\n  );\n};\n\nexport const EntityName = ({ children, className }: EntityProps) => {\n  return (\n    <Txt as=\"p\" variant=\"heading\" tone=\"ink\" className={className}>\n      {children}\n    </Txt>\n  );\n};\n\nexport const EntityDescription = ({ children, className }: EntityProps) => {\n  return <div className={cn(textStyle({ variant: 'caption', tone: 'muted' }), className)}>{children}</div>;\n};\n\nexport const EntityContent = ({ children, className }: EntityProps) => {\n  return <div className={cn('w-full flex-1', className)}>{children}</div>;\n};\n"],"names":["jsx","cn","raisedSurfaceStyle","Icon","Txt","textStyle"],"mappings":";;;;;;;;;;;;AAaO,MAAM,SAAS,CAAC,EAAE,QAAA,EAAU,SAAA,EAAW,SAAQ,KAAmB;AACvE,EAAA,uBACEA,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,QAAA,EAAU,UAAU,CAAA,GAAI,MAAA;AAAA,MACxB,WAAW,CAAA,CAAA,KAAK;AACd,QAAA,IAAI,CAAC,OAAA,EAAS;AACd,QAAA,IAAI,CAAA,CAAE,GAAA,KAAQ,OAAA,IAAW,CAAA,CAAE,QAAQ,GAAA,EAAK;AACtC,UAAA,CAAA,CAAE,cAAA,EAAe;AACjB,UAAA,OAAA,IAAU;AAAA,QACZ;AAAA,MACF,CAAA;AAAA,MACA,SAAA,EAAWC,WAAA;AAAA,QACTC,2CAAA;AAAA,QACA,8CAAA;AAAA,QACA,OAAA,IAAW,oDAAA;AAAA,QACX;AAAA,OACF;AAAA,MACA,OAAA;AAAA,MAEC;AAAA;AAAA,GACH;AAEJ;AAEO,MAAM,aAAa,CAAC,EAAE,QAAA,EAAU,SAAA,EAAW,OAAM,KAAmB;AACzE,EAAA,uBACEF,cAAA,CAACG,eAAA,EAAA,EAAK,IAAA,EAAK,IAAA,EAAK,SAAA,EAAWF,YAAG,qCAAA,EAAuC,SAAS,CAAA,EAAG,KAAA,EAC9E,QAAA,EACH,CAAA;AAEJ;AAEO,MAAM,UAAA,GAAa,CAAC,EAAE,QAAA,EAAU,WAAU,KAAmB;AAClE,EAAA,uBACED,cAAA,CAACI,WAAI,EAAA,EAAG,GAAA,EAAI,SAAQ,SAAA,EAAU,IAAA,EAAK,KAAA,EAAM,SAAA,EACtC,QAAA,EACH,CAAA;AAEJ;AAEO,MAAM,iBAAA,GAAoB,CAAC,EAAE,QAAA,EAAU,WAAU,KAAmB;AACzE,EAAA,uBAAOJ,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAWC,WAAA,CAAGI,0BAAU,EAAE,OAAA,EAAS,SAAA,EAAW,IAAA,EAAM,OAAA,EAAS,CAAA,EAAG,SAAS,GAAI,QAAA,EAAS,CAAA;AACpG;AAEO,MAAM,aAAA,GAAgB,CAAC,EAAE,QAAA,EAAU,WAAU,KAAmB;AACrE,EAAA,sCAAQ,KAAA,EAAA,EAAI,SAAA,EAAWJ,YAAG,eAAA,EAAiB,SAAS,GAAI,QAAA,EAAS,CAAA;AACnE;;;;;;;;"}

package/dist/components/Entity.es.js

@@ -1,8 +1,9 @@
 import { jsx } from 'react/jsx-runtime';
-import { T as Txt } from '../Txt-C3cYJgKU.js';
+import { T as Txt } from '../Txt-CuuPO9Ho.js';
 import { Icon } from '../icons/Icon.es.js';
 import 'lucide-react';
 import { raisedSurfaceStyle } from '../primitives/raised-surface.es.js';
+import { textStyle } from '../primitives/text.es.js';
 import { c as cn } from '../cn-65Adrsfj.js';
 
 const Entity = ({ children, className, onClick }) => {
@@ -35,7 +36,7 @@ const EntityName = ({ children, className }) => {
   return /* @__PURE__ */ jsx(Txt, { as: "p", variant: "heading", tone: "ink", className, children });
 };
 const EntityDescription = ({ children, className }) => {
-  return /* @__PURE__ */ jsx(Txt, { as: "div", variant: "caption", tone: "muted", className, children });
+  return /* @__PURE__ */ jsx("div", { className: cn(textStyle({ variant: "caption", tone: "muted" }), className), children });
 };
 const EntityContent = ({ children, className }) => {
   return /* @__PURE__ */ jsx("div", { className: cn("w-full flex-1", className), children });

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

@@ -1 +1 @@
-{"version":3,"file":"Entity.es.js","sources":["../../src/ds/components/Entity/Entity.tsx"],"sourcesContent":["import { Txt } from '../Txt';\nimport { Icon } from '@/ds/icons';\nimport { raisedSurfaceStyle } from '@/ds/primitives/raised-surface';\nimport { cn } from '@/lib/utils';\n\nexport interface EntityProps {\n  children: React.ReactNode;\n  className?: string;\n  onClick?: () => void;\n  style?: React.CSSProperties;\n}\n\nexport const Entity = ({ children, className, onClick }: EntityProps) => {\n  return (\n    <div\n      tabIndex={onClick ? 0 : undefined}\n      onKeyDown={e => {\n        if (!onClick) return;\n        if (e.key === 'Enter' || e.key === ' ') {\n          e.preventDefault();\n          onClick?.();\n        }\n      }}\n      className={cn(\n        raisedSurfaceStyle,\n        'group/entity flex gap-3 rounded-xl px-3 py-2',\n        onClick && 'cursor-pointer transition-all hover:bg-fill-subtle',\n        className,\n      )}\n      onClick={onClick}\n    >\n      {children}\n    </div>\n  );\n};\n\nexport const EntityIcon = ({ children, className, style }: EntityProps) => {\n  return (\n    <Icon size=\"lg\" className={cn('mt-1 shrink-0 text-muted-foreground', className)} style={style}>\n      {children}\n    </Icon>\n  );\n};\n\nexport const EntityName = ({ children, className }: EntityProps) => {\n  return (\n    <Txt as=\"p\" variant=\"heading\" tone=\"ink\" className={className}>\n      {children}\n    </Txt>\n  );\n};\n\nexport const EntityDescription = ({ children, className }: EntityProps) => {\n  return (\n    <Txt as=\"div\" variant=\"caption\" tone=\"muted\" className={className}>\n      {children}\n    </Txt>\n  );\n};\n\nexport const EntityContent = ({ children, className }: EntityProps) => {\n  return <div className={cn('w-full flex-1', className)}>{children}</div>;\n};\n"],"names":[],"mappings":";;;;;;;AAYO,MAAM,SAAS,CAAC,EAAE,QAAA,EAAU,SAAA,EAAW,SAAQ,KAAmB;AACvE,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,QAAA,EAAU,UAAU,CAAA,GAAI,MAAA;AAAA,MACxB,WAAW,CAAA,CAAA,KAAK;AACd,QAAA,IAAI,CAAC,OAAA,EAAS;AACd,QAAA,IAAI,CAAA,CAAE,GAAA,KAAQ,OAAA,IAAW,CAAA,CAAE,QAAQ,GAAA,EAAK;AACtC,UAAA,CAAA,CAAE,cAAA,EAAe;AACjB,UAAA,OAAA,IAAU;AAAA,QACZ;AAAA,MACF,CAAA;AAAA,MACA,SAAA,EAAW,EAAA;AAAA,QACT,kBAAA;AAAA,QACA,8CAAA;AAAA,QACA,OAAA,IAAW,oDAAA;AAAA,QACX;AAAA,OACF;AAAA,MACA,OAAA;AAAA,MAEC;AAAA;AAAA,GACH;AAEJ;AAEO,MAAM,aAAa,CAAC,EAAE,QAAA,EAAU,SAAA,EAAW,OAAM,KAAmB;AACzE,EAAA,uBACE,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAK,IAAA,EAAK,SAAA,EAAW,GAAG,qCAAA,EAAuC,SAAS,CAAA,EAAG,KAAA,EAC9E,QAAA,EACH,CAAA;AAEJ;AAEO,MAAM,UAAA,GAAa,CAAC,EAAE,QAAA,EAAU,WAAU,KAAmB;AAClE,EAAA,uBACE,GAAA,CAAC,OAAI,EAAA,EAAG,GAAA,EAAI,SAAQ,SAAA,EAAU,IAAA,EAAK,KAAA,EAAM,SAAA,EACtC,QAAA,EACH,CAAA;AAEJ;AAEO,MAAM,iBAAA,GAAoB,CAAC,EAAE,QAAA,EAAU,WAAU,KAAmB;AACzE,EAAA,uBACE,GAAA,CAAC,OAAI,EAAA,EAAG,KAAA,EAAM,SAAQ,SAAA,EAAU,IAAA,EAAK,OAAA,EAAQ,SAAA,EAC1C,QAAA,EACH,CAAA;AAEJ;AAEO,MAAM,aAAA,GAAgB,CAAC,EAAE,QAAA,EAAU,WAAU,KAAmB;AACrE,EAAA,2BAAQ,KAAA,EAAA,EAAI,SAAA,EAAW,GAAG,eAAA,EAAiB,SAAS,GAAI,QAAA,EAAS,CAAA;AACnE;;;;"}
+{"version":3,"file":"Entity.es.js","sources":["../../src/ds/components/Entity/Entity.tsx"],"sourcesContent":["import { Txt } from '../Txt';\nimport { Icon } from '@/ds/icons';\nimport { raisedSurfaceStyle } from '@/ds/primitives/raised-surface';\nimport { textStyle } from '@/ds/primitives/text';\nimport { cn } from '@/lib/utils';\n\nexport interface EntityProps {\n  children: React.ReactNode;\n  className?: string;\n  onClick?: () => void;\n  style?: React.CSSProperties;\n}\n\nexport const Entity = ({ children, className, onClick }: EntityProps) => {\n  return (\n    <div\n      tabIndex={onClick ? 0 : undefined}\n      onKeyDown={e => {\n        if (!onClick) return;\n        if (e.key === 'Enter' || e.key === ' ') {\n          e.preventDefault();\n          onClick?.();\n        }\n      }}\n      className={cn(\n        raisedSurfaceStyle,\n        'group/entity flex gap-3 rounded-xl px-3 py-2',\n        onClick && 'cursor-pointer transition-all hover:bg-fill-subtle',\n        className,\n      )}\n      onClick={onClick}\n    >\n      {children}\n    </div>\n  );\n};\n\nexport const EntityIcon = ({ children, className, style }: EntityProps) => {\n  return (\n    <Icon size=\"lg\" className={cn('mt-1 shrink-0 text-muted-foreground', className)} style={style}>\n      {children}\n    </Icon>\n  );\n};\n\nexport const EntityName = ({ children, className }: EntityProps) => {\n  return (\n    <Txt as=\"p\" variant=\"heading\" tone=\"ink\" className={className}>\n      {children}\n    </Txt>\n  );\n};\n\nexport const EntityDescription = ({ children, className }: EntityProps) => {\n  return <div className={cn(textStyle({ variant: 'caption', tone: 'muted' }), className)}>{children}</div>;\n};\n\nexport const EntityContent = ({ children, className }: EntityProps) => {\n  return <div className={cn('w-full flex-1', className)}>{children}</div>;\n};\n"],"names":[],"mappings":";;;;;;;;AAaO,MAAM,SAAS,CAAC,EAAE,QAAA,EAAU,SAAA,EAAW,SAAQ,KAAmB;AACvE,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,QAAA,EAAU,UAAU,CAAA,GAAI,MAAA;AAAA,MACxB,WAAW,CAAA,CAAA,KAAK;AACd,QAAA,IAAI,CAAC,OAAA,EAAS;AACd,QAAA,IAAI,CAAA,CAAE,GAAA,KAAQ,OAAA,IAAW,CAAA,CAAE,QAAQ,GAAA,EAAK;AACtC,UAAA,CAAA,CAAE,cAAA,EAAe;AACjB,UAAA,OAAA,IAAU;AAAA,QACZ;AAAA,MACF,CAAA;AAAA,MACA,SAAA,EAAW,EAAA;AAAA,QACT,kBAAA;AAAA,QACA,8CAAA;AAAA,QACA,OAAA,IAAW,oDAAA;AAAA,QACX;AAAA,OACF;AAAA,MACA,OAAA;AAAA,MAEC;AAAA;AAAA,GACH;AAEJ;AAEO,MAAM,aAAa,CAAC,EAAE,QAAA,EAAU,SAAA,EAAW,OAAM,KAAmB;AACzE,EAAA,uBACE,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAK,IAAA,EAAK,SAAA,EAAW,GAAG,qCAAA,EAAuC,SAAS,CAAA,EAAG,KAAA,EAC9E,QAAA,EACH,CAAA;AAEJ;AAEO,MAAM,UAAA,GAAa,CAAC,EAAE,QAAA,EAAU,WAAU,KAAmB;AAClE,EAAA,uBACE,GAAA,CAAC,OAAI,EAAA,EAAG,GAAA,EAAI,SAAQ,SAAA,EAAU,IAAA,EAAK,KAAA,EAAM,SAAA,EACtC,QAAA,EACH,CAAA;AAEJ;AAEO,MAAM,iBAAA,GAAoB,CAAC,EAAE,QAAA,EAAU,WAAU,KAAmB;AACzE,EAAA,uBAAO,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,EAAA,CAAG,UAAU,EAAE,OAAA,EAAS,SAAA,EAAW,IAAA,EAAM,OAAA,EAAS,CAAA,EAAG,SAAS,GAAI,QAAA,EAAS,CAAA;AACpG;AAEO,MAAM,aAAA,GAAgB,CAAC,EAAE,QAAA,EAAU,WAAU,KAAmB;AACrE,EAAA,2BAAQ,KAAA,EAAA,EAAI,SAAA,EAAW,GAAG,eAAA,EAAiB,SAAS,GAAI,QAAA,EAAS,CAAA;AACnE;;;;"}

package/dist/components/EntityHeader.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const entityHeader = require('../entity-header-By57lpH8.cjs');
+const entityHeader = require('../entity-header-DB1p5sEk.cjs');
 
 
 

package/dist/components/EntityHeader.es.js

@@ -1,2 +1,2 @@
-export { E as EntityHeader } from '../entity-header-DMjzE4Za.js';
+export { E as EntityHeader } from '../entity-header-GQT7ZnzW.js';
 //# sourceMappingURL=EntityHeader.es.js.map

package/dist/components/Entry.cjs.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
-const Txt = require('../Txt-DNnvlrBo.cjs');
+const Txt = require('../Txt-DFPibRb3.cjs');
 
 const Entry = ({ label, children }) => {
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [

package/dist/components/Entry.es.js

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { T as Txt } from '../Txt-C3cYJgKU.js';
+import { T as Txt } from '../Txt-CuuPO9Ho.js';
 
 const Entry = ({ label, children }) => {
   return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [

package/dist/components/EnvironmentVariablesEditor.cjs.js

@@ -7,10 +7,10 @@ const utils_cn = require('../cn-DG0X1KEP.cjs');
 const lucideReact = require('lucide-react');
 const React = require('react');
 const Button = require('../Button-CXhSUBxN.cjs');
-const Notice = require('../Notice-D4zc_oTj.cjs');
+const Notice = require('../Notice-CjQQjfK7.cjs');
 const envFile = require('../env-file-BU2hStkm.cjs');
-const Txt = require('../Txt-DNnvlrBo.cjs');
-const dataList = require('../data-list-TouUI4pb.cjs');
+const Txt = require('../Txt-DFPibRb3.cjs');
+const dataList = require('../data-list-DQgIgmjy.cjs');
 const hooks_useCopyToClipboard = require('../hooks/use-copy-to-clipboard.cjs.js');
 const field = require('../field-BkeKcz_6.cjs');
 require('../field-control-aria-WzMGs0A4.cjs');

package/dist/components/EnvironmentVariablesEditor.es.js

@@ -3,10 +3,10 @@ import { c as cn } from '../cn-65Adrsfj.js';
 import { PlusIcon, EyeOffIcon, EyeIcon, CheckIcon, CopyIcon, Code2Icon, TrashIcon, UploadIcon } from 'lucide-react';
 import { createContext, use, useState, useMemo } from 'react';
 import { B as Button } from '../Button-D43ghVKt.js';
-import { N as Notice } from '../Notice-D4gMAkVI.js';
+import { N as Notice } from '../Notice-CmFkTliT.js';
 import { D as DUPLICATE_ENVIRONMENT_VARIABLE_MESSAGE } from '../env-file-BITYowCx.js';
-import { T as Txt } from '../Txt-C3cYJgKU.js';
-import { D as DataList } from '../data-list-BHtjZ528.js';
+import { T as Txt } from '../Txt-CuuPO9Ho.js';
+import { D as DataList } from '../data-list-B6DT-u-0.js';
 import { useCopyToClipboard } from '../hooks/use-copy-to-clipboard.es.js';
 import { F as Field, e as FieldLabel, c as FieldError } from '../field-BiMIiq2Y.js';
 import '../field-control-aria-DB6y41tQ.js';

package/dist/components/FileDropBackdrop.cjs.js

@@ -6,7 +6,7 @@ const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
 const React = require('react');
 const reactDom = require('react-dom');
-const EmptyState = require('../EmptyState-O089K_US.cjs');
+const EmptyState = require('../EmptyState-B6kP-dEp.cjs');
 
 const EXIT_DURATION_MS = 200;
 const matchesAccept = (file, accept) => {

package/dist/components/FileDropBackdrop.es.js

@@ -2,7 +2,7 @@ import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { CloudUploadIcon } from 'lucide-react';
 import { useState, useRef, useEffect } from 'react';
 import { createPortal } from 'react-dom';
-import { E as EmptyState } from '../EmptyState-BI6cIolY.js';
+import { E as EmptyState } from '../EmptyState-BQww74OL.js';
 
 const EXIT_DURATION_MS = 200;
 const matchesAccept = (file, accept) => {

package/dist/components/FilterBar.cjs.js

@@ -12,7 +12,7 @@ const Button = require('../Button-CXhSUBxN.cjs');
 const comboboxStyles = require('../combobox-styles-zdW4cHSq.cjs');
 const combobox = require('@base-ui/react/combobox');
 const kbd = require('../kbd-BptPsKP6.cjs');
-const Txt = require('../Txt-DNnvlrBo.cjs');
+const Txt = require('../Txt-DFPibRb3.cjs');
 const primitives_floating = require('../primitives/floating.cjs.js');
 const primitives_formElement = require('../primitives/form-element.cjs.js');
 const primitives_menuItem = require('../primitives/menu-item.cjs.js');

package/dist/components/FilterBar.es.js

@@ -9,7 +9,7 @@ import { B as Button } from '../Button-D43ghVKt.js';
 import { a as comboboxTriggerClass, c as comboboxStyles } from '../combobox-styles-BuHYzri9.js';
 import { Combobox } from '@base-ui/react/combobox';
 import { K as Kbd } from '../kbd-BDVTQHD_.js';
-import { T as Txt } from '../Txt-C3cYJgKU.js';
+import { T as Txt } from '../Txt-CuuPO9Ho.js';
 import { FLOATING_POSITION_METHOD } from '../primitives/floating.es.js';
 import { unstyledFormElementStyle, inputFocusBorderWithin } from '../primitives/form-element.es.js';
 import { MENU_SIDE_OFFSET } from '../primitives/menu-item.es.js';

package/dist/components/FormFieldBlocks.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const fieldErrorId = require('../field-error-id-4xiCVBJ_.cjs');
+const fieldErrorId = require('../field-error-id-CFlRpKIz.cjs');
 const jsxRuntime = require('react/jsx-runtime');
 const utils_cn = require('../cn-DG0X1KEP.cjs');
 const input = require('../input-D0UPyj6A.cjs');

package/dist/components/FormFieldBlocks.es.js

@@ -1,4 +1,4 @@
-import { F as FieldBlock, f as fieldErrorId } from '../field-error-id-CSvLKtJE.js';
+import { F as FieldBlock, f as fieldErrorId } from '../field-error-id-B6AEO4lS.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { c as cn } from '../cn-65Adrsfj.js';
 import { I as Input } from '../input-D5_B67_r.js';

package/dist/components/Header.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const Header = require('../Header-DwcRfQuP.cjs');
+const Header = require('../Header-Cy_BQ2Ht.cjs');
 
 
 

package/dist/components/Header.es.js

@@ -1,2 +1,2 @@
-export { H as Header, a as HeaderAction, b as HeaderGroup, c as HeaderTitle } from '../Header-BHqUw0qH.js';
+export { H as Header, a as HeaderAction, b as HeaderGroup, c as HeaderTitle } from '../Header-BzSnNlwq.js';
 //# sourceMappingURL=Header.es.js.map

package/dist/components/HorizontalBars.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const horizontalBars = require('../horizontal-bars-BdQnhZ5Y.cjs');
+const horizontalBars = require('../horizontal-bars-BhYULTsx.cjs');
 
 
 

package/dist/components/HorizontalBars.es.js

@@ -1,2 +1,2 @@
-export { H as HorizontalBars } from '../horizontal-bars-DHX7208F.js';
+export { H as HorizontalBars } from '../horizontal-bars-ibfbdoX9.js';
 //# sourceMappingURL=HorizontalBars.es.js.map

package/dist/components/KeyValueList.cjs.js

@@ -6,7 +6,7 @@ const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
 const React = require('react');
 const hoverCard = require('../hover-card-DVfZ2INZ.cjs');
-const Txt = require('../Txt-DNnvlrBo.cjs');
+const Txt = require('../Txt-DFPibRb3.cjs');
 const reactVisuallyHidden = require('@radix-ui/react-visually-hidden');
 const utils_cn = require('../cn-DG0X1KEP.cjs');
 

package/dist/components/KeyValueList.es.js

@@ -2,7 +2,7 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { ChevronRightIcon } from 'lucide-react';
 import React__default from 'react';
 import { H as HoverCard, b as HoverCardTrigger, a as HoverCardContent } from '../hover-card-B1-n3amu.js';
-import { T as Txt } from '../Txt-C3cYJgKU.js';
+import { T as Txt } from '../Txt-CuuPO9Ho.js';
 import { VisuallyHidden } from '@radix-ui/react-visually-hidden';
 import { c as cn } from '../cn-65Adrsfj.js';
 

package/dist/components/LogsDataList.cjs.js

@@ -2,10 +2,8 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const logsDataList = require('../logs-data-list-MakOZmBm.cjs');
-const dataListSkeleton = require('../data-list-skeleton-BqihjHu8.cjs');
-require('react');
-require('../keyboard/keyboard-shortcuts-context.cjs.js');
+const logsDataList = require('../logs-data-list-CMbvhzUW.cjs');
+const dataListSkeleton = require('../data-list-skeleton-DdWv6VN-.cjs');
 
 
 

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

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

package/dist/components/LogsDataList.es.js

@@ -1,5 +1,3 @@
-export { L as LogsDataList } from '../logs-data-list-CdLNnsJm.js';
-export { D as LogsDataListSkeleton } from '../data-list-skeleton-H8Zpph6_.js';
-import 'react';
-import '../keyboard/keyboard-shortcuts-context.es.js';
+export { L as LogsDataList } from '../logs-data-list-YNXUjGIB.js';
+export { D as LogsDataListSkeleton } from '../data-list-skeleton-DuK0aDVr.js';
 //# sourceMappingURL=LogsDataList.es.js.map