@mastra/playground-ui 65.0.0-alpha.9 → 65.0.0

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-CGD9hzcp.cjs');
+const dataList = require('../data-list-4t6Ueon8.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 { D as DataList } from '../data-list-CD_lls8O.js';
+import { e as DataList } from '../data-list-BQMBFAyK.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,8 +2,11 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const logsDataList = require('../logs-data-list-DCj8Pj77.cjs');
-const dataListSkeleton = require('../data-list-skeleton-sdcaabdX.cjs');
+const logsDataList = require('../logs-data-list-C4Z4rw62.cjs');
+require('../data-list-4t6Ueon8.cjs');
+const dataListSkeleton = require('../data-list-skeleton-CVXZYY0k.cjs');
+require('react');
+require('../keyboard/keyboard-shortcuts-context.cjs.js');
 
 
 

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,3 +1,6 @@
-export { L as LogsDataList } from '../logs-data-list-VEEruqHO.js';
-export { D as LogsDataListSkeleton } from '../data-list-skeleton-CiilOVAl.js';
+export { L as LogsDataList } from '../logs-data-list-CL3iq_6r.js';
+import '../data-list-BQMBFAyK.js';
+export { D as LogsDataListSkeleton } from '../data-list-skeleton-D54r1ycU.js';
+import 'react';
+import '../keyboard/keyboard-shortcuts-context.es.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

@@ -2,9 +2,232 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const sideDialog = require('../side-dialog-B7a4dasE.cjs');
+const jsxRuntime = require('react/jsx-runtime');
+const langJson = require('@codemirror/lang-json');
+const view = require('@codemirror/view');
+const CodeMirror = require('@uiw/react-codemirror');
+const lucideReact = require('lucide-react');
+const React = require('react');
+const Button = require('../Button-C4I05uT4.cjs');
+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-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');
+const primitives_portalContainer = require('../primitives/portal-container.cjs.js');
+const primitives_transitions = require('../primitives/transitions.cjs.js');
 
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
+  if (e) {
+    for (const k in e) {
+      if (k !== 'default') {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
 
+const React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
 
-exports.SideDialog = sideDialog.SideDialog;
+function SideDialogCodeSection({ codeStr = "", title, icon, simplified = false }) {
+  const theme = codeEditor.useCodemirrorTheme();
+  const [showAsMultilineText, setShowAsMultilineText] = React.useState(false);
+  const hasMultilineText = React.useMemo(() => {
+    try {
+      const parsed = JSON.parse(codeStr);
+      return containsInnerNewline(parsed || "");
+    } catch {
+      return false;
+    }
+  }, [codeStr]);
+  const finalCodeStr = showAsMultilineText ? codeStr?.replace(/\\n/g, "\n") : codeStr;
+  return /* @__PURE__ */ jsxRuntime.jsxs(section.Section, { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(section.Section.Header, { children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(section.Section.Heading, { children: [
+        icon,
+        title
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs(buttonsGroup.ButtonsGroup, { size: "sm", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(copyButton.CopyButton, { content: codeStr || "No content" }),
+        hasMultilineText && /* @__PURE__ */ jsxRuntime.jsx(
+          Button.Button,
+          {
+            "aria-label": showAsMultilineText ? "Show escaped newlines" : "Show multiline text",
+            onClick: () => setShowAsMultilineText(!showAsMultilineText),
+            children: showAsMultilineText ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlignLeftIcon, {}) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlignJustifyIcon, {})
+          }
+        )
+      ] })
+    ] }),
+    codeStr && /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: `${primitives_raisedSurface.raisedSurfaceStyle} max-h-[30vh] overflow-hidden overflow-y-auto rounded-xl p-3 text-body break-all text-muted-foreground`,
+        children: simplified ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-2 font-mono break-all text-muted-foreground", children: /* @__PURE__ */ jsxRuntime.jsx("pre", { className: "text-wrap", children: codeStr }) }) : /* @__PURE__ */ jsxRuntime.jsx(CodeMirror, { extensions: [langJson.json(), view.EditorView.lineWrapping], theme, value: finalCodeStr })
+      }
+    )
+  ] });
+}
+function containsInnerNewline(obj) {
+  if (typeof obj === "string") {
+    const idx = obj.indexOf("\n");
+    return idx !== -1 && idx !== obj.length - 1;
+  } else if (Array.isArray(obj)) {
+    return obj.some((item) => containsInnerNewline(item));
+  } else if (obj && typeof obj === "object") {
+    return Object.values(obj).some((value) => containsInnerNewline(value));
+  }
+  return false;
+}
+
+function SideDialogContent({ children, className }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    drawer.DrawerInteractive,
+    {
+      render: /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils_cn.cn("grid content-start gap-4 overflow-y-scroll p-4 pb-5 pl-5", className), children })
+    }
+  );
+}
+
+function SideDialogHeader({ children, className }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils_cn.cn("flex items-center justify-between pb-3", className), children });
+}
+
+function SideDialogHeading({ children, className, as = "h1" }) {
+  const HeadingTag = as;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    HeadingTag,
+    {
+      className: utils_cn.cn(
+        "flex items-start gap-2",
+        as === "h1" ? "text-heading text-foreground" : "text-subheading text-foreground",
+        "[&>svg]:mt-0.5 [&>svg]:size-[1.25em] [&>svg]:shrink-0 [&>svg]:opacity-70",
+        className
+      ),
+      children
+    }
+  );
+}
+
+function SideDialogNav({ onNext, onPrevious, className }) {
+  const handleOnNext = () => {
+    onNext?.();
+  };
+  const handleOnPrevious = () => {
+    onPrevious?.();
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils_cn.cn("flex items-center gap-3", "[&_svg]:size-[1.1em] [&_svg]:text-muted-foreground", className), children: (onNext || onPrevious) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: utils_cn.cn("flex items-baseline gap-3"), children: [
+    /* @__PURE__ */ jsxRuntime.jsx(Button.Button, { onClick: handleOnPrevious, disabled: !onPrevious, icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowUpIcon, {}), children: "Previous" }),
+    /* @__PURE__ */ jsxRuntime.jsx(Button.Button, { onClick: handleOnNext, disabled: !onNext, icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowDownIcon, {}), children: "Next" })
+  ] }) });
+}
+
+function SideDialogRoot({
+  dialogTitle,
+  dialogDescription,
+  isOpen,
+  onClose,
+  children,
+  variant = "default",
+  level = 1,
+  className
+}) {
+  const isConfirmation = variant === "confirmation";
+  const [portalHost, setPortalHost] = React__namespace.useState(null);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    drawer.Drawer,
+    {
+      side: "right",
+      open: isOpen,
+      onOpenChange: (open) => {
+        if (!open) onClose?.();
+      },
+      children: /* @__PURE__ */ jsxRuntime.jsxs(drawer.DrawerPortal, { children: [
+        !isConfirmation && /* @__PURE__ */ jsxRuntime.jsx(drawer.DrawerBackdrop, { className: "backdrop-blur-sm" }),
+        /* @__PURE__ */ jsxRuntime.jsx(drawer.DrawerViewport, { className: isConfirmation ? "pointer-events-none" : void 0, children: /* @__PURE__ */ jsxRuntime.jsxs(
+          drawer.DrawerPopup,
+          {
+            className: utils_cn.cn(
+              "max-w-none overflow-visible rounded-none border-y-0 border-r-0 border-l border-border-strong bg-background",
+              {
+                "w-[75vw] 2xl:w-[65vw] 4xl:w-[55vw]": level === 1,
+                "w-[70vw] 2xl:w-[59vw] 4xl:w-[48vw]": level === 2,
+                "w-[65vw] 2xl:w-[53vw] 4xl:w-[41vw]": level === 3,
+                "pointer-events-auto bg-background/70 shadow-none backdrop-blur-sm": isConfirmation
+              },
+              className
+            ),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(drawer.DrawerTitle, { className: "sr-only", children: dialogTitle }),
+              /* @__PURE__ */ jsxRuntime.jsx(drawer.DrawerDescription, { className: "sr-only", children: dialogDescription }),
+              !isConfirmation && /* @__PURE__ */ jsxRuntime.jsx(
+                drawer.DrawerClose,
+                {
+                  render: /* @__PURE__ */ jsxRuntime.jsx(
+                    "button",
+                    {
+                      type: "button",
+                      className: utils_cn.cn(
+                        "absolute top-0 -left-14 flex size-14 appearance-none items-center justify-center rounded-bl-lg border-b border-l border-border-strong bg-background text-muted-foreground",
+                        primitives_transitions.transitions.all,
+                        "hover:bg-fill-subtle hover:text-foreground"
+                      ),
+                      "aria-label": "Close",
+                      children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronsRightIcon, {})
+                    }
+                  )
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(drawer.DrawerInteractive, { render: /* @__PURE__ */ jsxRuntime.jsx("div", { ref: setPortalHost, className: "absolute" }) }),
+              /* @__PURE__ */ jsxRuntime.jsx(primitives_portalContainer.PortalContainerProvider, { container: portalHost, children: /* @__PURE__ */ jsxRuntime.jsx(
+                "div",
+                {
+                  className: utils_cn.cn("grid h-full", {
+                    "grid-rows-[auto_1fr]": !isConfirmation
+                  }),
+                  children
+                }
+              ) })
+            ]
+          }
+        ) })
+      ] })
+    }
+  );
+}
+
+function SideDialogTop({ children, className }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: utils_cn.cn(
+        `relative flex h-11 items-center gap-3 pl-4 text-caption text-muted-foreground`,
+        '[&:after]:absolute [&:after]:inset-x-6 [&:after]:bottom-0 [&:after]:border-b [&:after]:border-border [&:after]:content-[""]',
+        className
+      ),
+      children
+    }
+  );
+}
+
+const SideDialog = Object.assign(SideDialogRoot, {
+  Top: SideDialogTop,
+  Header: SideDialogHeader,
+  Heading: SideDialogHeading,
+  Content: SideDialogContent,
+  CodeSection: SideDialogCodeSection,
+  Nav: SideDialogNav
+});
+
+exports.SideDialog = SideDialog;
 //# sourceMappingURL=SideDialog.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SideDialog.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
