@mastra/playground-ui 57.0.0 → 57.1.0-alpha.0

package/dist/components/DataDetailsPanel.cjs.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const utils_cn = require('../cn-DG0X1KEP.cjs');
 const lucideReact = require('lucide-react');
-const Button = require('../Button-MMZPEb_q.cjs');
+const Button = require('../Button-BAMnPqos.cjs');
 const langJson = require('@codemirror/lang-json');
 const language = require('@codemirror/language');
 const view = require('@codemirror/view');
@@ -14,7 +14,7 @@ const codemirrorThemeDracula = require('@uiw/codemirror-theme-dracula');
 const ReactCodeMirror = require('@uiw/react-codemirror');
 const React = require('react');
 const buttonsGroup = require('../buttons-group-CoZP3lJt.cjs');
-const copyButton = require('../copy-button-B5ZCtnTb.cjs');
+const copyButton = require('../copy-button-D2MTGxq_.cjs');
 const themeProvider = require('../theme-provider-aO5-jZVp.cjs');
 const primitives_raisedSurface = require('../primitives/raised-surface.cjs.js');
 const spinner = require('../spinner-BCpN7LL9.cjs');

package/dist/components/DataDetailsPanel.es.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { c as cn } from '../cn-65Adrsfj.js';
 import { XIcon, AlignLeftIcon, AlignJustifyIcon } from 'lucide-react';
-import { B as Button } from '../Button-KUj0U-5I.js';
+import { B as Button } from '../Button-B8nF87ai.js';
 import { json } from '@codemirror/lang-json';
 import { HighlightStyle, syntaxHighlighting } from '@codemirror/language';
 import { EditorView } from '@codemirror/view';
@@ -10,7 +10,7 @@ import { draculaInit } from '@uiw/codemirror-theme-dracula';
 import ReactCodeMirror from '@uiw/react-codemirror';
 import { useState, useMemo } from 'react';
 import { B as ButtonsGroup } from '../buttons-group-DsZgrZBZ.js';
-import { C as CopyButton } from '../copy-button-DZqxEuiE.js';
+import { C as CopyButton } from '../copy-button-DcZ1mdw4.js';
 import { u as useTheme } from '../theme-provider-C9ih9jSS.js';
 import { raisedSurfaceStyle } from '../primitives/raised-surface.es.js';
 import { S as Spinner } from '../spinner-ylbE0TJA.js';

package/dist/components/DataKeysAndValues.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const dataKeysAndValues = require('../data-keys-and-values-BduKvvC5.cjs');
+const dataKeysAndValues = require('../data-keys-and-values-CMJ9zHKm.cjs');
 
 
 

package/dist/components/DataKeysAndValues.es.js

@@ -1,2 +1,2 @@
-export { D as DataKeysAndValues } from '../data-keys-and-values-DhC4U4Yl.js';
+export { D as DataKeysAndValues } from '../data-keys-and-values-BTYDB-K2.js';
 //# sourceMappingURL=DataKeysAndValues.es.js.map

package/dist/components/DataList.cjs.js

@@ -2,13 +2,13 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const dataList = require('../data-list-DSbuTWLI.cjs');
+const dataList = require('../data-list-CH3HAhK5.cjs');
 const dataListSkeleton = require('../data-list-skeleton-K_WmrVke.cjs');
 const jsxRuntime = require('react/jsx-runtime');
-const dataListSpacer = require('../data-list-spacer-DUBpzv_H.cjs');
+const dataListSpacer = require('../data-list-spacer-GIVW2hB1.cjs');
 const dataListTop = require('../data-list-top-B-gb-FY6.cjs');
 const dateFns = require('date-fns');
-const tracesDataList = require('../traces-data-list-DNOtQze4.cjs');
+const tracesDataList = require('../traces-data-list-DLeKSbaZ.cjs');
 const useDataListKeyboard = require('../use-data-list-keyboard-DF3tLe10.cjs');
 const layout_tabbedContainer = require('../layout/tabbed-container.cjs.js');
 

package/dist/components/DataList.es.js

@@ -1,10 +1,10 @@
-export { D as DataList } from '../data-list-Cn0Ls4l2.js';
+export { D as DataList } from '../data-list-DXjH5wkB.js';
 export { D as DataListSkeleton } from '../data-list-skeleton-h4pILqCC.js';
 import { jsx } from 'react/jsx-runtime';
