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

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/DataPanel.cjs.js

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

package/dist/components/DataPanel.es.js

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

package/dist/components/DateTimePicker.cjs.js

@@ -10,7 +10,7 @@ const useDebounce = require('use-debounce');
 const datePicker = require('../date-picker-CeJkb3uq.cjs');
 const timePicker = require('../time-picker-BGtAkRRp.cjs');
 const Button = require('../Button-C4I05uT4.cjs');
-const field = require('../field-BCU5ZtWV.cjs');
+const field = require('../field-CZ5fldpM.cjs');
 require('../field-control-aria-WzMGs0A4.cjs');
 const input = require('../input-4_GFK4ik.cjs');
 const popover = require('../popover-AfnrAYck.cjs');

package/dist/components/DateTimePicker.es.js

@@ -6,7 +6,7 @@ import { useDebouncedCallback } from 'use-debounce';
 import { D as DatePicker } from '../date-picker-D2jMzekn.js';
 import { T as TimePicker } from '../time-picker-D1VsACkg.js';
 import { B as Button } from '../Button-D8a5EWJ5.js';
-import { F as Field, e as FieldLabel, c as FieldError } from '../field-Dl1zeXTv.js';
+import { F as Field, e as FieldLabel, c as FieldError } from '../field-CfA5-ixH.js';
 import '../field-control-aria-DB6y41tQ.js';
 import { I as Input } from '../input-_gvb6P8T.js';
 import { P as Popover, b as PopoverTrigger, a as PopoverContent } from '../popover-BqRniR9J.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-ExPgeHV_.cjs');
+const dateTimeRangePicker = require('../date-time-range-picker-_2RJBOUn.cjs');
 
 
 

package/dist/components/DateTimeRangePicker.es.js

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

package/dist/components/EnvironmentVariablesEditor.cjs.js

@@ -10,9 +10,9 @@ 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-BCU5ZtWV.cjs');
+const field = require('../field-CZ5fldpM.cjs');
 require('../field-control-aria-WzMGs0A4.cjs');
 const inputGroup = require('../input-group-DRXUthxe.cjs');
 

package/dist/components/EnvironmentVariablesEditor.es.js

@@ -6,9 +6,9 @@ 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-Dl1zeXTv.js';
+import { F as Field, e as FieldLabel, c as FieldError } from '../field-CfA5-ixH.js';
 import '../field-control-aria-DB6y41tQ.js';
 import { I as InputGroup, c as InputGroupInput, a as InputGroupAddon, b as InputGroupButton } from '../input-group-BAg6iSIe.js';
 

package/dist/components/Field.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const field = require('../field-BCU5ZtWV.cjs');
+const field = require('../field-CZ5fldpM.cjs');
 const fieldControlAria = require('../field-control-aria-WzMGs0A4.cjs');
 
 

package/dist/components/Field.es.js

@@ -1,3 +1,3 @@
-export { F as Field, a as FieldContent, b as FieldDescription, c as FieldError, d as FieldItem, e as FieldLabel, f as Fieldset, g as FieldsetLegend } from '../field-Dl1zeXTv.js';
+export { F as Field, a as FieldContent, b as FieldDescription, c as FieldError, d as FieldItem, e as FieldLabel, f as Fieldset, g as FieldsetLegend } from '../field-CfA5-ixH.js';
 export { u as useFieldControlAria } from '../field-control-aria-DB6y41tQ.js';
 //# sourceMappingURL=Field.es.js.map

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/JSONSchemaForm.cjs.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const React = require('react');
 const utils_cn = require('../cn-DlOJCxrS.cjs');
-const field = require('../field-BCU5ZtWV.cjs');
+const field = require('../field-CZ5fldpM.cjs');
 require('../field-control-aria-WzMGs0A4.cjs');
 const input = require('../input-4_GFK4ik.cjs');
 const lucideReact = require('lucide-react');

package/dist/components/JSONSchemaForm.es.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import * as React from 'react';
 import { c as cn } from '../cn-CQUhN5Jx.js';
-import { F as Field$1, e as FieldLabel } from '../field-Dl1zeXTv.js';
+import { F as Field$1, e as FieldLabel } from '../field-CfA5-ixH.js';
 import '../field-control-aria-DB6y41tQ.js';
 import { I as Input } from '../input-_gvb6P8T.js';
 import { Type, Hash, ToggleLeft, AlignLeft, Braces, List, Trash2Icon, Plus } from 'lucide-react';

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/ListSearch.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const listSearch = require('../list-search-DNJVeHmK.cjs');
+const listSearch = require('../list-search-C7ckmZHa.cjs');
 
 
 