+{"version":3,"file":"SideDialog.cjs.js","sources":["../../src/ds/components/SideDialog/side-dialog-code-section.tsx","../../src/ds/components/SideDialog/side-dialog-content.tsx","../../src/ds/components/SideDialog/side-dialog-header.tsx","../../src/ds/components/SideDialog/side-dialog-heading.tsx","../../src/ds/components/SideDialog/side-dialog-nav.tsx","../../src/ds/components/SideDialog/side-dialog-root.tsx","../../src/ds/components/SideDialog/side-dialog-top.tsx","../../src/ds/components/SideDialog/side-dialog.tsx"],"sourcesContent":["import { json } from '@codemirror/lang-json';\nimport { EditorView } from '@codemirror/view';\nimport ReactCodeMirror from '@uiw/react-codemirror';\nimport { AlignJustifyIcon, AlignLeftIcon } from 'lucide-react';\nimport React, { useState, useMemo } from 'react';\nimport { Button } from '@/ds/components/Button';\nimport { ButtonsGroup } from '@/ds/components/ButtonsGroup';\nimport { useCodemirrorTheme } from '@/ds/components/CodeEditor';\nimport { CopyButton } from '@/ds/components/CopyButton';\nimport { Section } from '@/ds/components/Section';\nimport { raisedSurfaceStyle } from '@/ds/primitives/raised-surface';\n\nexport type SideDialogCodeSectionProps = {\n  title: React.ReactNode;\n  icon?: React.ReactNode;\n  codeStr?: string;\n  simplified?: boolean;\n};\n\nexport function SideDialogCodeSection({ codeStr = '', title, icon, simplified = false }: SideDialogCodeSectionProps) {\n  const theme = useCodemirrorTheme();\n  const [showAsMultilineText, setShowAsMultilineText] = useState(false);\n  const hasMultilineText = useMemo(() => {\n    try {\n      const parsed = JSON.parse(codeStr);\n      return containsInnerNewline(parsed || '');\n    } catch {\n      return false;\n    }\n  }, [codeStr]);\n\n  const finalCodeStr = showAsMultilineText ? codeStr?.replace(/\\\\n/g, '\\n') : codeStr;\n\n  return (\n    <Section>\n      <Section.Header>\n        <Section.Heading>\n          {icon}\n          {title}\n        </Section.Heading>\n        <ButtonsGroup size=\"sm\">\n          <CopyButton content={codeStr || 'No content'} />\n          {hasMultilineText && (\n            <Button\n              aria-label={showAsMultilineText ? 'Show escaped newlines' : 'Show multiline text'}\n              onClick={() => setShowAsMultilineText(!showAsMultilineText)}\n            >\n              {showAsMultilineText ? <AlignLeftIcon /> : <AlignJustifyIcon />}\n            </Button>\n          )}\n        </ButtonsGroup>\n      </Section.Header>\n      {codeStr && (\n        <div\n          className={`${raisedSurfaceStyle} max-h-[30vh] overflow-hidden overflow-y-auto rounded-xl p-3 text-body break-all text-muted-foreground`}\n        >\n          {simplified ? (\n            <div className=\"px-2 font-mono break-all text-muted-foreground\">\n              <pre className=\"text-wrap\">{codeStr}</pre>\n            </div>\n          ) : (\n            <ReactCodeMirror extensions={[json(), EditorView.lineWrapping]} theme={theme} value={finalCodeStr} />\n          )}\n        </div>\n      )}\n    </Section>\n  );\n}\n\nfunction containsInnerNewline(obj: unknown): boolean {\n  if (typeof obj === 'string') {\n    const idx = obj.indexOf('\\n');\n    return idx !== -1 && idx !== obj.length - 1;\n  } else if (Array.isArray(obj)) {\n    return obj.some(item => containsInnerNewline(item));\n  } else if (obj && typeof obj === 'object') {\n    return Object.values(obj).some(value => containsInnerNewline(value));\n  }\n  return false;\n}\n","import { DrawerInteractive } from '@/ds/components/Drawer';\nimport { cn } from '@/lib/utils';\n\nexport type SideDialogContentProps = {\n  children?: React.ReactNode;\n  className?: string;\n};\n\nexport function SideDialogContent({ children, className }: SideDialogContentProps) {\n  return (\n    <DrawerInteractive\n      render={\n        <div className={cn('grid content-start gap-4 overflow-y-scroll p-4 pb-5 pl-5', className)}>{children}</div>\n      }\n    />\n  );\n}\n","import { cn } from '@/lib/utils';\n\nexport type SideDialogHeaderProps = {\n  children?: React.ReactNode;\n  className?: string;\n};\n\nexport function SideDialogHeader({ children, className }: SideDialogHeaderProps) {\n  return <div className={cn('flex items-center justify-between pb-3', className)}>{children}</div>;\n}\n","import { cn } from '@/lib/utils';\n\nexport type SideDialogHeadingProps = {\n  children?: React.ReactNode;\n  className?: string;\n  as?: 'h1' | 'h2';\n};\n\nexport function SideDialogHeading({ children, className, as = 'h1' }: SideDialogHeadingProps) {\n  const HeadingTag = as;\n\n  return (\n    <HeadingTag\n      className={cn(\n        'flex items-start gap-2',\n        as === 'h1' ? 'text-heading text-foreground' : 'text-subheading text-foreground',\n        '[&>svg]:mt-0.5 [&>svg]:size-[1.25em] [&>svg]:shrink-0 [&>svg]:opacity-70',\n        className,\n      )}\n    >\n      {children}\n    </HeadingTag>\n  );\n}\n","import { ArrowDownIcon, ArrowUpIcon } from 'lucide-react';\nimport { Button } from '@/ds/components/Button';\nimport { cn } from '@/lib/utils';\n\nexport type SideDialogNavProps = {\n  onNext?: (() => void) | null;\n  onPrevious?: (() => void) | null;\n  className?: string;\n};\n\nexport function SideDialogNav({ onNext, onPrevious, className }: SideDialogNavProps) {\n  const handleOnNext = () => {\n    onNext?.();\n  };\n\n  const handleOnPrevious = () => {\n    onPrevious?.();\n  };\n\n  return (\n    <div className={cn('flex items-center gap-3', '[&_svg]:size-[1.1em] [&_svg]:text-muted-foreground', className)}>\n      {(onNext || onPrevious) && (\n        <div className={cn('flex items-baseline gap-3')}>\n          <Button onClick={handleOnPrevious} disabled={!onPrevious} icon={<ArrowUpIcon />}>\n            Previous\n          </Button>\n          <Button onClick={handleOnNext} disabled={!onNext} icon={<ArrowDownIcon />}>\n            Next\n          </Button>\n        </div>\n      )}\n    </div>\n  );\n}\n","import { ChevronsRightIcon } from 'lucide-react';\nimport * as React from 'react';\nimport {\n  Drawer,\n  DrawerBackdrop,\n  DrawerClose,\n  DrawerDescription,\n  DrawerInteractive,\n  DrawerPopup,\n  DrawerPortal,\n  DrawerTitle,\n  DrawerViewport,\n} from '@/ds/components/Drawer';\nimport { PortalContainerProvider } from '@/ds/primitives/portal-container';\nimport { transitions } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nexport type SideDialogRootProps = {\n  variant?: 'default' | 'confirmation';\n  dialogTitle: string;\n  dialogDescription: string;\n  isOpen: boolean;\n  onClose?: () => void;\n  children?: React.ReactNode;\n  className?: string;\n  level?: 1 | 2 | 3;\n};\n\nexport function SideDialogRoot({\n  dialogTitle,\n  dialogDescription,\n  isOpen,\n  onClose,\n  children,\n  variant = 'default',\n  level = 1,\n  className,\n}: SideDialogRootProps) {\n  const isConfirmation = variant === 'confirmation';\n\n  // Mount point for nested popups (Select, Popover, …). It sits *inside* Base\n  // UI's modal `FloatingFocusManager` region (so a `document.body` portal can't\n  // leave them unclickable) AND is a `DrawerInteractive` (`data-drawer-content`)\n  // node, which Base UI's Drawer excludes from swipe-to-dismiss. Without that\n  // exclusion, a `pointerdown` on a dropdown option starts a drawer swipe and\n  // captures the pointer, so the option never receives `pointerup` and the\n  // click never commits. See `portal-container.tsx`.\n  const [portalHost, setPortalHost] = React.useState<HTMLDivElement | null>(null);\n\n  return (\n    <Drawer\n      side=\"right\"\n      open={isOpen}\n      onOpenChange={open => {\n        if (!open) onClose?.();\n      }}\n    >\n      <DrawerPortal>\n        {!isConfirmation && <DrawerBackdrop className=\"backdrop-blur-sm\" />}\n        <DrawerViewport className={isConfirmation ? 'pointer-events-none' : undefined}>\n          <DrawerPopup\n            className={cn(\n              'max-w-none overflow-visible rounded-none border-y-0 border-r-0 border-l border-border-strong bg-background',\n              {\n                'w-[75vw] 2xl:w-[65vw] 4xl:w-[55vw]': level === 1,\n                'w-[70vw] 2xl:w-[59vw] 4xl:w-[48vw]': level === 2,\n                'w-[65vw] 2xl:w-[53vw] 4xl:w-[41vw]': level === 3,\n                'pointer-events-auto bg-background/70 shadow-none backdrop-blur-sm': isConfirmation,\n              },\n              className,\n            )}\n          >\n            <DrawerTitle className=\"sr-only\">{dialogTitle}</DrawerTitle>\n            <DrawerDescription className=\"sr-only\">{dialogDescription}</DrawerDescription>\n\n            {!isConfirmation && (\n              <DrawerClose\n                render={\n                  <button\n                    type=\"button\"\n                    className={cn(\n                      'absolute top-0 -left-14 flex size-14 appearance-none items-center justify-center rounded-bl-lg border-b border-l border-border-strong bg-background text-muted-foreground',\n                      transitions.all,\n                      'hover:bg-fill-subtle hover:text-foreground',\n                    )}\n                    aria-label=\"Close\"\n                  >\n                    <ChevronsRightIcon />\n                  </button>\n                }\n              />\n            )}\n\n            {/* Swipe-exempt, out-of-flow mount point for nested popups. */}\n            <DrawerInteractive render={<div ref={setPortalHost} className=\"absolute\" />} />\n\n            <PortalContainerProvider container={portalHost}>\n              <div\n                className={cn('grid h-full', {\n                  'grid-rows-[auto_1fr]': !isConfirmation,\n                })}\n              >\n                {children}\n              </div>\n            </PortalContainerProvider>\n          </DrawerPopup>\n        </DrawerViewport>\n      </DrawerPortal>\n    </Drawer>\n  );\n}\n","import { cn } from '@/lib/utils';\n\nexport type SideDialogTopProps = {\n  children?: React.ReactNode;\n  className?: string;\n};\n\nexport function SideDialogTop({ children, className }: SideDialogTopProps) {\n  return (\n    <div\n      className={cn(\n        `relative flex h-11 items-center gap-3 pl-4 text-caption text-muted-foreground`,\n        '[&:after]:absolute [&:after]:inset-x-6 [&:after]:bottom-0 [&:after]:border-b [&:after]:border-border [&:after]:content-[\"\"]',\n        className,\n      )}\n    >\n      {children}\n    </div>\n  );\n}\n","import { SideDialogCodeSection } from './side-dialog-code-section';\nimport { SideDialogContent } from './side-dialog-content';\nimport { SideDialogHeader } from './side-dialog-header';\nimport { SideDialogHeading } from './side-dialog-heading';\nimport { SideDialogNav } from './side-dialog-nav';\nimport { SideDialogRoot } from './side-dialog-root';\nimport { SideDialogTop } from './side-dialog-top';\n\nexport { type SideDialogRootProps } from './side-dialog-root';\n\nexport const SideDialog = Object.assign(SideDialogRoot, {\n  Top: SideDialogTop,\n  Header: SideDialogHeader,\n  Heading: SideDialogHeading,\n  Content: SideDialogContent,\n  CodeSection: SideDialogCodeSection,\n  Nav: SideDialogNav,\n});\n"],"names":["useCodemirrorTheme","useState","useMemo","Section","jsxs","ButtonsGroup","jsx","CopyButton","Button","AlignLeftIcon","AlignJustifyIcon","raisedSurfaceStyle","ReactCodeMirror","json","EditorView","DrawerInteractive","cn","ArrowUpIcon","ArrowDownIcon","React","Drawer","DrawerPortal","DrawerBackdrop","DrawerViewport","DrawerPopup","DrawerTitle","DrawerDescription","DrawerClose","transitions","ChevronsRightIcon","PortalContainerProvider"],"mappings":"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"}