-import { D as DataListNextPageLoading, a as DataListNoMatch, d as DataListRowButton, f as DataListSortableTopCell } from '../data-list-spacer-C0YimRXC.js';
+import { D as DataListNextPageLoading, a as DataListNoMatch, d as DataListRowButton, f as DataListSortableTopCell } from '../data-list-spacer-BQ4_YeyT.js';
 import { c as DataListCell, b as DataListTopCell, a as DataListTop, D as DataListRoot } from '../data-list-top-LiaWUw5P.js';
 import { format, isToday } from 'date-fns';
-export { T as TracesDataList } from '../traces-data-list-DHrC158-.js';
+export { T as TracesDataList } from '../traces-data-list-Cjy5a-1f.js';
 export { u as useDataListKeyboard } from '../use-data-list-keyboard-DFQr4t38.js';
 export { TabbedContainer } from '../layout/tabbed-container.es.js';
 

package/dist/components/DataPanel.cjs.js

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

package/dist/components/DataPanel.es.js

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

package/dist/components/DateRangeTimeline.cjs.js

@@ -6,7 +6,7 @@ const jsxRuntime = require('react/jsx-runtime');
 const React = require('react');
 const dateFns = require('date-fns');
 const lucideReact = require('lucide-react');
-const Button = require('../Button-MMZPEb_q.cjs');
+const Button = require('../Button-BAMnPqos.cjs');
 const datePicker = require('../date-picker-dRZF8frf.cjs');
 const popover = require('../popover-lBqKiPtp.cjs');
 const Txt = require('../Txt-B4-2nLaI.cjs');

package/dist/components/DateRangeTimeline.es.js

@@ -2,7 +2,7 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { useState, useLayoutEffect, useRef, useEffectEvent, useEffect } from 'react';
 import { format, parseISO, isValid, differenceInCalendarDays, addDays } from 'date-fns';
 import { CalendarDaysIcon } from 'lucide-react';
-import { B as Button } from '../Button-KUj0U-5I.js';
+import { B as Button } from '../Button-B8nF87ai.js';
 import { D as DatePicker } from '../date-picker-DgWTsiJ7.js';
 import { P as Popover, b as PopoverTrigger, a as PopoverContent } from '../popover-Dg70UGyn.js';
 import { T as Txt } from '../Txt-DTh3Pa_a.js';

package/dist/components/DateTimePicker.cjs.js

@@ -9,8 +9,8 @@ const React = require('react');
 const useDebounce = require('use-debounce');
 const textFieldBlock = require('../text-field-block-BmWGMw3a.cjs');
 const datePicker = require('../date-picker-dRZF8frf.cjs');
-const timePicker = require('../time-picker-PXFCgAuR.cjs');
-const Button = require('../Button-MMZPEb_q.cjs');
+const timePicker = require('../time-picker-BokshW_l.cjs');
+const Button = require('../Button-BAMnPqos.cjs');
 const popover = require('../popover-lBqKiPtp.cjs');
 const primitives_controlSize = require('../primitives/control-size.cjs.js');
 const utils_cn = require('../cn-DG0X1KEP.cjs');

package/dist/components/DateTimePicker.es.js

@@ -5,8 +5,8 @@ import * as React from 'react';
 import { useDebouncedCallback } from 'use-debounce';
 import { T as TextFieldBlock } from '../text-field-block-Cihf0IRw.js';
 import { D as DatePicker } from '../date-picker-DgWTsiJ7.js';
-import { T as TimePicker } from '../time-picker-DMroqHbw.js';
-import { B as Button } from '../Button-KUj0U-5I.js';
+import { T as TimePicker } from '../time-picker-D0GksHc0.js';
+import { B as Button } from '../Button-B8nF87ai.js';
 import { P as Popover, b as PopoverTrigger, a as PopoverContent } from '../popover-Dg70UGyn.js';
 import { controlTriggerOpenStateFor } from '../primitives/control-size.es.js';
 import { c as cn } from '../cn-65Adrsfj.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-D2g3RU5B.cjs');
+const dateTimeRangePicker = require('../date-time-range-picker-CiWpvWGR.cjs');
 
 
 

package/dist/components/DateTimeRangePicker.es.js

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

