@mastra/playground-ui 51.1.0 → 51.2.0-alpha.0

package/dist/style.css

@@ -310,6 +310,7 @@
     --color-border2: var(--border2);
     --color-surface-overlay-soft: var(--surface-overlay-soft);
     --color-surface-overlay-strong: var(--surface-overlay-strong);
+    --color-surface-row-featured: var(--surface-row-featured);
     --color-warning1: var(--warning1);
     --color-positive1: var(--positive1);
     --color-negative1: var(--negative1);
@@ -1023,10 +1024,6 @@
     margin-inline: calc(var(--spacing-1) * -1);
   }
 
-  .mx-1 {
-    margin-inline: var(--spacing-1);
-  }
-
   .mx-1\.5 {
     margin-inline: var(--spacing-1_5);
   }
@@ -1600,10 +1597,6 @@
     margin-top: var(--spacing-14);
   }
 
-  .mt-\[3px\] {
-    margin-top: 3px;
-  }
-
   .mt-\[6vh\] {
     margin-top: 6vh;
   }
@@ -1620,10 +1613,6 @@
     margin-right: var(--spacing-0);
   }
 
-  .mr-0\! {
-    margin-right: var(--spacing-0) !important;
-  }
-
   .mr-2 {
     margin-right: var(--spacing-2);
   }
@@ -1697,10 +1686,6 @@
     margin-left: var(--spacing-0);
   }
 
-  .ml-0\! {
-    margin-left: var(--spacing-0) !important;
-  }
-
   .ml-0\.5 {
     margin-left: var(--spacing-0_5);
   }
@@ -3634,10 +3619,6 @@
     border-bottom-left-radius: var(--radius-xl);
   }
 
-  .rounded-tl-xl {
-    border-top-left-radius: var(--radius-xl);
-  }
-
   .rounded-r {
     border-top-right-radius: .25rem;
     border-bottom-right-radius: .25rem;
@@ -3653,11 +3634,6 @@
     border-bottom-right-radius: var(--radius-xl);
   }
 
-  .rounded-b-md {
-    border-bottom-right-radius: var(--radius-md);
-    border-bottom-left-radius: var(--radius-md);
-  }
-
   .rounded-b-xl {
     border-bottom-right-radius: var(--radius-xl);
     border-bottom-left-radius: var(--radius-xl);
@@ -3667,10 +3643,6 @@
     border-bottom-left-radius: var(--radius-lg);
   }
 
-  .rounded-bl-md {
-    border-bottom-left-radius: var(--radius-md);
-  }
-
   .border {
     border-style: var(--tw-border-style);
     border-width: 1px;
@@ -4012,14 +3984,6 @@
     border-top-color: var(--color-border1);
   }
 
-  .border-t-transparent {
-    border-top-color: #0000;
-  }
-
-  .border-b-border1 {
-    border-bottom-color: var(--color-border1);
-  }
-
   .border-l-accent1 {
     border-left-color: var(--color-accent1);
   }
@@ -4562,6 +4526,10 @@
     background-color: var(--color-surface-overlay-soft);
   }
 
+  .bg-surface-row-featured\! {
+    background-color: var(--color-surface-row-featured) !important;
+  }
+
   .bg-surface1, .bg-surface1\/40 {
     background-color: var(--color-surface1);
   }
@@ -4622,15 +4590,7 @@
     }
   }
 
-  .bg-surface4 {
-    background-color: var(--color-surface4);
-  }
-
-  .bg-surface4\! {
-    background-color: var(--color-surface4) !important;
-  }
-
-  .bg-surface4\/40 {
+  .bg-surface4, .bg-surface4\/40 {
     background-color: var(--color-surface4);
   }
 
@@ -6483,7 +6443,7 @@
     display: block;
   }
 
-  .group-focus-within\:opacity-100:is(:where(.group):focus-within *) {
+  .group-focus-within\:opacity-100:is(:where(.group):focus-within *), .group-focus-within\/comment-item\:opacity-100:is(:where(.group\/comment-item):focus-within *), .group-focus-within\/data-list-row\:opacity-100:is(:where(.group\/data-list-row):focus-within *), .group-focus-within\/data-list-top\:opacity-100:is(:where(.group\/data-list-top):focus-within *) {
     opacity: 1;
   }
 
@@ -6496,7 +6456,7 @@
       color: var(--color-neutral6);
     }
 
-    .group-hover\:opacity-100:is(:where(.group):hover *), .group-hover\/block\:opacity-100:is(:where(.group\/block):hover *) {
+    .group-hover\:opacity-100:is(:where(.group):hover *), .group-hover\/block\:opacity-100:is(:where(.group\/block):hover *), .group-hover\/comment-item\:opacity-100:is(:where(.group\/comment-item):hover *), .group-hover\/data-list-row\:opacity-100:is(:where(.group\/data-list-row):hover *), .group-hover\/data-list-top\:opacity-100:is(:where(.group\/data-list-top):hover *) {
       opacity: 1;
     }
 
@@ -7015,11 +6975,6 @@
     inset-block: var(--spacing-0);
   }
 
-  .before\:inset-y-1:before {
-    content: var(--tw-content);
-    inset-block: var(--spacing-1);
-  }
-
   .before\:-top-\(--chat-fade\):before {
     content: var(--tw-content);
     top: calc(var(--chat-fade) * -1);
@@ -7077,9 +7032,9 @@
     animation: 2s infinite shimmer;
   }
 
