@mastra/playground-ui 65.0.0-alpha.12 → 65.0.0-alpha.13

package/dist/components/Button.cjs.js

@@ -6,7 +6,7 @@ const Button = require('../Button-C4I05uT4.cjs');
 const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
 const React = require('react');
-const kbd = require('../kbd-Xgv5HKEi.cjs');
+const kbd = require('../kbd-B2zbS_A6.cjs');
 const keyboard_useKeydown = require('../keyboard/use-keydown.cjs.js');
 require('../keyboard/keyboard-shortcuts-context.cjs.js');
 const mergeRefs = require('../merge-refs-BLbKe138.cjs');

package/dist/components/Button.es.js

@@ -3,7 +3,7 @@ export { b as buttonVariants, i as isIconButtonSize } from '../Button-D8a5EWJ5.j
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { Plus } from 'lucide-react';
 import React__default, { useRef } from 'react';
-import { K as Kbd } from '../kbd-7Xx2pm9f.js';
+import { K as Kbd } from '../kbd-CYtMrOov.js';
 import { useKeydown } from '../keyboard/use-keydown.es.js';
 import '../keyboard/keyboard-shortcuts-context.es.js';
 import { m as mergeRefs } from '../merge-refs-DA1xt2OQ.js';

package/dist/components/CommandPalette.cjs.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 require('../CommandPalette.css');const jsxRuntime = require('react/jsx-runtime');
 const command = require('../command-Duh5C_Pm.cjs');
-const kbd = require('../kbd-Xgv5HKEi.cjs');
+const kbd = require('../kbd-B2zbS_A6.cjs');
 const scrollArea = require('../scroll-area-CAY0DNQj.cjs');
 const Txt = require('../Txt-CIS2G5Jx.cjs');
 const primitives_formElement = require('../primitives/form-element.cjs.js');

package/dist/components/CommandPalette.es.js

@@ -1,6 +1,6 @@
 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-xIH7ZTdl.js';
-import { K as Kbd } from '../kbd-7Xx2pm9f.js';
+import { K as Kbd } from '../kbd-CYtMrOov.js';
 import { S as ScrollArea, a as ScrollAreaViewport } from '../scroll-area-MaMqo4l8.js';
 import { T as Txt } from '../Txt-BtIGLRk1.js';
 import { inputSurfaceAndFocusWithinStyle } from '../primitives/form-element.es.js';

package/dist/components/DataList.cjs.js

@@ -2,24 +2,26 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const dataList = require('../data-list-DlXU1PLQ.cjs');
-const dataListSkeleton = require('../data-list-skeleton-DY0F40WQ.cjs');
+const dataList = require('../data-list-GysSTouz.cjs');
+const dataListSkeleton = require('../data-list-skeleton-B4fWheXy.cjs');
 const jsxRuntime = require('react/jsx-runtime');
+const dataListSpacer = require('../data-list-spacer-D8nS9lSi.cjs');
+const dataListTop = require('../data-list-top-Bh9IIrxB.cjs');
 const Txt = require('../Txt-CIS2G5Jx.cjs');
 const utils_dateFormat = require('../utils/date-format.cjs.js');