package/dist/components/Dialog.cjs.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const dialog = require('../dialog-Bilo4jEU.cjs');
+const dialog = require('../dialog-B2DGYuyi.cjs');
 const jsxRuntime = require('react/jsx-runtime');
 const React = require('react');
-const Button = require('../Button-MMZPEb_q.cjs');
+const Button = require('../Button-BAMnPqos.cjs');
 const utils_cn = require('../cn-DG0X1KEP.cjs');
 
 const ARM_WINDOW_MS = 4e3;

package/dist/components/Dialog.es.js

@@ -1,8 +1,8 @@
-import { u as useDialogContext, h as dialogActionSizeClasses, i as dialogActionLayoutClasses } from '../dialog-DMOXPT0N.js';
-export { D as Dialog, e as DialogBody, j as DialogCancel, f as DialogClose, a as DialogContent, d as DialogDescription, g as DialogFooter, b as DialogHeader, k as DialogOverlay, l as DialogPortal, c as DialogTitle, m as DialogTrigger } from '../dialog-DMOXPT0N.js';
+import { u as useDialogContext, h as dialogActionSizeClasses, i as dialogActionLayoutClasses } from '../dialog-BvDeW4yR.js';
+export { D as Dialog, e as DialogBody, j as DialogCancel, f as DialogClose, a as DialogContent, d as DialogDescription, g as DialogFooter, b as DialogHeader, k as DialogOverlay, l as DialogPortal, c as DialogTitle, m as DialogTrigger } from '../dialog-BvDeW4yR.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { forwardRef, useState, useRef, useId, useEffect } from 'react';
-import { B as Button } from '../Button-KUj0U-5I.js';
+import { B as Button } from '../Button-B8nF87ai.js';
 import { c as cn } from '../cn-65Adrsfj.js';
 
 const ARM_WINDOW_MS = 4e3;

package/dist/components/DisabledFeatureButton.cjs.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
-const Button = require('../Button-MMZPEb_q.cjs');
+const Button = require('../Button-BAMnPqos.cjs');
 const tooltip = require('../tooltip-FvWL16Xn.cjs');
 const primitives_transitions = require('../primitives/transitions.cjs.js');
 const utils_cn = require('../cn-DG0X1KEP.cjs');

package/dist/components/DisabledFeatureButton.es.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { ExternalLink } from 'lucide-react';
-import { B as Button } from '../Button-KUj0U-5I.js';
+import { B as Button } from '../Button-B8nF87ai.js';
 import { T as Tooltip, c as TooltipTrigger, a as TooltipContent } from '../tooltip-BrDiP0RI.js';
 import { controlStateColorTransition } from '../primitives/transitions.es.js';
 import { c as cn } from '../cn-65Adrsfj.js';

package/dist/components/Drawer.cjs.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const drawer$1 = require('@base-ui/react/drawer');
-const drawer = require('../drawer-B6Ftum77.cjs');
+const drawer = require('../drawer-CmzM8WKh.cjs');
 
 const createDrawerHandle = drawer$1.Drawer.createHandle;
 

package/dist/components/Drawer.es.js

@@ -1,5 +1,5 @@
 import { Drawer } from '@base-ui/react/drawer';
-export { D as Drawer, a as DrawerBackdrop, b as DrawerBody, c as DrawerClose, d as DrawerContent, e as DrawerDescription, f as DrawerFooter, g as DrawerHeader, h as DrawerIndent, i as DrawerIndentBackground, j as DrawerInteractive, k as DrawerPopup, l as DrawerPortal, m as DrawerProvider, n as DrawerSwipeArea, o as DrawerTitle, p as DrawerTrigger, q as DrawerViewport } from '../drawer-CnCsgToD.js';
+export { D as Drawer, a as DrawerBackdrop, b as DrawerBody, c as DrawerClose, d as DrawerContent, e as DrawerDescription, f as DrawerFooter, g as DrawerHeader, h as DrawerIndent, i as DrawerIndentBackground, j as DrawerInteractive, k as DrawerPopup, l as DrawerPortal, m as DrawerProvider, n as DrawerSwipeArea, o as DrawerTitle, p as DrawerTrigger, q as DrawerViewport } from '../drawer-b_iqX4G0.js';
 
 const createDrawerHandle = Drawer.createHandle;
 