package/dist/components/ListSearch.es.js

@@ -1,2 +1,2 @@
-export { L as ListSearch } from '../list-search-ByJdIxIh.js';
+export { L as ListSearch } from '../list-search-8jVOq9LK.js';
 //# sourceMappingURL=ListSearch.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/PropertyFilter.cjs.js

@@ -8,7 +8,7 @@ const lucideReact = require('lucide-react');
 const React = require('react');
 const Button = require('../Button-C4I05uT4.cjs');
 const combobox = require('../combobox-RlGW9Erz.cjs');
-const field = require('../field-BCU5ZtWV.cjs');
+const field = require('../field-CZ5fldpM.cjs');
 require('../field-control-aria-WzMGs0A4.cjs');
 const popover = require('../popover-AfnrAYck.cjs');
 const Txt = require('../Txt-CIS2G5Jx.cjs');

package/dist/components/PropertyFilter.es.js

@@ -5,7 +5,7 @@ import { ListFilterPlusIcon, ArrowLeftIcon, FilterIcon, PlusIcon, X, ListFilterP
 import { useMemo, useState, useRef, useCallback, useEffect, forwardRef } from 'react';
 import { B as Button } from '../Button-D8a5EWJ5.js';
 import { C as Combobox } from '../combobox-Cff50hgT.js';
-import { F as Field, c as FieldError } from '../field-Dl1zeXTv.js';
+import { F as Field, c as FieldError } from '../field-CfA5-ixH.js';
 import '../field-control-aria-DB6y41tQ.js';
 import { P as Popover, b as PopoverTrigger, a as PopoverContent } from '../popover-BqRniR9J.js';
 import { T as Txt } from '../Txt-BtIGLRk1.js';

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/SearchInput.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const searchInput = require('../search-input-CMNy0JWd.cjs');
+const searchInput = require('../search-input-CGNENJDh.cjs');
 
 
 

package/dist/components/SearchInput.es.js

@@ -1,2 +1,2 @@
-export { S as SearchInput } from '../search-input-C9qFBzn6.js';
+export { S as SearchInput } from '../search-input-cIYk0pl3.js';
 //# sourceMappingURL=SearchInput.es.js.map

package/dist/components/Section.cjs.js

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

package/dist/components/Section.es.js

@@ -1,2 +1,2 @@
-export { S as Section, a as SectionRoot, b as SubSectionRoot } from '../section-eRs4NnCC.js';
+export { S as Section, a as SectionRoot, b as SubSectionRoot } from '../section-C71zDLKM.js';
 //# sourceMappingURL=Section.es.js.map

package/dist/components/SideDialog.cjs.js

@@ -13,7 +13,7 @@ const buttonsGroup = require('../buttons-group-Bg9Unm6G.cjs');
 const codeEditor = require('../code-editor-4ukTuvqG.cjs');
 require('../highlight-DfnRU-Am.cjs');
 const copyButton = require('../copy-button-BC02oZJo.cjs');
-const section = require('../section-skBYREaR.cjs');
+const section = require('../section-BikCyHdf.cjs');
 const primitives_raisedSurface = require('../primitives/raised-surface.cjs.js');
 const drawer = require('../drawer-DdTU-nBR.cjs');
 const utils_cn = require('../cn-DlOJCxrS.cjs');

package/dist/components/SideDialog.es.js

@@ -10,7 +10,7 @@ import { B as ButtonsGroup } from '../buttons-group-DGWioDP3.js';
 import { u as useCodemirrorTheme } from '../code-editor-8qu58Npy.js';
 import '../highlight-CXDme3FZ.js';
 import { C as CopyButton } from '../copy-button-B_i9lwFJ.js';
-import { S as Section } from '../section-eRs4NnCC.js';
+import { S as Section } from '../section-C71zDLKM.js';
 import { raisedSurfaceStyle } from '../primitives/raised-surface.es.js';
 import { j as DrawerInteractive, D as Drawer, l as DrawerPortal, a as DrawerBackdrop, q as DrawerViewport, k as DrawerPopup, o as DrawerTitle, e as DrawerDescription, c as DrawerClose } from '../drawer-mj-G7-Tu.js';
 import { c as cn } from '../cn-CQUhN5Jx.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;