-  .before\:rounded-md:before {
+  .before\:rounded-lg:before {
     content: var(--tw-content);
-    border-radius: var(--radius-md);
+    border-radius: var(--radius-lg);
   }
 
   .before\:border-b-\[1px\]:before {
@@ -7104,14 +7059,14 @@
     background-color: var(--chat-surface);
   }
 
-  .before\:bg-border1:before {
+  .before\:bg-\[var\(--data-list-sticky-header-background\)\]:before {
     content: var(--tw-content);
-    background-color: var(--color-border1);
+    background-color: var(--data-list-sticky-header-background);
   }
 
-  .before\:bg-surface4:before {
+  .before\:bg-border1:before {
     content: var(--tw-content);
-    background-color: var(--color-surface4);
+    background-color: var(--color-border1);
   }
 
   .before\:bg-linear-to-r:before {
@@ -7202,16 +7157,6 @@
     inset: var(--spacing-0);
   }
 
-  .after\:-inset-x-1:after {
-    content: var(--tw-content);
-    inset-inline: calc(var(--spacing-1) * -1);
-  }
-
-  .after\:inset-x-\[-0\.25rem\]:after {
-    content: var(--tw-content);
-    inset-inline: -.25rem;
-  }
-
   .after\:inset-y-0:after {
     content: var(--tw-content);
     inset-block: var(--spacing-0);
@@ -7227,16 +7172,6 @@
     right: calc(var(--spacing-4) * -1);
   }
 
-  .after\:bottom-0:after {
-    content: var(--tw-content);
-    bottom: var(--spacing-0);
-  }
-
-  .after\:bottom-\[-0\.25rem\]:after {
-    content: var(--tw-content);
-    bottom: -.25rem;
-  }
-
   .after\:bottom-\[50\%\]:after {
     content: var(--tw-content);
     bottom: 50%;
@@ -7253,12 +7188,6 @@
     height: var(--spacing-4);
   }
 
-  .after\:h-px:after {
-    content: var(--tw-content);
-    height: 1px;
-    height: var(--spacing-px);
-  }
-
   .after\:w-0:after {
     content: var(--tw-content);
     width: var(--spacing-0);
@@ -7293,11 +7222,6 @@
     border-color: var(--color-neutral3);
   }
 
-  .after\:bg-border1:after {
-    content: var(--tw-content);
-    background-color: var(--color-border1);
-  }
-
   .after\:bg-border2:after {
     content: var(--tw-content);
     background-color: var(--color-border2);
@@ -9041,6 +8965,12 @@
       transition-duration: var(--tw-duration, var(--default-transition-duration));
     }
 
+    .motion-safe\:transition-opacity {
+      transition-property: opacity;
+      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+      transition-duration: var(--tw-duration, var(--default-transition-duration));
+    }
+
     .motion-safe\:duration-150 {
       --tw-duration: .15s;
       transition-duration: .15s;
@@ -9375,6 +9305,10 @@
       display: inline-flex;
     }
 
+    .lg\:w-72 {
+      width: var(--spacing-72);
+    }
+
     .lg\:min-w-sm {
       min-width: var(--container-sm);
     }
@@ -9391,10 +9325,26 @@
       grid-template-columns: 17.5rem 4.5rem 17.5rem 4.5rem minmax(0, 1fr);
     }
 
+    .lg\:flex-row {
+      flex-direction: row;
+    }
+
+    .lg\:items-center {
+      align-items: center;
+    }
+
+    .lg\:justify-between {
+      justify-content: space-between;
+    }
+
     .lg\:gap-0 {
       gap: var(--spacing-0);
     }
 
+    .lg\:gap-4 {
+      gap: var(--spacing-4);
+    }
+
     .lg\:gap-8 {
       gap: var(--spacing-8);
     }
@@ -9596,6 +9546,12 @@
     }
   }
 