package/dist/components/EmptyState.cjs.js

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

package/dist/components/EmptyState.es.js

@@ -1,2 +1,2 @@
-export { E as EmptyState } from '../EmptyState-B6cyZw6m.js';
+export { E as EmptyState } from '../EmptyState-Bc4nJ9QH.js';
 //# sourceMappingURL=EmptyState.es.js.map

package/dist/components/EnvironmentVariablesEditor.cjs.js

@@ -6,14 +6,14 @@ const jsxRuntime = require('react/jsx-runtime');
 const utils_cn = require('../cn-DG0X1KEP.cjs');
 const lucideReact = require('lucide-react');
 const React = require('react');
-const Button = require('../Button-MMZPEb_q.cjs');
-const Notice = require('../Notice-CPyYcX5J.cjs');
+const Button = require('../Button-BAMnPqos.cjs');
+const Notice = require('../Notice-AUNd8fqT.cjs');
 const envFile = require('../env-file-BU2hStkm.cjs');
 const Txt = require('../Txt-B4-2nLaI.cjs');
-const dataList = require('../data-list-DSbuTWLI.cjs');
+const dataList = require('../data-list-CH3HAhK5.cjs');
 const hooks_useCopyToClipboard = require('../hooks/use-copy-to-clipboard.cjs.js');
 const fieldErrorId = require('../field-error-id-6EfqmQ4C.cjs');
-const inputGroup = require('../input-group-DaIV9Orp.cjs');
+const inputGroup = require('../input-group-Dt7PI7Bh.cjs');
 
 function EnvironmentVariablesEditorActions({ className, ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils_cn.cn("flex flex-wrap items-center gap-2", className), ...props });

package/dist/components/EnvironmentVariablesEditor.es.js

@@ -2,14 +2,14 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { c as cn } from '../cn-65Adrsfj.js';
 import { PlusIcon, EyeOffIcon, EyeIcon, CheckIcon, CopyIcon, Code2Icon, TrashIcon, UploadIcon } from 'lucide-react';
 import { createContext, use, useState, useMemo } from 'react';
-import { B as Button } from '../Button-KUj0U-5I.js';
-import { N as Notice } from '../Notice-KC18b8Nd.js';
+import { B as Button } from '../Button-B8nF87ai.js';
+import { N as Notice } from '../Notice-WT8G4OA6.js';
 import { D as DUPLICATE_ENVIRONMENT_VARIABLE_MESSAGE } from '../env-file-BITYowCx.js';
 import { T as Txt } from '../Txt-DTh3Pa_a.js';
-import { D as DataList } from '../data-list-Cn0Ls4l2.js';
+import { D as DataList } from '../data-list-DXjH5wkB.js';
 import { useCopyToClipboard } from '../hooks/use-copy-to-clipboard.es.js';
 import { F as FieldBlock, f as fieldErrorId } from '../field-error-id-DyWx33Fu.js';