-const tracesDataList = require('../traces-data-list-mCKFilYu.cjs');
+const tracesDataList = require('../traces-data-list-CqQ5d-M1.cjs');
 const useDataListKeyboard = require('../use-data-list-keyboard-DF3tLe10.cjs');
 const layout_tabbedContainer = require('../layout/tabbed-container.cjs.js');
 
 function ScoresDataListDateCell({ timestamp }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(dataList.DataListCell, { className: "text-muted-foreground", children: utils_dateFormat.formatDate(timestamp, "date") ?? "-" });
+  return /* @__PURE__ */ jsxRuntime.jsx(dataListTop.DataListCell, { className: "text-muted-foreground", children: utils_dateFormat.formatDate(timestamp, "date") ?? "-" });
 }
 function ScoresDataListTimeCell({ timestamp }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(dataList.DataListCell, { className: "text-body-sm text-muted-foreground", children: utils_dateFormat.formatDate(timestamp, "time") ?? "-" });
+  return /* @__PURE__ */ jsxRuntime.jsx(dataListTop.DataListCell, { className: "text-body-sm text-muted-foreground", children: utils_dateFormat.formatDate(timestamp, "time") ?? "-" });
 }
 function ScoresDataListInputCell({ input }) {
   const display = input != null ? JSON.stringify(input) : "-";
-  return /* @__PURE__ */ jsxRuntime.jsx(dataList.DataListCell, { children: /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx(dataListTop.DataListCell, { children: /* @__PURE__ */ jsxRuntime.jsx(
     Txt.Txt,
     {
       as: "span",
@@ -34,11 +36,11 @@ function ScoresDataListInputCell({ input }) {
 }
 function ScoresDataListEntityCell({ entityId }) {
   const display = entityId || "-";
-  return /* @__PURE__ */ jsxRuntime.jsx(dataList.DataListCell, { children: /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "span", variant: "body-sm", className: "block max-w-full min-w-0 truncate", title: display, children: display }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(dataListTop.DataListCell, { children: /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as: "span", variant: "body-sm", className: "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(dataList.DataListCell, { children: /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx(dataListTop.DataListCell, { children: /* @__PURE__ */ jsxRuntime.jsx(
     Txt.Txt,
     {
       as: "span",
@@ -53,15 +55,15 @@ function ScoresDataListScoreCell({ score }) {
 }
 
 function ScoresDataListRoot(props) {
-  return /* @__PURE__ */ jsxRuntime.jsx(dataList.DataListRoot, { ...props });
+  return /* @__PURE__ */ jsxRuntime.jsx(dataListTop.DataListRoot, { ...props });
 }
 const ScoresDataList = Object.assign(ScoresDataListRoot, {
-  Top: dataList.DataListTop,
-  TopCell: dataList.DataListTopCell,
-  SortableTopCell: dataList.DataListSortableTopCell,
-  RowButton: dataList.DataListRowButton,
-  NoMatch: dataList.DataListNoMatch,
-  NextPageLoading: dataList.DataListNextPageLoading,
+  Top: dataListTop.DataListTop,
+  TopCell: dataListTop.DataListTopCell,
+  SortableTopCell: dataListSpacer.DataListSortableTopCell,
+  RowButton: dataListSpacer.DataListRowButton,
+  NoMatch: dataListSpacer.DataListNoMatch,
+  NextPageLoading: dataListSpacer.DataListNextPageLoading,
   DateCell: ScoresDataListDateCell,
   TimeCell: ScoresDataListTimeCell,
   InputCell: ScoresDataListInputCell,

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,yBAAa,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,yBAAa,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,qBAAA,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,qBAAA,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,qBAAA,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,qBAAA,EAAA,EAAc,GAAG,KAAA,EAAO,CAAA;AAClC;AAEO,MAAM,cAAA,GAAiB,MAAA,CAAO,MAAA,CAAO,kBAAA,EAAoB;AAAA,EAC9D,GAAA,EAAKC,oBAAA;AAAA,EACL,OAAA,EAASC,wBAAA;AAAA,EACT,eAAA,EAAiBC,gCAAA;AAAA,EACjB,SAAA,EAAWC,0BAAA;AAAA,EACX,OAAA,EAASC,wBAAA;AAAA,EACT,eAAA,EAAiBC,gCAAA;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,10 +1,11 @@
-import { D as DataListCell, g as DataListNextPageLoading, j as DataListNoMatch, m as DataListRowButton, q as DataListSortableTopCell, c as DataListTopCell, b as DataListTop, a as DataListRoot } from '../data-list-DATsbxcn.js';
-export { e as DataList } from '../data-list-DATsbxcn.js';
-export { D as DataListSkeleton, a as DataListSkeletonRows } from '../data-list-skeleton-Drzrws2O.js';
+export { D as DataList } from '../data-list-CNE43dvA.js';
+export { D as DataListSkeleton, a as DataListSkeletonRows } from '../data-list-skeleton-DEsAkWzg.js';
 import { jsx } from 'react/jsx-runtime';
+import { D as DataListNextPageLoading, a as DataListNoMatch, d as DataListRowButton, f as DataListSortableTopCell } from '../data-list-spacer-DyJPUaKa.js';
+import { D as DataListCell, c as DataListTopCell, b as DataListTop, a as DataListRoot } from '../data-list-top-Bx8mU5aQ.js';
 import { T as Txt } from '../Txt-BtIGLRk1.js';
 import { formatDate } from '../utils/date-format.es.js';
-export { T as TracesDataList } from '../traces-data-list-CcxqCHkj.js';
+export { T as TracesDataList } from '../traces-data-list-CZSWoHpd.js';
 export { u as useDataListKeyboard } from '../use-data-list-keyboard-DFQr4t38.js';
 export { TabbedContainer } from '../layout/tabbed-container.es.js';
 

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 { 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":[],"mappings":";;;;;;;;;;AAgBO,SAAS,sBAAA,CAAuB,EAAE,SAAA,EAAU,EAAgC;AACjF,EAAA,uBAAO,GAAA,CAAC,gBAAa,SAAA,EAAU,uBAAA,EAAyB,qBAAW,SAAA,EAAW,MAAM,KAAK,GAAA,EAAI,CAAA;AAC/F;AAUO,SAAS,sBAAA,CAAuB,EAAE,SAAA,EAAU,EAAgC;AACjF,EAAA,uBACE,GAAA,CAAC,gBAAa,SAAA,EAAU,oCAAA,EAAsC,qBAAW,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,2BACG,YAAA,EAAA,EACC,QAAA,kBAAA,GAAA;AAAA,IAAC,GAAA;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,uBACE,GAAA,CAAC,YAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAC,GAAA,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,2BACG,YAAA,EAAA,EACC,QAAA,kBAAA,GAAA;AAAA,IAAC,GAAA;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,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,eAAA,EAAiB,uBAAA;AAAA,EACjB,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;;;;"}
+{"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 { 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":[],"mappings":";;;;;;;;;;;AAgBO,SAAS,sBAAA,CAAuB,EAAE,SAAA,EAAU,EAAgC;AACjF,EAAA,uBAAO,GAAA,CAAC,gBAAa,SAAA,EAAU,uBAAA,EAAyB,qBAAW,SAAA,EAAW,MAAM,KAAK,GAAA,EAAI,CAAA;AAC/F;AAUO,SAAS,sBAAA,CAAuB,EAAE,SAAA,EAAU,EAAgC;AACjF,EAAA,uBACE,GAAA,CAAC,gBAAa,SAAA,EAAU,oCAAA,EAAsC,qBAAW,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,2BACG,YAAA,EAAA,EACC,QAAA,kBAAA,GAAA;AAAA,IAAC,GAAA;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,uBACE,GAAA,CAAC,YAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAC,GAAA,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,2BACG,YAAA,EAAA,EACC,QAAA,kBAAA,GAAA;AAAA,IAAC,GAAA;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,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,eAAA,EAAiB,uBAAA;AAAA,EACjB,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;;;;"}

package/dist/components/EnvironmentVariablesEditor.cjs.js

@@ -10,7 +10,7 @@ const Button = require('../Button-C4I05uT4.cjs');
 const Notice = require('../Notice-DYgIy4FO.cjs');
 const envFile = require('../env-file-BU2hStkm.cjs');
 const Txt = require('../Txt-CIS2G5Jx.cjs');
-const dataList = require('../data-list-DlXU1PLQ.cjs');
+const dataList = require('../data-list-GysSTouz.cjs');
 const hooks_useCopyToClipboard = require('../hooks/use-copy-to-clipboard.cjs.js');
 const field = require('../field-CZ5fldpM.cjs');
 require('../field-control-aria-WzMGs0A4.cjs');

package/dist/components/EnvironmentVariablesEditor.es.js

@@ -6,7 +6,7 @@ import { B as Button } from '../Button-D8a5EWJ5.js';
 import { N as Notice } from '../Notice-BioYTS4b.js';
 import { D as DUPLICATE_ENVIRONMENT_VARIABLE_MESSAGE } from '../env-file-BITYowCx.js';
 import { T as Txt } from '../Txt-BtIGLRk1.js';
-import { e as DataList } from '../data-list-DATsbxcn.js';
+import { D as DataList } from '../data-list-CNE43dvA.js';
 import { useCopyToClipboard } from '../hooks/use-copy-to-clipboard.es.js';
 import { F as Field, e as FieldLabel, c as FieldError } from '../field-CfA5-ixH.js';
 import '../field-control-aria-DB6y41tQ.js';

package/dist/components/FilterBar.cjs.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const filterBar = require('../filter-bar-C6NdZctn.cjs');
-const filterBarChip = require('../filter-bar-chip-DgvuQv6c.cjs');
+const filterBar = require('../filter-bar-CjBb01b6.cjs');
+const filterBarChip = require('../filter-bar-chip-C_64m7nX.cjs');
 const types = require('../types-Ns4ZNp-g.cjs');
 
 const DEFAULT_FILTER_OPERATORS = [

package/dist/components/FilterBar.es.js

@@ -1,5 +1,5 @@
-export { F as FilterBar, a as FilterBarAdvancedChip, b as FilterBarChips, c as FilterBarGroupEditor, d as FilterBarInput, e as FilterBarLogicToggle } from '../filter-bar-DW0fD4bu.js';
-export { F as FilterBarChip, b as FilterBarChipField, c as FilterBarChipOperator, d as FilterBarChipRemove, g as FilterBarChipValue } from '../filter-bar-chip-DM73lTpx.js';
+export { F as FilterBar, a as FilterBarAdvancedChip, b as FilterBarChips, c as FilterBarGroupEditor, d as FilterBarInput, e as FilterBarLogicToggle } from '../filter-bar-pXSJt2ye.js';
+export { F as FilterBarChip, b as FilterBarChipField, c as FilterBarChipOperator, d as FilterBarChipRemove, g as FilterBarChipValue } from '../filter-bar-chip-D2kKMSRA.js';
 export { i as isFilterBarGroup } from '../types-CIPrYAzY.js';
 
 const DEFAULT_FILTER_OPERATORS = [

package/dist/components/Kbd.cjs.js

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

package/dist/components/Kbd.es.js

@@ -1,2 +1,2 @@
-export { K as Kbd } from '../kbd-7Xx2pm9f.js';
+export { K as Kbd } from '../kbd-CYtMrOov.js';
 //# sourceMappingURL=Kbd.es.js.map

package/dist/components/LogsDataList.cjs.js

@@ -2,11 +2,8 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const logsDataList = require('../logs-data-list-DEZuSjqt.cjs');
-require('../data-list-DlXU1PLQ.cjs');
-const dataListSkeleton = require('../data-list-skeleton-DY0F40WQ.cjs');
-require('react');
-require('../keyboard/keyboard-shortcuts-context.cjs.js');
+const logsDataList = require('../logs-data-list-D3bYEiD_.cjs');
+const dataListSkeleton = require('../data-list-skeleton-B4fWheXy.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,6 +1,3 @@
-export { L as LogsDataList } from '../logs-data-list-eoGKicgL.js';
-import '../data-list-DATsbxcn.js';
-export { D as LogsDataListSkeleton } from '../data-list-skeleton-Drzrws2O.js';
-import 'react';
-import '../keyboard/keyboard-shortcuts-context.es.js';
+export { L as LogsDataList } from '../logs-data-list-C0MU5rID.js';
+export { D as LogsDataListSkeleton } from '../data-list-skeleton-DEsAkWzg.js';
 //# sourceMappingURL=LogsDataList.es.js.map

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

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

package/dist/components/SavedViews.cjs.js

@@ -7,7 +7,7 @@ const lucideReact = require('lucide-react');
 const React = require('react');
 const v4 = require('zod/v4');
 const primitives_passwordManagerAutofill = require('../primitives/password-manager-autofill.cjs.js');
-const filterBarChip = require('../filter-bar-chip-DgvuQv6c.cjs');
+const filterBarChip = require('../filter-bar-chip-C_64m7nX.cjs');
 const Txt = require('../Txt-CIS2G5Jx.cjs');
 const Button = require('../Button-C4I05uT4.cjs');
 const contextMenu = require('../context-menu-jNuzE86D.cjs');

package/dist/components/SavedViews.es.js

@@ -3,7 +3,7 @@ import { LayersPlusIcon, LayersIcon, PencilIcon, TextCursorInputIcon, CopyIcon,
 import { useState, Fragment, useSyncExternalStore } from 'react';
 import { z } from 'zod/v4';
 import { passwordManagerOptOutProps } from '../primitives/password-manager-autofill.es.js';
-import { a as FilterBarFieldLabel, t as formatValue } from '../filter-bar-chip-DM73lTpx.js';
+import { a as FilterBarFieldLabel, t as formatValue } from '../filter-bar-chip-D2kKMSRA.js';
 import { T as Txt } from '../Txt-BtIGLRk1.js';
 import { B as Button, b as buttonVariants } from '../Button-D8a5EWJ5.js';
 import { C as ContextMenu } from '../context-menu-C67xhcfa.js';

package/dist/components/Sidebar.cjs.js

@@ -7,16 +7,18 @@ const utils_cn = require('../cn-DlOJCxrS.cjs');
 const React = require('react');
 const Txt = require('../Txt-CIS2G5Jx.cjs');
 const primitives_raisedSurface = require('../primitives/raised-surface.cjs.js');
+const Badge = require('../Badge-63UxysBA.cjs');
 const reactVisuallyHidden = require('@radix-ui/react-visually-hidden');
 const lucideReact = require('lucide-react');
-const kbd = require('../kbd-Xgv5HKEi.cjs');
-const tooltip = require('../tooltip-BppwIf6Y.cjs');
-const primitives_transitions = require('../primitives/transitions.cjs.js');
-const primitives_typography = require('../primitives/typography.cjs.js');
+const kbd = require('../kbd-B2zbS_A6.cjs');
+const Button = require('../Button-C4I05uT4.cjs');
 const scrollArea = require('../scroll-area-CAY0DNQj.cjs');
 const index = require('../index-BM43yKX5.cjs');
 const primitives_controlSize = require('../primitives/control-size.cjs.js');
+const primitives_transitions = require('../primitives/transitions.cjs.js');
+const tooltip = require('../tooltip-BppwIf6Y.cjs');
 const primitives_text = require('../primitives/text.cjs.js');
+const primitives_typography = require('../primitives/typography.cjs.js');
 const drawer = require('../drawer-DdTU-nBR.cjs');
 const primitives_resizeHandleIndicator = require('../primitives/resize-handle-indicator.cjs.js');
 const v4 = require('zod/v4');
@@ -232,6 +234,17 @@ const SidebarMeter = React.forwardRef(function SidebarMeter2({
   );
 });
 
+function SidebarBadge({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Badge.Badge,
+    {
+      size: "sm",
+      className: utils_cn.cn("text-muted-foreground [--inset-highlight:transparent] [--inset-rim:transparent]", className),
+      ...props
+    }
+  );
+}
+
 function SidebarBrand({ logo, title, className, ...props }) {
   const { state } = useSidebar();
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-slot": "sidebar-brand", className: utils_cn.cn("flex min-w-0 flex-1 items-center gap-2", className), ...props, children: [
@@ -249,7 +262,7 @@ const SidebarCommandHeader = React.forwardRef(function SidebarCommandHeader2({ c
       "data-slot": "sidebar-command-header",
       "data-state": state,
       className: utils_cn.cn(
-        "flex h-header-default shrink-0 items-center gap-1 overflow-hidden",
+        "flex h-header-default shrink-0 items-center gap-0.5 overflow-hidden",
         state === "collapsed" ? "px-3" : "pr-2 pl-3.5",
         state !== "collapsed" && !isMobile && "w-[calc(var(--sidebar-width)-1rem)]",
         state === "collapsed" && "[&_[data-slot=sidebar-search-trigger]]:hidden",
@@ -261,45 +274,36 @@ const SidebarCommandHeader = React.forwardRef(function SidebarCommandHeader2({ c
   );
 });
 
+function SidebarButtonHint({ label, shortcut }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-1.5", children: [
+    label,
+    shortcut ? /* @__PURE__ */ jsxRuntime.jsx(kbd.Kbd, { size: "xs", className: "bg-muted text-muted-foreground", children: shortcut }) : null
+  ] });
+}
+
 function SidebarTrigger({ className, onClick, ...props }) {
   const { desktopState, isMobile, toggleSidebar } = useSidebar();
   const isCollapsed = desktopState === "collapsed";
   if (isMobile) return null;
-  return /* @__PURE__ */ jsxRuntime.jsxs(tooltip.Tooltip, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      tooltip.TooltipTrigger,
-      {
-        render: /* @__PURE__ */ jsxRuntime.jsx(
-          "button",
-          {
-            type: "button",
-            "aria-label": "Toggle sidebar",
-            "aria-expanded": !isCollapsed,
-            ...props,
-            onClick: (event) => {
-              onClick?.(event);
-              if (!event.defaultPrevented) toggleSidebar();
-            },
-            className: utils_cn.cn(
-              "flex items-center justify-center rounded-md text-muted-foreground",
-              "size-7",
-              !isCollapsed && "ml-auto",
-              "hover:bg-fill-subtle hover:text-foreground",
-              "transition-colors duration-normal ease-out-custom motion-reduce:transition-none",
-              primitives_transitions.focusRing,
-              "[&_svg]:size-4 [&_svg]:text-muted-foreground [&:hover_svg]:text-foreground",
-              className
-            ),
-            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.PanelLeftIcon, {})
-          }
-        )
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(tooltip.TooltipContent, { children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "inline-flex items-center gap-1.5", children: [
-      "Toggle Sidebar",
-      /* @__PURE__ */ jsxRuntime.jsx(kbd.Kbd, { size: "xs", className: "bg-muted text-muted-foreground", children: "[" })
-    ] }) })
-  ] });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Button.Button,
+    {
+      type: "button",
+      variant: "ghost",
+      size: "icon-sm",
+      "aria-label": "Toggle sidebar",
+      "aria-expanded": !isCollapsed,
+      tooltip: /* @__PURE__ */ jsxRuntime.jsx(SidebarButtonHint, { label: "Toggle Sidebar", shortcut: "[" }),
+      tooltipPosition: "bottom",
+      ...props,
+      onClick: (event) => {
+        onClick?.(event);
+        if (!event.defaultPrevented) toggleSidebar();
+      },
+      className: utils_cn.cn("shrink-0", !isCollapsed && "ml-auto", className),
+      children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.PanelLeftIcon, {})
+    }
+  );
 }
 
 const hold = "animate-[sidebar-hold_var(--resize-dur)] motion-reduce:animate-none";
@@ -312,7 +316,7 @@ function SidebarHeader({ className, children, collapsedLogo, actions, ...props }
     {
       "data-slot": "sidebar-header",
       className: utils_cn.cn(
-        "flex h-header-default shrink-0 items-center gap-2",
+        "flex h-header-default shrink-0 items-center gap-0.5",
         collapsed ? "px-1" : "pr-2 pl-3.5",
         collapsed && actions && "h-auto flex-col gap-3 py-3",
         !collapsed && !isMobile && "w-[calc(var(--sidebar-width)-1rem)]",
@@ -349,27 +353,20 @@ function SidebarHeader({ className, children, collapsedLogo, actions, ...props }
 }
 
 const SidebarSearchTrigger = React.forwardRef(
-  function SidebarSearchTrigger2({ className, children, shortcut, type = "button", ...props }, ref) {
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      "button",
+  function SidebarSearchTrigger2({ label = "Search", shortcut, children, "aria-label": ariaLabel, type = "button", ...props }, ref) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Button.Button,
       {
         ref,
         "data-slot": "sidebar-search-trigger",
         type,
-        className: utils_cn.cn(
-          "group inline-flex size-control-md shrink-0 items-center justify-center gap-1.5 rounded-full border border-transparent hover:bg-fill-subtle",
-          primitives_typography.quietTextHover,
-          primitives_transitions.controlStateColorTransition,
-          primitives_transitions.focusRing,
-          "[&_svg]:size-4 [&_svg]:shrink-0",
-          shortcut && "w-auto px-2",
-          className
-        ),
+        variant: "ghost",
+        size: "icon-sm",
+        "aria-label": ariaLabel ?? label,
+        tooltip: /* @__PURE__ */ jsxRuntime.jsx(SidebarButtonHint, { label, shortcut }),
+        tooltipPosition: "bottom",
         ...props,
-        children: [
-          children,
-          shortcut ? /* @__PURE__ */ jsxRuntime.jsx(kbd.Kbd, { size: "xs", className: utils_cn.cn("bg-surface-overlay-soft active:scale-100", primitives_typography.quietTextHoverInGroup), children: shortcut }) : null
-        ]
+        children: children ?? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.SearchIcon, {})
       }
     );
   }
@@ -1224,9 +1221,14 @@ function SidebarPanel({ children, className, mobileMode = "drawer" }) {
     "div",
     {
       className: utils_cn.cn(
-        "sidebar-layout group/sidebar t-resize relative min-h-0 shrink-0 self-stretch bg-sidebar text-foreground",
+        "sidebar-layout group/sidebar relative min-h-0 shrink-0 self-stretch bg-sidebar text-foreground",
         "w-(--sidebar-width)",
-        "in-data-[sidebar-gesture=active]:transition-none",
+        // Utilities rather than the global `t-resize` class: that one is unlayered CSS, so it would beat
+        // `transition-none` and keep animating the width behind the cursor while dragging
+        // The two `transition-none` are important: an app that runs its own Tailwind after this stylesheet
+        // (Platform) emits `transition-[width]` again later in the cascade, which would otherwise win
+        "transition-[width] duration-(--resize-dur) ease-(--resize-ease) motion-reduce:transition-none!",
+        "in-data-[sidebar-gesture=active]:transition-none!",
         className,
         isHidden && "border-r-0 border-transparent"
       ),
@@ -1616,6 +1618,7 @@ function SidebarSections({
 }
 
 const Sidebar = Object.assign(SidebarRoot, {
+  Badge: SidebarBadge,
   Brand: SidebarBrand,
   CommandHeader: SidebarCommandHeader,
   Footer: SidebarFooter,
@@ -1649,6 +1652,7 @@ function getIsLinkActive(link, pathname, siblings = []) {
 }
 
 exports.Sidebar = Sidebar;
+exports.SidebarBadge = SidebarBadge;
 exports.SidebarBrand = SidebarBrand;
 exports.SidebarCommandHeader = SidebarCommandHeader;
 exports.SidebarFooter = SidebarFooter;