+  @media (pointer: coarse) {
+    .pointer-coarse\:opacity-100 {
+      opacity: 1;
+    }
+  }
+
   @media (pointer: fine) {
     .pointer-fine\:opacity-0 {
       opacity: 0;
@@ -9618,64 +9574,8 @@
     flex: 1;
   }
 
-  .\[\&_\.data-list-row\]\:mx-0 .data-list-row {
-    margin-inline: var(--spacing-0);
-  }
-
-  .\[\&_\.data-list-row\]\:my-0 .data-list-row {
-    margin-block: var(--spacing-0);
-  }
-
-  .\[\&_\.data-list-row\]\:rounded-md .data-list-row {
-    border-radius: var(--radius-md);
-  }
-
-  .\[\&_\.data-list-row\]\:after\:pointer-events-none .data-list-row:after {
-    content: var(--tw-content);
-    pointer-events: none;
-  }
-
-  .\[\&_\.data-list-row\]\:after\:absolute .data-list-row:after {
-    content: var(--tw-content);
-    position: absolute;
-  }
-
-  .\[\&_\.data-list-row\]\:after\:inset-x-2 .data-list-row:after {
-    content: var(--tw-content);
-    inset-inline: var(--spacing-2);
-  }
-
-  .\[\&_\.data-list-row\]\:after\:-bottom-px .data-list-row:after {
-    content: var(--tw-content);
-    bottom: -1px;
-    bottom: calc(var(--spacing-px) * -1);
-  }
-
-  .\[\&_\.data-list-row\]\:after\:hidden .data-list-row:after {
-    content: var(--tw-content);
-    display: none;
-  }
-
-  .\[\&_\.data-list-row\]\:after\:h-px .data-list-row:after {
-    content: var(--tw-content);
-    height: 1px;
-    height: var(--spacing-px);
-  }
-
-  .\[\&_\.data-list-row\]\:after\:bg-neutral6\/10 .data-list-row:after {
-    content: var(--tw-content);
-    background-color: var(--color-neutral6);
-  }
-
-  @supports (color: color-mix(in lab, red, red)) {
-    .\[\&_\.data-list-row\]\:after\:bg-neutral6\/10 .data-list-row:after {
-      background-color: color-mix(in oklab, var(--color-neutral6) 10%, transparent);
-    }
-  }
-
-  .\[\&_\.data-list-row\]\:after\:content-\[\"\"\] .data-list-row:after {
-    --tw-content: "";
-    content: var(--tw-content);
+  .\[\&_\.data-list-row\]\:rounded-lg .data-list-row {
+    border-radius: var(--radius-lg);
   }
 
   .\[\&_\.data-list-row\]\:even\:bg-surface-overlay-soft .data-list-row:nth-child(2n) {
@@ -9688,11 +9588,11 @@
     }
   }
 
-  .\[\&_\.data-list-row\]\:focus-visible\:bg-surface-overlay-strong\! .data-list-row:focus-visible {
+  .\[\&_\.data-list-row\:focus-within\]\:bg-surface-overlay-strong\! .data-list-row:focus-within {
     background-color: var(--color-surface-overlay-strong) !important;
   }
 
-  .\[\&_\.data-list-row\:focus-visible\>\.data-list-sticky-start\]\:bg-\[var\(--data-list-sticky-header-hover-background\)\] .data-list-row:focus-visible > .data-list-sticky-start, .\[\&_\.data-list-row\:focus-within\>\.data-list-sticky-start\]\:bg-\[var\(--data-list-sticky-header-hover-background\)\] .data-list-row:focus-within > .data-list-sticky-start, .\[\&_\.data-list-row\:hover\>\.data-list-sticky-start\]\:bg-\[var\(--data-list-sticky-header-hover-background\)\] .data-list-row:hover > .data-list-sticky-start {
+  .\[\&_\.data-list-row\:focus-within\>\.data-list-sticky-start\]\:bg-\[var\(--data-list-sticky-header-hover-background\)\] .data-list-row:focus-within > .data-list-sticky-start, .\[\&_\.data-list-row\:hover\>\.data-list-sticky-start\]\:bg-\[var\(--data-list-sticky-header-hover-background\)\] .data-list-row:hover > .data-list-sticky-start {
     background-color: var(--data-list-sticky-header-hover-background);
   }
 
@@ -9705,89 +9605,19 @@
     right: var(--spacing-0);
   }
 
-  .\[\&_\.data-list-top\]\:mx-0 .data-list-top {
-    margin-inline: var(--spacing-0);
-  }
-
-  .\[\&_\.data-list-top\]\:rounded-t-xl .data-list-top {
-    border-top-left-radius: var(--radius-xl);
-    border-top-right-radius: var(--radius-xl);
-  }
-
-  .\[\&_\.data-list-top\]\:rounded-b-md .data-list-top {
-    border-bottom-right-radius: var(--radius-md);
-    border-bottom-left-radius: var(--radius-md);
+  .\[\&_\.data-list-top\]\:rounded-lg .data-list-top {
+    border-radius: var(--radius-lg);
   }
 
   .\[\&_\.data-list-top\]\:bg-\[var\(--data-list-sticky-header-background\)\] .data-list-top {
     background-color: var(--data-list-sticky-header-background);
   }
 
-  .\[\&_\.data-list-top\]\:after\:hidden .data-list-top:after {
-    content: var(--tw-content);
-    display: none;
-  }
-
-  .\[\&_\.data-list-top\>\*\:not\(\:first-child\)\]\:relative .data-list-top > :not(:first-child) {
-    position: relative;
-  }
-
-  .\[\&_\.data-list-top\>\*\:not\(\:first-child\)\]\:overflow-visible .data-list-top > :not(:first-child) {
-    overflow: visible;
-  }
-
-  .\[\&_\.data-list-top\>\*\:not\(\:first-child\)\]\:before\:absolute .data-list-top > :not(:first-child):before {
-    content: var(--tw-content);
-    position: absolute;
-  }
-
-  .\[\&_\.data-list-top\>\*\:not\(\:first-child\)\]\:before\:top-1\/2 .data-list-top > :not(:first-child):before {
-    content: var(--tw-content);
-    top: 50%;
-  }
-
-  .\[\&_\.data-list-top\>\*\:not\(\:first-child\)\]\:before\:-left-4 .data-list-top > :not(:first-child):before {
-    content: var(--tw-content);
-    left: calc(var(--spacing-4) * -1);
-  }
-
-  .\[\&_\.data-list-top\>\*\:not\(\:first-child\)\]\:before\:h-4 .data-list-top > :not(:first-child):before {
-    content: var(--tw-content);
-    height: var(--spacing-4);
-  }
-
-  .\[\&_\.data-list-top\>\*\:not\(\:first-child\)\]\:before\:w-px .data-list-top > :not(:first-child):before {
-    content: var(--tw-content);
-    width: 1px;
-    width: var(--spacing-px);
-  }
-
-  .\[\&_\.data-list-top\>\*\:not\(\:first-child\)\]\:before\:-translate-y-1\/2 .data-list-top > :not(:first-child):before {
-    content: var(--tw-content);
-    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
-    translate: var(--tw-translate-x) var(--tw-translate-y);
-  }
-
-  .\[\&_\.data-list-top\>\*\:not\(\:first-child\)\]\:before\:bg-border2 .data-list-top > :not(:first-child):before {
-    content: var(--tw-content);
-    background-color: var(--color-border2);
-  }
-
-  .\[\&_\.data-list-top\>\*\:not\(\:first-child\)\]\:before\:content-\[\"\"\] .data-list-top > :not(:first-child):before {
-    --tw-content: "";
-    content: var(--tw-content);
-  }
-
   .\[\&_\.data-list-top\>\.data-list-sticky-start\]\:after\:right-0 .data-list-top > .data-list-sticky-start:after {
     content: var(--tw-content);
     right: var(--spacing-0);
   }
 
-  .\[\&_\.data-list-top\>\.data-list-sticky-start\+\*\]\:before\:hidden .data-list-top > .data-list-sticky-start + :before {
-    content: var(--tw-content);
-    display: none;
-  }
-
   .\[\&_\.recharts-surface\]\:outline-none .recharts-surface {
     --tw-outline-style: none;
     outline-style: none;
@@ -10150,11 +9980,6 @@
     content: var(--tw-content);
   }
 
-  .\[\&\:has\(\+\.data-list-subheader\)\]\:after\:hidden:has( + .data-list-subheader):after {
-    content: var(--tw-content);
-    display: none;
-  }
-
   .\[\&\:has\(\+\.selected-row\)\]\:rounded-b-none:has( + .selected-row) {
     border-bottom-right-radius: var(--radius-none);
     border-bottom-left-radius: var(--radius-none);
@@ -10321,11 +10146,6 @@
     border-bottom-left-radius: var(--radius-lg);
   }
 
-  .\[\&\:not\(\:has\(\~\.data-list-row\)\)\]\:after\:hidden:not(:has( ~ .data-list-row)):after {
-    content: var(--tw-content);
-    display: none;
-  }
-
   .\[\&\>\*\]\:pointer-events-auto > * {
     pointer-events: auto;
   }
@@ -11104,6 +10924,9 @@
   --border2: oklch(100% 0 0 / .11);
   --surface-overlay-soft: oklch(100% 0 0 / .04);
   --surface-overlay-strong: oklch(100% 0 0 / .07);
+  --surface-header: oklch(15% 0 0);
+  --surface-header-hover: oklch(19% 0 0);
+  --surface-row-featured: oklch(100% 0 0 / .12);
   --shadow-main-frame: 0 14px 48px -36px oklch(0% 0 0 / .85);
   --sidebar-nav-hover: oklch(100% 0 0 / .07);
   --sidebar-nav-active: oklch(100% 0 0 / .11);
@@ -11175,6 +10998,9 @@ html.light {
   --border2: oklch(20.8% 0 0 / .16);
   --surface-overlay-soft: oklch(20.8% 0 0 / .04);
   --surface-overlay-strong: oklch(20.8% 0 0 / .07);
+  --surface-header: oklch(92.6% 0 0);
+  --surface-header-hover: oklch(90% 0 0);
+  --surface-row-featured: oklch(20.8% 0 0 / .11);
   --shadow-main-frame: 0 1px 2px oklch(24% 0 0 / .04), 0 18px 48px -34px oklch(24% 0 0 / .22);
   --sidebar-nav-hover: oklch(20.8% 0 0 / .055);
   --sidebar-nav-active: oklch(20.8% 0 0 / .085);

package/dist/{text-field-block-BGlwSFYC.cjs → text-field-block-B4CvIwKh.cjs}

@@ -30,6 +30,7 @@ function TextFieldBlock({
       /* @__PURE__ */ jsxRuntime.jsx(
         input.Input,
         {
+          id: `input-${name}`,
           name,
           disabled,
           required,
@@ -47,4 +48,4 @@ function TextFieldBlock({
 }
 
 exports.TextFieldBlock = TextFieldBlock;
-//# sourceMappingURL=text-field-block-BGlwSFYC.cjs.map
+//# sourceMappingURL=text-field-block-B4CvIwKh.cjs.map

package/dist/text-field-block-B4CvIwKh.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-field-block-B4CvIwKh.cjs","sources":["../src/ds/components/FormFieldBlocks/fields/text-field-block.tsx"],"sourcesContent":["import { Input } from '../../Input';\nimport type { InputProps } from '../../Input';\nimport { FieldBlock } from '../block/field-block';\nimport type { FieldBlockErrorMsgProps } from '../block/field-block-error-msg';\nimport type { FieldBlockHelpTextProps } from '../block/field-block-help-text';\nimport type { FieldBlockLabelProps } from '../block/field-block-label';\nimport type { FieldBlockLayoutProps } from '../block/field-block-layout';\nimport { VisuallyHidden } from '@/ds/primitives/visually-hidden';\n\nexport type TextFieldBlockProps = Pick<FieldBlockLayoutProps, 'layout' | 'labelColumnWidth'> &\n  Omit<InputProps, 'name' | 'size'> & {\n    name: string;\n    labelIsHidden?: boolean;\n    label?: FieldBlockLabelProps['children'];\n    labelSize?: FieldBlockLabelProps['size'];\n    helpText?: FieldBlockHelpTextProps['children'];\n    errorMsg?: FieldBlockErrorMsgProps['children'];\n    size?: InputProps['size'];\n  };\n\nexport function TextFieldBlock({\n  name,\n  value,\n  label,\n  labelIsHidden = false,\n  labelColumnWidth,\n  helpText,\n  errorMsg,\n  required = false,\n  disabled = false,\n  labelSize,\n  layout = 'vertical',\n  placeholder,\n  size = 'default',\n  testId,\n  className,\n  ...props\n}: TextFieldBlockProps) {\n  return (\n    <FieldBlock.Layout layout={layout} labelColumnWidth={labelColumnWidth} className={className}>\n      {layout === 'horizontal' ? (\n        <FieldBlock.Column>\n          <FieldBlock.Label name={name} required={required} size={labelSize || 'bigger'}>\n            {labelIsHidden ? <VisuallyHidden>{label}</VisuallyHidden> : label}\n          </FieldBlock.Label>\n        </FieldBlock.Column>\n      ) : null}\n      <FieldBlock.Column>\n        {!labelIsHidden && layout === 'vertical' ? (\n          <FieldBlock.Label name={name} required={required} size={labelSize || 'default'}>\n            {label}\n          </FieldBlock.Label>\n        ) : null}\n        <Input\n          id={`input-${name}`}\n          name={name}\n          disabled={disabled}\n          required={required}\n          value={value}\n          placeholder={placeholder}\n          data-testid={testId}\n          size={size}\n          {...props}\n        />\n        {helpText && <FieldBlock.HelpText>{helpText}</FieldBlock.HelpText>}\n        {errorMsg && <FieldBlock.ErrorMsg>{errorMsg}</FieldBlock.ErrorMsg>}\n      </FieldBlock.Column>\n    </FieldBlock.Layout>\n  );\n}\n"],"names":["FieldBlock","jsx","VisuallyHidden","jsxs","Input"],"mappings":";;;;;;;AAoBO,SAAS,cAAA,CAAe;AAAA,EAC7B,IAAA;AAAA,EACA,KAAA;AAAA,EACA,KAAA;AAAA,EACA,aAAA,GAAgB,KAAA;AAAA,EAChB,gBAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA,GAAW,KAAA;AAAA,EACX,QAAA,GAAW,KAAA;AAAA,EACX,SAAA;AAAA,EACA,MAAA,GAAS,UAAA;AAAA,EACT,WAAA;AAAA,EACA,IAAA,GAAO,SAAA;AAAA,EACP,MAAA;AAAA,EACA,SAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAwB;AACtB,EAAA,uCACGA,qBAAA,CAAW,MAAA,EAAX,EAAkB,MAAA,EAAgB,kBAAoC,SAAA,EACpE,QAAA,EAAA;AAAA,IAAA,MAAA,KAAW,YAAA,kCACTA,qBAAA,CAAW,MAAA,EAAX,EACC,QAAA,kBAAAC,cAAA,CAACD,qBAAA,CAAW,OAAX,EAAiB,IAAA,EAAY,UAAoB,IAAA,EAAM,SAAA,IAAa,UAClE,QAAA,EAAA,aAAA,mBAAgBC,cAAA,CAACC,sCAAgB,QAAA,EAAA,KAAA,EAAM,CAAA,GAAoB,KAAA,EAC9D,CAAA,EACF,CAAA,GACE,IAAA;AAAA,oBACJC,eAAA,CAACH,qBAAA,CAAW,MAAA,EAAX,EACE,QAAA,EAAA;AAAA,MAAA,CAAC,aAAA,IAAiB,MAAA,KAAW,UAAA,mBAC5BC,cAAA,CAACD,qBAAA,CAAW,KAAA,EAAX,EAAiB,IAAA,EAAY,QAAA,EAAoB,IAAA,EAAM,SAAA,IAAa,SAAA,EAClE,iBACH,CAAA,GACE,IAAA;AAAA,sBACJC,cAAA;AAAA,QAACG,WAAA;AAAA,QAAA;AAAA,UACC,EAAA,EAAI,SAAS,IAAI,CAAA,CAAA;AAAA,UACjB,IAAA;AAAA,UACA,QAAA;AAAA,UACA,QAAA;AAAA,UACA,KAAA;AAAA,UACA,WAAA;AAAA,UACA,aAAA,EAAa,MAAA;AAAA,UACb,IAAA;AAAA,UACC,GAAG;AAAA;AAAA,OACN;AAAA,MACC,QAAA,oBAAYH,cAAA,CAACD,qBAAA,CAAW,QAAA,EAAX,EAAqB,QAAA,EAAA,QAAA,EAAS,CAAA;AAAA,MAC3C,QAAA,oBAAYC,cAAA,CAACD,qBAAA,CAAW,QAAA,EAAX,EAAqB,QAAA,EAAA,QAAA,EAAS;AAAA,KAAA,EAC9C;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/{text-field-block-DOiM0dpY.js → text-field-block-Ddl2tJ6D.js}

@@ -28,6 +28,7 @@ function TextFieldBlock({
       /* @__PURE__ */ jsx(
         Input,
         {
+          id: `input-${name}`,
           name,
           disabled,
           required,
@@ -45,4 +46,4 @@ function TextFieldBlock({
 }
 
 export { TextFieldBlock as T };
-//# sourceMappingURL=text-field-block-DOiM0dpY.js.map
+//# sourceMappingURL=text-field-block-Ddl2tJ6D.js.map

package/dist/{text-field-block-DOiM0dpY.js.map → text-field-block-Ddl2tJ6D.js.map}

@@ -1 +1 @@
-{"version":3,"file":"text-field-block-DOiM0dpY.js","sources":["../src/ds/components/FormFieldBlocks/fields/text-field-block.tsx"],"sourcesContent":["import { Input } from '../../Input';\nimport type { InputProps } from '../../Input';\nimport { FieldBlock } from '../block/field-block';\nimport type { FieldBlockErrorMsgProps } from '../block/field-block-error-msg';\nimport type { FieldBlockHelpTextProps } from '../block/field-block-help-text';\nimport type { FieldBlockLabelProps } from '../block/field-block-label';\nimport type { FieldBlockLayoutProps } from '../block/field-block-layout';\nimport { VisuallyHidden } from '@/ds/primitives/visually-hidden';\n\nexport type TextFieldBlockProps = Pick<FieldBlockLayoutProps, 'layout' | 'labelColumnWidth'> &\n  Omit<InputProps, 'name' | 'size'> & {\n    name: string;\n    labelIsHidden?: boolean;\n    label?: FieldBlockLabelProps['children'];\n    labelSize?: FieldBlockLabelProps['size'];\n    helpText?: FieldBlockHelpTextProps['children'];\n    errorMsg?: FieldBlockErrorMsgProps['children'];\n    size?: InputProps['size'];\n  };\n\nexport function TextFieldBlock({\n  name,\n  value,\n  label,\n  labelIsHidden = false,\n  labelColumnWidth,\n  helpText,\n  errorMsg,\n  required = false,\n  disabled = false,\n  labelSize,\n  layout = 'vertical',\n  placeholder,\n  size = 'default',\n  testId,\n  className,\n  ...props\n}: TextFieldBlockProps) {\n  return (\n    <FieldBlock.Layout layout={layout} labelColumnWidth={labelColumnWidth} className={className}>\n      {layout === 'horizontal' ? (\n        <FieldBlock.Column>\n          <FieldBlock.Label name={name} required={required} size={labelSize || 'bigger'}>\n            {labelIsHidden ? <VisuallyHidden>{label}</VisuallyHidden> : label}\n          </FieldBlock.Label>\n        </FieldBlock.Column>\n      ) : null}\n      <FieldBlock.Column>\n        {!labelIsHidden && layout === 'vertical' ? (\n          <FieldBlock.Label name={name} required={required} size={labelSize || 'default'}>\n            {label}\n          </FieldBlock.Label>\n        ) : null}\n        <Input\n          name={name}\n          disabled={disabled}\n          required={required}\n          value={value}\n          placeholder={placeholder}\n          data-testid={testId}\n          size={size}\n          {...props}\n        />\n        {helpText && <FieldBlock.HelpText>{helpText}</FieldBlock.HelpText>}\n        {errorMsg && <FieldBlock.ErrorMsg>{errorMsg}</FieldBlock.ErrorMsg>}\n      </FieldBlock.Column>\n    </FieldBlock.Layout>\n  );\n}\n"],"names":[],"mappings":";;;;;AAoBO,SAAS,cAAA,CAAe;AAAA,EAC7B,IAAA;AAAA,EACA,KAAA;AAAA,EACA,KAAA;AAAA,EACA,aAAA,GAAgB,KAAA;AAAA,EAChB,gBAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA,GAAW,KAAA;AAAA,EACX,QAAA,GAAW,KAAA;AAAA,EACX,SAAA;AAAA,EACA,MAAA,GAAS,UAAA;AAAA,EACT,WAAA;AAAA,EACA,IAAA,GAAO,SAAA;AAAA,EACP,MAAA;AAAA,EACA,SAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAwB;AACtB,EAAA,4BACG,UAAA,CAAW,MAAA,EAAX,EAAkB,MAAA,EAAgB,kBAAoC,SAAA,EACpE,QAAA,EAAA;AAAA,IAAA,MAAA,KAAW,YAAA,uBACT,UAAA,CAAW,MAAA,EAAX,EACC,QAAA,kBAAA,GAAA,CAAC,UAAA,CAAW,OAAX,EAAiB,IAAA,EAAY,UAAoB,IAAA,EAAM,SAAA,IAAa,UAClE,QAAA,EAAA,aAAA,mBAAgB,GAAA,CAAC,kBAAgB,QAAA,EAAA,KAAA,EAAM,CAAA,GAAoB,KAAA,EAC9D,CAAA,EACF,CAAA,GACE,IAAA;AAAA,oBACJ,IAAA,CAAC,UAAA,CAAW,MAAA,EAAX,EACE,QAAA,EAAA;AAAA,MAAA,CAAC,aAAA,IAAiB,MAAA,KAAW,UAAA,mBAC5B,GAAA,CAAC,UAAA,CAAW,KAAA,EAAX,EAAiB,IAAA,EAAY,QAAA,EAAoB,IAAA,EAAM,SAAA,IAAa,SAAA,EAClE,iBACH,CAAA,GACE,IAAA;AAAA,sBACJ,GAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,IAAA;AAAA,UACA,QAAA;AAAA,UACA,QAAA;AAAA,UACA,KAAA;AAAA,UACA,WAAA;AAAA,UACA,aAAA,EAAa,MAAA;AAAA,UACb,IAAA;AAAA,UACC,GAAG;AAAA;AAAA,OACN;AAAA,MACC,QAAA,oBAAY,GAAA,CAAC,UAAA,CAAW,QAAA,EAAX,EAAqB,QAAA,EAAA,QAAA,EAAS,CAAA;AAAA,MAC3C,QAAA,oBAAY,GAAA,CAAC,UAAA,CAAW,QAAA,EAAX,EAAqB,QAAA,EAAA,QAAA,EAAS;AAAA,KAAA,EAC9C;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"text-field-block-Ddl2tJ6D.js","sources":["../src/ds/components/FormFieldBlocks/fields/text-field-block.tsx"],"sourcesContent":["import { Input } from '../../Input';\nimport type { InputProps } from '../../Input';\nimport { FieldBlock } from '../block/field-block';\nimport type { FieldBlockErrorMsgProps } from '../block/field-block-error-msg';\nimport type { FieldBlockHelpTextProps } from '../block/field-block-help-text';\nimport type { FieldBlockLabelProps } from '../block/field-block-label';\nimport type { FieldBlockLayoutProps } from '../block/field-block-layout';\nimport { VisuallyHidden } from '@/ds/primitives/visually-hidden';\n\nexport type TextFieldBlockProps = Pick<FieldBlockLayoutProps, 'layout' | 'labelColumnWidth'> &\n  Omit<InputProps, 'name' | 'size'> & {\n    name: string;\n    labelIsHidden?: boolean;\n    label?: FieldBlockLabelProps['children'];\n    labelSize?: FieldBlockLabelProps['size'];\n    helpText?: FieldBlockHelpTextProps['children'];\n    errorMsg?: FieldBlockErrorMsgProps['children'];\n    size?: InputProps['size'];\n  };\n\nexport function TextFieldBlock({\n  name,\n  value,\n  label,\n  labelIsHidden = false,\n  labelColumnWidth,\n  helpText,\n  errorMsg,\n  required = false,\n  disabled = false,\n  labelSize,\n  layout = 'vertical',\n  placeholder,\n  size = 'default',\n  testId,\n  className,\n  ...props\n}: TextFieldBlockProps) {\n  return (\n    <FieldBlock.Layout layout={layout} labelColumnWidth={labelColumnWidth} className={className}>\n      {layout === 'horizontal' ? (\n        <FieldBlock.Column>\n          <FieldBlock.Label name={name} required={required} size={labelSize || 'bigger'}>\n            {labelIsHidden ? <VisuallyHidden>{label}</VisuallyHidden> : label}\n          </FieldBlock.Label>\n        </FieldBlock.Column>\n      ) : null}\n      <FieldBlock.Column>\n        {!labelIsHidden && layout === 'vertical' ? (\n          <FieldBlock.Label name={name} required={required} size={labelSize || 'default'}>\n            {label}\n          </FieldBlock.Label>\n        ) : null}\n        <Input\n          id={`input-${name}`}\n          name={name}\n          disabled={disabled}\n          required={required}\n          value={value}\n          placeholder={placeholder}\n          data-testid={testId}\n          size={size}\n          {...props}\n        />\n        {helpText && <FieldBlock.HelpText>{helpText}</FieldBlock.HelpText>}\n        {errorMsg && <FieldBlock.ErrorMsg>{errorMsg}</FieldBlock.ErrorMsg>}\n      </FieldBlock.Column>\n    </FieldBlock.Layout>\n  );\n}\n"],"names":[],"mappings":";;;;;AAoBO,SAAS,cAAA,CAAe;AAAA,EAC7B,IAAA;AAAA,EACA,KAAA;AAAA,EACA,KAAA;AAAA,EACA,aAAA,GAAgB,KAAA;AAAA,EAChB,gBAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA,GAAW,KAAA;AAAA,EACX,QAAA,GAAW,KAAA;AAAA,EACX,SAAA;AAAA,EACA,MAAA,GAAS,UAAA;AAAA,EACT,WAAA;AAAA,EACA,IAAA,GAAO,SAAA;AAAA,EACP,MAAA;AAAA,EACA,SAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAwB;AACtB,EAAA,4BACG,UAAA,CAAW,MAAA,EAAX,EAAkB,MAAA,EAAgB,kBAAoC,SAAA,EACpE,QAAA,EAAA;AAAA,IAAA,MAAA,KAAW,YAAA,uBACT,UAAA,CAAW,MAAA,EAAX,EACC,QAAA,kBAAA,GAAA,CAAC,UAAA,CAAW,OAAX,EAAiB,IAAA,EAAY,UAAoB,IAAA,EAAM,SAAA,IAAa,UAClE,QAAA,EAAA,aAAA,mBAAgB,GAAA,CAAC,kBAAgB,QAAA,EAAA,KAAA,EAAM,CAAA,GAAoB,KAAA,EAC9D,CAAA,EACF,CAAA,GACE,IAAA;AAAA,oBACJ,IAAA,CAAC,UAAA,CAAW,MAAA,EAAX,EACE,QAAA,EAAA;AAAA,MAAA,CAAC,aAAA,IAAiB,MAAA,KAAW,UAAA,mBAC5B,GAAA,CAAC,UAAA,CAAW,KAAA,EAAX,EAAiB,IAAA,EAAY,QAAA,EAAoB,IAAA,EAAM,SAAA,IAAa,SAAA,EAClE,iBACH,CAAA,GACE,IAAA;AAAA,sBACJ,GAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,EAAA,EAAI,SAAS,IAAI,CAAA,CAAA;AAAA,UACjB,IAAA;AAAA,UACA,QAAA;AAAA,UACA,QAAA;AAAA,UACA,KAAA;AAAA,UACA,WAAA;AAAA,UACA,aAAA,EAAa,MAAA;AAAA,UACb,IAAA;AAAA,UACC,GAAG;AAAA;AAAA,OACN;AAAA,MACC,QAAA,oBAAY,GAAA,CAAC,UAAA,CAAW,QAAA,EAAX,EAAqB,QAAA,EAAA,QAAA,EAAS,CAAA;AAAA,MAC3C,QAAA,oBAAY,GAAA,CAAC,UAAA,CAAW,QAAA,EAAX,EAAqB,QAAA,EAAA,QAAA,EAAS;AAAA,KAAA,EAC9C;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/{traces-data-list-CyaLRi1n.cjs → traces-data-list-BLZgf-Es.cjs}

@@ -1,8 +1,8 @@
 'use strict';
 
 const jsxRuntime = require('react/jsx-runtime');
-const dataListTopCell = require('./data-list-top-cell-DyBSefIr.cjs');
-const dataList = require('./data-list-BK_lJxMN.cjs');
+const dataListTopCell = require('./data-list-top-cell-BOXO5s7I.cjs');
+const dataList = require('./data-list-CCacNODd.cjs');
 const lucideReact = require('lucide-react');
 const tooltip = require('./tooltip-DMOZ2oaq.cjs');
 const icons_AgentIcon = require('./icons/AgentIcon.cjs.js');
@@ -15,7 +15,7 @@ function TracesDataListNameCell({ name, parentSpanId, showLevelTooltip }) {
   const Icon = isRoot ? lucideReact.ListTreeIcon : lucideReact.CornerDownRightIcon;
   const label = isRoot ? "Trace" : "Subtrace";
   const icon = /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-label": label, className: "inline-flex shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: utils_cn.cn("size-4 shrink-0", isRoot ? "text-neutral3" : "text-neutral2"), "aria-hidden": true }) });
-  return /* @__PURE__ */ jsxRuntime.jsxs(dataListTopCell.DataListCell, { height: "compact", className: "text-ui-smd text-neutral4 flex min-w-0 items-center gap-2", children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(dataListTopCell.DataListCell, { className: "text-ui-smd text-neutral4 flex min-w-0 items-center gap-2", children: [
     showLevelTooltip ? /* @__PURE__ */ jsxRuntime.jsxs(tooltip.Tooltip, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(tooltip.TooltipTrigger, { asChild: true, children: icon }),
       /* @__PURE__ */ jsxRuntime.jsx(tooltip.TooltipContent, { children: label })
@@ -24,7 +24,7 @@ function TracesDataListNameCell({ name, parentSpanId, showLevelTooltip }) {
   ] });
 }
 function TracesDataListInputCell({ input }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(dataListTopCell.DataListMonoCell, { children: input || "-" });
+  return /* @__PURE__ */ jsxRuntime.jsx(dataListTopCell.DataListTextCell, { font: "mono", children: input || "-" });
 }
 function EntityTypeIcon({ entityType, className }) {
   const iconClass = utils_cn.cn("size-3.5 shrink-0 text-neutral2", className);
@@ -41,7 +41,7 @@ function EntityTypeIcon({ entityType, className }) {
 }
 function TracesDataListEntityCell({ entityType, entityName }) {
   const type = entityType ?? "";
-  return /* @__PURE__ */ jsxRuntime.jsxs(dataListTopCell.DataListCell, { height: "compact", className: "flex min-w-0 items-center gap-2", children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(dataListTopCell.DataListCell, { className: "flex min-w-0 items-center gap-2", children: [
     /* @__PURE__ */ jsxRuntime.jsx(EntityTypeIcon, { entityType: type }),
     entityName ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-ui-smd min-w-0 truncate", children: entityName }) : "-"
   ] });
@@ -58,7 +58,7 @@ const STATUS_CONFIG = {
 function TracesDataListStatusCell({ status }) {
   const key = (status ?? "unset").toLowerCase();
   const config = STATUS_CONFIG[key] ?? UNSET_STATUS_CONFIG;
-  return /* @__PURE__ */ jsxRuntime.jsx(dataListTopCell.DataListCell, { height: "compact", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-ui-sm font-semibold uppercase", style: { color: config.color }, children: config.label }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(dataListTopCell.DataListCell, { children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-ui-sm font-semibold uppercase", style: { color: config.color }, children: config.label }) });
 }
 
 function TracesDataListRoot(props) {
@@ -84,4 +84,4 @@ const TracesDataList = Object.assign(TracesDataListRoot, {
 });
 
 exports.TracesDataList = TracesDataList;
-//# sourceMappingURL=traces-data-list-CyaLRi1n.cjs.map
+//# sourceMappingURL=traces-data-list-BLZgf-Es.cjs.map

package/dist/traces-data-list-BLZgf-Es.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"traces-data-list-BLZgf-Es.cjs","sources":["../src/ds/components/DataList/TracesDataList/traces-data-list-cells.tsx","../src/ds/components/DataList/TracesDataList/traces-data-list.tsx"],"sourcesContent":["import { CornerDownRightIcon, ListTreeIcon } from 'lucide-react';\nimport { DataListCell, DataListTextCell } from '../data-list-cells';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { AgentIcon } from '@/ds/icons/AgentIcon';\nimport { WorkflowIcon } from '@/ds/icons/WorkflowIcon';\nimport { Colors } from '@/ds/tokens/colors';\nimport { cn } from '@/lib/utils';\n\n// ---------------------------------------------------------------------------\n// NameCell\n// ---------------------------------------------------------------------------\n\nexport interface TracesDataListNameCellProps {\n  name?: string | null;\n  /** `null`/missing → root span (Trace). Set → nested span (Subtrace). Drives the leading level icon. */\n  parentSpanId?: string | null;\n  /** When true, the leading level icon is wrapped in a Trace/Subtrace tooltip. Off by default —\n   *  only meaningful in branches mode, where rows mix root traces and subtraces. */\n  showLevelTooltip?: boolean;\n}\n\nexport function TracesDataListNameCell({ name, parentSpanId, showLevelTooltip }: TracesDataListNameCellProps) {\n  const isRoot = parentSpanId == null;\n  const Icon = isRoot ? ListTreeIcon : CornerDownRightIcon;\n  const label = isRoot ? 'Trace' : 'Subtrace';\n  const icon = (\n    <span aria-label={label} className=\"inline-flex shrink-0\">\n      <Icon className={cn('size-4 shrink-0', isRoot ? 'text-neutral3' : 'text-neutral2')} aria-hidden />\n    </span>\n  );\n  return (\n    <DataListCell className=\"text-ui-smd text-neutral4 flex min-w-0 items-center gap-2\">\n      {showLevelTooltip ? (\n        <Tooltip>\n          <TooltipTrigger asChild>{icon}</TooltipTrigger>\n          <TooltipContent>{label}</TooltipContent>\n        </Tooltip>\n      ) : (\n        icon\n      )}\n      <span className=\"min-w-0 truncate\">{name || '-'}</span>\n    </DataListCell>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// InputCell\n// ---------------------------------------------------------------------------\n\nexport interface TracesDataListInputCellProps {\n  input?: string | null;\n}\n\nexport function TracesDataListInputCell({ input }: TracesDataListInputCellProps) {\n  return <DataListTextCell font=\"mono\">{input || '-'}</DataListTextCell>;\n}\n\n// ---------------------------------------------------------------------------\n// EntityCell\n// ---------------------------------------------------------------------------\n\nfunction EntityTypeIcon({ entityType, className }: { entityType: string; className?: string }) {\n  const iconClass = cn('size-3.5 shrink-0 text-neutral2', className);\n  const normalizedEntityType = entityType.toLowerCase();\n\n  switch (normalizedEntityType) {\n    case 'agent':\n      return <AgentIcon className={iconClass} aria-hidden />;\n    case 'workflow':\n    case 'workflow_run':\n      return <WorkflowIcon className={iconClass} aria-hidden />;\n    default:\n      return null;\n  }\n}\n\nexport interface TracesDataListEntityCellProps {\n  entityType?: string | null;\n  entityName?: string | null;\n}\n\nexport function TracesDataListEntityCell({ entityType, entityName }: TracesDataListEntityCellProps) {\n  const type = entityType ?? '';\n\n  return (\n    <DataListCell className=\"flex min-w-0 items-center gap-2\">\n      <EntityTypeIcon entityType={type} />\n      {entityName ? <span className=\"text-ui-smd min-w-0 truncate\">{entityName}</span> : '-'}\n    </DataListCell>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// StatusCell\n// ---------------------------------------------------------------------------\n\nconst UNSET_STATUS_CONFIG = { label: '-', color: Colors.neutral4 };\n\nconst STATUS_CONFIG: Record<string, { label: string; color: string }> = {\n  completed: { label: 'OK', color: Colors.accent1 },\n  ok: { label: 'OK', color: Colors.accent1 },\n  success: { label: 'OK', color: Colors.accent1 },\n  error: { label: 'ERR', color: Colors.error },\n  running: { label: 'RUN', color: Colors.neutral4 },\n  unset: UNSET_STATUS_CONFIG,\n};\n\nexport interface TracesDataListStatusCellProps {\n  status?: string | null;\n}\n\nexport function TracesDataListStatusCell({ status }: TracesDataListStatusCellProps) {\n  const key = (status ?? 'unset').toLowerCase();\n  const config = STATUS_CONFIG[key] ?? UNSET_STATUS_CONFIG;\n\n  return (\n    <DataListCell>\n      <span className=\"text-ui-sm font-semibold uppercase\" style={{ color: config.color }}>\n        {config.label}\n      </span>\n    </DataListCell>\n  );\n}\n","import type { ComponentProps } from 'react';\nimport { DataListDateCell, DataListIdCell, DataListTimeCell } from '../data-list-cells';\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 { DataListSpacer } from '../data-list-spacer';\nimport { DataListSubheader } from '../data-list-subheader';\nimport { DataListSubHeading } from '../data-list-subheading';\nimport { DataListTop } from '../data-list-top';\nimport { DataListTopCell, DataListTopCellWithTooltip } from '../data-list-top-cell';\nimport {\n  TracesDataListNameCell,\n  TracesDataListInputCell,\n  TracesDataListEntityCell,\n  TracesDataListStatusCell,\n} from './traces-data-list-cells';\n\nfunction TracesDataListRoot(props: ComponentProps<typeof DataListRoot>) {\n  return <DataListRoot {...props} />;\n}\n\nexport const TracesDataList = Object.assign(TracesDataListRoot, {\n  Top: DataListTop,\n  TopCell: DataListTopCell,\n  TopCellWithTooltip: DataListTopCellWithTooltip,\n  RowButton: DataListRowButton,\n  NoMatch: DataListNoMatch,\n  Subheader: DataListSubheader,\n  SubHeading: DataListSubHeading,\n  Spacer: DataListSpacer,\n  IdCell: DataListIdCell,\n  DateCell: DataListDateCell,\n  TimeCell: DataListTimeCell,\n  NameCell: TracesDataListNameCell,\n  InputCell: TracesDataListInputCell,\n  EntityCell: TracesDataListEntityCell,\n  StatusCell: TracesDataListStatusCell,\n  NextPageLoading: DataListNextPageLoading,\n});\n"],"names":["ListTreeIcon","CornerDownRightIcon","jsx","cn","jsxs","DataListCell","Tooltip","TooltipTrigger","TooltipContent","DataListTextCell","AgentIcon","WorkflowIcon","Colors","DataListRoot","DataListTop","DataListTopCell","DataListTopCellWithTooltip","DataListRowButton","DataListNoMatch","DataListSubheader","DataListSubHeading","DataListSpacer","DataListIdCell","DataListDateCell","DataListTimeCell","DataListNextPageLoading"],"mappings":"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"}