-import { I as InputGroup, c as InputGroupInput, a as InputGroupAddon, b as InputGroupButton } from '../input-group-B-pskRGt.js';
+import { I as InputGroup, c as InputGroupInput, a as InputGroupAddon, b as InputGroupButton } from '../input-group-QyOyAe2m.js';
 
 function EnvironmentVariablesEditorActions({ className, ...props }) {
   return /* @__PURE__ */ jsx("div", { className: cn("flex flex-wrap items-center gap-2", className), ...props });

package/dist/components/ErrorBoundary.cjs.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
 const React = require('react');
-const Button = require('../Button-MMZPEb_q.cjs');
+const Button = require('../Button-BAMnPqos.cjs');
 const primitives_typography = require('../primitives/typography.cjs.js');
 const utils_cn = require('../cn-DG0X1KEP.cjs');
 

package/dist/components/ErrorBoundary.es.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { AlertTriangle, RotateCcw, RefreshCw, Bug } from 'lucide-react';
 import * as React from 'react';
-import { B as Button } from '../Button-KUj0U-5I.js';
+import { B as Button } from '../Button-B8nF87ai.js';
 import { quietTextHover } from '../primitives/typography.es.js';
 import { c as cn } from '../cn-65Adrsfj.js';
 

package/dist/components/FilterBar.cjs.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const React = require('react');
 const lucideReact = require('lucide-react');
-const filterBarChip = require('../filter-bar-chip-B_k_vbip.cjs');
+const filterBarChip = require('../filter-bar-chip-Y_lejyj9.cjs');
 const reactDom = require('react-dom');
 const types = require('../types-Ns4ZNp-g.cjs');
-const Button = require('../Button-MMZPEb_q.cjs');
-const comboboxStyles = require('../combobox-styles-CSsS2LEx.cjs');
+const Button = require('../Button-BAMnPqos.cjs');
+const comboboxStyles = require('../combobox-styles-CeTbTVnX.cjs');
 const combobox = require('@base-ui/react/combobox');
 const kbd = require('../kbd-BptPsKP6.cjs');
 const Txt = require('../Txt-B4-2nLaI.cjs');

package/dist/components/FilterBar.es.js

@@ -1,12 +1,12 @@
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import { useRef, useState, useMemo, useEffect, useCallback, Fragment as Fragment$1 } from 'react';
 import { BracesIcon, ListFilterIcon, Search, PlusIcon, FolderPlusIcon, Trash2Icon, FolderIcon, XIcon } from 'lucide-react';
-import { u as useFilterBarContext, b as findGroup, c as useValueStep, m as matchesQueryFilter, d as FILTER_BAR_CONTROL_SIZE, g as FilterBarOptionList, a as FilterBarFieldLabel, h as FilterBarOptionLabel, F as FilterBarChip, i as countLeaves, e as editableSegmentClass, j as chipClass, k as FILTER_BAR_SCOPE_ATTR, l as FilterBarProvider } from '../filter-bar-chip-BlvuAPve.js';
-export { n as FilterBarChipField, o as FilterBarChipOperator, p as FilterBarChipRemove, q as FilterBarChipValue } from '../filter-bar-chip-BlvuAPve.js';
+import { u as useFilterBarContext, b as findGroup, c as useValueStep, m as matchesQueryFilter, d as FILTER_BAR_CONTROL_SIZE, g as FilterBarOptionList, a as FilterBarFieldLabel, h as FilterBarOptionLabel, F as FilterBarChip, i as countLeaves, e as editableSegmentClass, j as chipClass, k as FILTER_BAR_SCOPE_ATTR, l as FilterBarProvider } from '../filter-bar-chip-yvB9JA0r.js';
+export { n as FilterBarChipField, o as FilterBarChipOperator, p as FilterBarChipRemove, q as FilterBarChipValue } from '../filter-bar-chip-yvB9JA0r.js';
 import { flushSync } from 'react-dom';
 import { p as parseFieldValue, i as isFilterBarGroup } from '../types-CIPrYAzY.js';
-import { B as Button } from '../Button-KUj0U-5I.js';
-import { a as comboboxTriggerClass, c as comboboxStyles } from '../combobox-styles-iuJUkJEQ.js';
+import { B as Button } from '../Button-B8nF87ai.js';
+import { a as comboboxTriggerClass, c as comboboxStyles } from '../combobox-styles-DZbWnLlE.js';
 import { Combobox } from '@base-ui/react/combobox';
 import { K as Kbd } from '../kbd-BDVTQHD_.js';
 import { T as Txt } from '../Txt-DTh3Pa_a.js';

package/dist/components/FormFieldBlocks.cjs.js

@@ -8,8 +8,8 @@ const utils_cn = require('../cn-DG0X1KEP.cjs');
 const textFieldBlock = require('../text-field-block-BmWGMw3a.cjs');
 const textarea = require('../textarea-5b6XcMrq.cjs');
 const reactVisuallyHidden = require('@radix-ui/react-visually-hidden');
-const searchFieldBlock = require('../search-field-block-Bg9GPPaA.cjs');
-const selectFieldBlock = require('../select-field-block-CZbN1w__.cjs');
+const searchFieldBlock = require('../search-field-block-D34NmyvF.cjs');
+const selectFieldBlock = require('../select-field-block-BPSwJ76v.cjs');
 
 function FieldBlocksLayoutColumn({ children, className }) {
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils_cn.cn("grid content-start gap-6", className), children });

package/dist/components/FormFieldBlocks.es.js

@@ -4,8 +4,8 @@ import { c as cn } from '../cn-65Adrsfj.js';
 export { T as TextFieldBlock } from '../text-field-block-Cihf0IRw.js';
 import { T as Textarea } from '../textarea-DdnzLrI9.js';
 import { VisuallyHidden } from '@radix-ui/react-visually-hidden';
-export { S as SearchFieldBlock } from '../search-field-block-B0twxGWI.js';
-export { S as SelectFieldBlock } from '../select-field-block-D_b9N7od.js';
+export { S as SearchFieldBlock } from '../search-field-block-DCWcRx4k.js';
+export { S as SelectFieldBlock } from '../select-field-block-660lYYtx.js';
 
 function FieldBlocksLayoutColumn({ children, className }) {
   return /* @__PURE__ */ jsx("div", { className: cn("grid content-start gap-6", className), children });

package/dist/components/InputGroup.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const inputGroup = require('../input-group-DaIV9Orp.cjs');
+const inputGroup = require('../input-group-Dt7PI7Bh.cjs');
 
 
 

package/dist/components/InputGroup.es.js

@@ -1,2 +1,2 @@
-export { I as InputGroup, a as InputGroupAddon, b as InputGroupButton, c as InputGroupInput, d as InputGroupText, e as InputGroupTextarea } from '../input-group-B-pskRGt.js';
+export { I as InputGroup, a as InputGroupAddon, b as InputGroupButton, c as InputGroupInput, d as InputGroupText, e as InputGroupTextarea } from '../input-group-QyOyAe2m.js';
 //# sourceMappingURL=InputGroup.es.js.map

package/dist/components/IntegrationDialog.cjs.js

@@ -6,8 +6,8 @@ const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
 const React = require('react');
 const Badge = require('../Badge-BEeYtjmv.cjs');
-const dialog = require('../dialog-Bilo4jEU.cjs');
-const searchFieldBlock = require('../search-field-block-Bg9GPPaA.cjs');
+const dialog = require('../dialog-B2DGYuyi.cjs');
+const searchFieldBlock = require('../search-field-block-D34NmyvF.cjs');
 const primitives_formElement = require('../primitives/form-element.cjs.js');
 const utils_cn = require('../cn-DG0X1KEP.cjs');
 

package/dist/components/IntegrationDialog.es.js

@@ -2,8 +2,8 @@ import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { BlocksIcon } from 'lucide-react';
 import { useRef, useState } from 'react';
 import { B as Badge } from '../Badge-TD55_qZJ.js';
-import { D as Dialog, a as DialogContent, b as DialogHeader, c as DialogTitle, d as DialogDescription, e as DialogBody, m as DialogTrigger } from '../dialog-DMOXPT0N.js';
-import { S as SearchFieldBlock } from '../search-field-block-B0twxGWI.js';
+import { D as Dialog, a as DialogContent, b as DialogHeader, c as DialogTitle, d as DialogDescription, e as DialogBody, m as DialogTrigger } from '../dialog-BvDeW4yR.js';
+import { S as SearchFieldBlock } from '../search-field-block-DCWcRx4k.js';
 import { controlFocusBorderVisible } from '../primitives/form-element.es.js';
 import { c as cn } from '../cn-65Adrsfj.js';
 

package/dist/components/JSONSchemaForm.cjs.js

@@ -7,10 +7,10 @@ const React = require('react');
 const utils_cn = require('../cn-DG0X1KEP.cjs');
 const textFieldBlock = require('../text-field-block-BmWGMw3a.cjs');
 const lucideReact = require('lucide-react');
-const selectFieldBlock = require('../select-field-block-CZbN1w__.cjs');
+const selectFieldBlock = require('../select-field-block-BPSwJ76v.cjs');
 const icons_Icon = require('../icons/Icon.cjs.js');
 const checkbox = require('../checkbox-CI8JtZKS.cjs');
-const Button = require('../Button-MMZPEb_q.cjs');
+const Button = require('../Button-BAMnPqos.cjs');
 
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });

package/dist/components/JSONSchemaForm.es.js

@@ -3,10 +3,10 @@ import * as React from 'react';
 import { c as cn } from '../cn-65Adrsfj.js';
 import { T as TextFieldBlock } from '../text-field-block-Cihf0IRw.js';
 import { Type, Hash, ToggleLeft, AlignLeft, Braces, List, Trash2Icon, Plus } from 'lucide-react';
-import { S as SelectFieldBlock } from '../select-field-block-D_b9N7od.js';
+import { S as SelectFieldBlock } from '../select-field-block-660lYYtx.js';
 import { Icon } from '../icons/Icon.es.js';
 import { C as Checkbox } from '../checkbox-CQedzgsi.js';
-import { B as Button } from '../Button-KUj0U-5I.js';
+import { B as Button } from '../Button-B8nF87ai.js';
 
 const JSONSchemaFormContext = React.createContext(null);
 function JSONSchemaFormProvider({

package/dist/components/ListSearch.cjs.js

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

package/dist/components/ListSearch.es.js

@@ -1,2 +1,2 @@
-export { L as ListSearch } from '../list-search-DK2yMiME.js';
+export { L as ListSearch } from '../list-search-hX4N3d_Y.js';
 //# sourceMappingURL=ListSearch.es.js.map

package/dist/components/LogsDataList.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const logsDataList = require('../logs-data-list-DgoCLb6k.cjs');
+const logsDataList = require('../logs-data-list-BGJTRyO_.cjs');
 const dataListSkeleton = require('../data-list-skeleton-K_WmrVke.cjs');
 require('react');
 require('../keyboard/keyboard-shortcuts-context.cjs.js');

package/dist/components/LogsDataList.es.js

@@ -1,4 +1,4 @@
-export { L as LogsDataList } from '../logs-data-list-B24gfDle.js';
+export { L as LogsDataList } from '../logs-data-list-XU1hCwI5.js';
 export { D as LogsDataListSkeleton } from '../data-list-skeleton-h4pILqCC.js';
 import 'react';
 import '../keyboard/keyboard-shortcuts-context.es.js';

package/dist/components/MainSidebar.cjs.js

@@ -2,18 +2,132 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const mainSidebar = require('../main-sidebar-DYfRxFn4.cjs');
+const jsxRuntime = require('react/jsx-runtime');
+const utils_cn = require('../cn-DG0X1KEP.cjs');
+const mainSidebarLinkActive = require('../main-sidebar-link-active-CYZwvfPC.cjs');
+const reactVisuallyHidden = require('@radix-ui/react-visually-hidden');
+const React = require('react');
 
+function MainSidebarBottom({ className, children, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils_cn.cn("mt-auto", className), ...props, children });
+}
 
+function MainSidebarNavHeader({
+  children,
+  className,
+  state: stateProp,
+  href,
+  isActive,
+  LinkComponent: LinkProp,
+  ...props
+}) {
+  const ctx = mainSidebarLinkActive.useMaybeSidebarState();
+  const state = stateProp ?? ctx?.state ?? "default";
+  const isMobile = ctx?.isMobile ?? false;
+  const Link = LinkProp ?? ctx?.LinkComponent ?? "a";
+  const showTitle = state === "default" && !isMobile;
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils_cn.cn("mt-2 mb-0.5 flex min-h-8 min-w-0 items-center", className), children: showTitle ? /* @__PURE__ */ jsxRuntime.jsx(
+    "header",
+    {
+      ...props,
+      className: utils_cn.cn("max-w-full min-w-0 truncate pl-3 text-column", {
+        "text-foreground": isActive,
+        "text-muted-foreground/70": !isActive
+      }),
+      children: href ? /* @__PURE__ */ jsxRuntime.jsx(
+        Link,
+        {
+          href,
+          className: utils_cn.cn("block min-w-0 truncate transition-colors duration-normal", {
+            "hover:text-foreground": !isActive,
+            "text-foreground": isActive
+          }),
+          children
+        }
+      ) : children
+    }
+  ) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(reactVisuallyHidden.VisuallyHidden, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx("header", { ...props, children }) }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { "aria-hidden": "true", className: "mx-3 h-px flex-1 bg-border" })
+  ] }) });
+}
 
-exports.MainSidebar = mainSidebar.MainSidebar;
-exports.MainSidebarMobileTrigger = mainSidebar.MainSidebarMobileTrigger;
-exports.MainSidebarProvider = mainSidebar.MainSidebarProvider;
-exports.MainSidebarTrigger = mainSidebar.MainSidebarTrigger;
-exports.getIsLinkActive = mainSidebar.getIsLinkActive;
-exports.navItemClasses = mainSidebar.navItemClasses;
-exports.useMainSidebar = mainSidebar.useMainSidebar;
-exports.useMaybeSidebar = mainSidebar.useMaybeSidebar;
-exports.useMaybeSidebarState = mainSidebar.useMaybeSidebarState;
-exports.useMobileDrawer = mainSidebar.useMobileDrawer;
+function getLinkKey(link) {
+  return `${link.url}:${link.name}`;
+}
+function MainSidebarSectionLink({ link, activeCandidates, level = 0, isActive }) {
+  const childLinks = link.children ?? [];
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    mainSidebarLinkActive.MainSidebarNavLink,
+    {
+      link,
+      isActive: isActive?.(link, activeCandidates) ?? link.isActive,
+      level,
+      subItems: childLinks.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(mainSidebarLinkActive.MainSidebarNavList, { className: "mt-0.5", children: childLinks.map((child) => /* @__PURE__ */ jsxRuntime.jsx(
+        MainSidebarSectionLink,
+        {
+          link: child,
+          activeCandidates,
+          level: level + 1,
+          isActive
+        },
+        getLinkKey(child)
+      )) }) : null
+    }
+  );
+}
+function MainSidebarSections({ sections, isActive, className }) {
+  const baseId = React.useId();
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: sections.map((section) => {
+    const showSeparator = section.links.length > 0 && section.separator;
+    const headerId = section.title ? `${baseId}-${section.key}` : void 0;
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      mainSidebarLinkActive.MainSidebarNavSection,
+      {
+        className,
+        "aria-labelledby": headerId,
+        "aria-label": !headerId ? section.key : void 0,
+        children: [
+          showSeparator ? /* @__PURE__ */ jsxRuntime.jsx(mainSidebarLinkActive.MainSidebarNavSeparator, {}) : null,
+          section.title ? /* @__PURE__ */ jsxRuntime.jsx(MainSidebarNavHeader, { id: headerId, href: section.href, isActive: section.isHeaderActive, children: section.title }) : null,
+          /* @__PURE__ */ jsxRuntime.jsx(mainSidebarLinkActive.MainSidebarNavList, { children: section.links.map((link) => /* @__PURE__ */ jsxRuntime.jsx(
+            MainSidebarSectionLink,
+            {
+              link,
+              activeCandidates: section.links,
+              isActive
+            },
+            getLinkKey(link)
+          )) })
+        ]
+      },
+      section.key
+    );
+  }) });
+}
+
+const MainSidebar = Object.assign(mainSidebarLinkActive.MainSidebarRoot, {
+  Bottom: MainSidebarBottom,
+  Nav: mainSidebarLinkActive.MainSidebarNav,
+  NavSection: mainSidebarLinkActive.MainSidebarNavSection,
+  NavLink: mainSidebarLinkActive.MainSidebarNavLink,
+  NavLabel: mainSidebarLinkActive.MainSidebarNavLabel,
+  NavHeader: MainSidebarNavHeader,
+  NavList: mainSidebarLinkActive.MainSidebarNavList,
+  NavSeparator: mainSidebarLinkActive.MainSidebarNavSeparator,
+  Sections: MainSidebarSections,
+  Trigger: mainSidebarLinkActive.MainSidebarTrigger,
+  MobileTrigger: mainSidebarLinkActive.MainSidebarMobileTrigger
+});
+
+exports.MainSidebarMobileTrigger = mainSidebarLinkActive.MainSidebarMobileTrigger;
+exports.MainSidebarProvider = mainSidebarLinkActive.MainSidebarProvider;
+exports.MainSidebarTrigger = mainSidebarLinkActive.MainSidebarTrigger;
+exports.getIsLinkActive = mainSidebarLinkActive.getIsLinkActive;
+exports.navItemClasses = mainSidebarLinkActive.navItemClasses;
+exports.useMainSidebar = mainSidebarLinkActive.useMainSidebar;
+exports.useMaybeSidebar = mainSidebarLinkActive.useMaybeSidebar;
+exports.useMaybeSidebarState = mainSidebarLinkActive.useMaybeSidebarState;
+exports.useMobileDrawer = mainSidebarLinkActive.useMobileDrawer;
+exports.MainSidebar = MainSidebar;
 //# sourceMappingURL=MainSidebar.cjs.js.map