@mastra/playground-ui 55.0.0 → 56.0.0-alpha.5

package/dist/kbd-DB7Dmf_Y.js

@@ -0,0 +1,32 @@
+import { jsx } from 'react/jsx-runtime';
+import { transitions } from './primitives/transitions.es.js';
+import { c as cn } from './cn-Dxjsbr9n.js';
+
+const themeClasses = {
+  light: "bg-gray-100 border-gray-300 text-gray-700 shadow-[0_1px_0_rgba(0,0,0,0.1)]",
+  dark: "bg-surface4 border-border1 text-neutral5 shadow-[0_1px_0_rgba(0,0,0,0.3)]"
+};
+const sizeClasses = {
+  default: "h-6 min-w-6 rounded-md px-1.5 text-ui-sm",
+  sm: "h-5 min-w-5 rounded-md px-1 text-ui-xs",
+  xs: "h-4 min-w-4 rounded px-1 text-ui-xs leading-none"
+};
+const Kbd = ({ children, theme = "dark", size = "default", className }) => {
+  return /* @__PURE__ */ jsx(
+    "kbd",
+    {
+      className: cn(
+        "inline-flex items-center justify-center border font-mono",
+        sizeClasses[size],
+        transitions.transform,
+        "active:scale-95 active:shadow-none",
+        themeClasses[theme],
+        className
+      ),
+      children
+    }
+  );
+};
+
+export { Kbd as K };
+//# sourceMappingURL=kbd-DB7Dmf_Y.js.map

package/dist/kbd-DB7Dmf_Y.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"kbd-DB7Dmf_Y.js","sources":["../src/ds/components/Kbd/kbd.tsx"],"sourcesContent":["import { transitions } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nexport type KbdProps = {\n  children: React.ReactNode;\n  theme?: 'light' | 'dark';\n  size?: 'default' | 'sm' | 'xs';\n  className?: string;\n};\n\nconst themeClasses: Record<NonNullable<KbdProps['theme']>, string> = {\n  light: 'bg-gray-100 border-gray-300 text-gray-700 shadow-[0_1px_0_rgba(0,0,0,0.1)]',\n  dark: 'bg-surface4 border-border1 text-neutral5 shadow-[0_1px_0_rgba(0,0,0,0.3)]',\n};\n\n// Fixed heights, not padding — `font-mono` normal leading varies per glyph set and desyncs the scale\nconst sizeClasses: Record<NonNullable<KbdProps['size']>, string> = {\n  default: 'h-6 min-w-6 rounded-md px-1.5 text-ui-sm',\n  sm: 'h-5 min-w-5 rounded-md px-1 text-ui-xs',\n  xs: 'h-4 min-w-4 rounded px-1 text-ui-xs leading-none',\n};\n\nexport const Kbd = ({ children, theme = 'dark', size = 'default', className }: KbdProps) => {\n  return (\n    <kbd\n      className={cn(\n        'inline-flex items-center justify-center border font-mono',\n        sizeClasses[size],\n        transitions.transform,\n        'active:scale-95 active:shadow-none',\n        themeClasses[theme],\n        className,\n      )}\n    >\n      {children}\n    </kbd>\n  );\n};\n"],"names":[],"mappings":";;;;AAUA,MAAM,YAAA,GAA+D;AAAA,EACnE,KAAA,EAAO,4EAAA;AAAA,EACP,IAAA,EAAM;AACR,CAAA;AAGA,MAAM,WAAA,GAA6D;AAAA,EACjE,OAAA,EAAS,0CAAA;AAAA,EACT,EAAA,EAAI,wCAAA;AAAA,EACJ,EAAA,EAAI;AACN,CAAA;AAEO,MAAM,GAAA,GAAM,CAAC,EAAE,QAAA,EAAU,QAAQ,MAAA,EAAQ,IAAA,GAAO,SAAA,EAAW,SAAA,EAAU,KAAgB;AAC1F,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,EAAA;AAAA,QACT,0DAAA;AAAA,QACA,YAAY,IAAI,CAAA;AAAA,QAChB,WAAA,CAAY,SAAA;AAAA,QACZ,oCAAA;AAAA,QACA,aAAa,KAAK,CAAA;AAAA,QAClB;AAAA,OACF;AAAA,MAEC;AAAA;AAAA,GACH;AAEJ;;;;"}

package/dist/label-BBPnGszd.js

@@ -0,0 +1,13 @@
+import { jsx } from 'react/jsx-runtime';
+import { c as cva } from './index-BXfwV6wk.js';
+import * as React from 'react';
+import { c as cn } from './cn-Dxjsbr9n.js';
+
+const labelVariants = cva("text-ui-sm leading-ui-sm peer-disabled:cursor-not-allowed peer-disabled:opacity-70");
+const Label = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx("label", { ref, className: cn(labelVariants(), className), ...props })
+);
+Label.displayName = "Label";
+
+export { Label as L };
+//# sourceMappingURL=label-BBPnGszd.js.map

package/dist/label-BBPnGszd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"label-BBPnGszd.js","sources":["../src/ds/components/Label/label.tsx"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport * as React from 'react';\n\nimport { cn } from '@/lib/utils';\n\nconst labelVariants = cva('text-ui-sm leading-ui-sm peer-disabled:cursor-not-allowed peer-disabled:opacity-70');\n\nconst Label = React.forwardRef<HTMLLabelElement, React.ComponentPropsWithoutRef<'label'>>(\n  ({ className, ...props }, ref) => <label ref={ref} className={cn(labelVariants(), className)} {...props} />,\n);\nLabel.displayName = 'Label';\n\nexport { Label };\n"],"names":[],"mappings":";;;;;AAKA,MAAM,aAAA,GAAgB,IAAI,oFAAoF,CAAA;AAE9G,MAAM,QAAQ,KAAA,CAAM,UAAA;AAAA,EAClB,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,IAAS,GAAA,qBAAQ,GAAA,CAAC,OAAA,EAAA,EAAM,GAAA,EAAU,WAAW,EAAA,CAAG,aAAA,IAAiB,SAAS,CAAA,EAAI,GAAG,KAAA,EAAO;AAC3G;AACA,KAAA,CAAM,WAAA,GAAc,OAAA;;;;"}

package/dist/label-DzQOqIjw.cjs

@@ -0,0 +1,34 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const index = require('./index-Bk0d-AeX.cjs');
+const React = require('react');
+const utils_cn = require('./cn-DPfV6E6L.cjs');
+
+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);
+
+const labelVariants = index.cva("text-ui-sm leading-ui-sm peer-disabled:cursor-not-allowed peer-disabled:opacity-70");
+const Label = React__namespace.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("label", { ref, className: utils_cn.cn(labelVariants(), className), ...props })
+);
+Label.displayName = "Label";
+
+exports.Label = Label;
+//# sourceMappingURL=label-DzQOqIjw.cjs.map

package/dist/label-DzQOqIjw.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"label-DzQOqIjw.cjs","sources":["../src/ds/components/Label/label.tsx"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport * as React from 'react';\n\nimport { cn } from '@/lib/utils';\n\nconst labelVariants = cva('text-ui-sm leading-ui-sm peer-disabled:cursor-not-allowed peer-disabled:opacity-70');\n\nconst Label = React.forwardRef<HTMLLabelElement, React.ComponentPropsWithoutRef<'label'>>(\n  ({ className, ...props }, ref) => <label ref={ref} className={cn(labelVariants(), className)} {...props} />,\n);\nLabel.displayName = 'Label';\n\nexport { Label };\n"],"names":["cva","React","jsx","cn"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,MAAM,aAAA,GAAgBA,UAAI,oFAAoF,CAAA;AAE9G,MAAM,QAAQC,gBAAA,CAAM,UAAA;AAAA,EAClB,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,IAAS,GAAA,qBAAQC,cAAA,CAAC,OAAA,EAAA,EAAM,GAAA,EAAU,WAAWC,WAAA,CAAG,aAAA,IAAiB,SAAS,CAAA,EAAI,GAAG,KAAA,EAAO;AAC3G;AACA,KAAA,CAAM,WAAA,GAAc,OAAA;;;;"}

package/dist/layout/tabbed-container.cjs.js

@@ -5,15 +5,15 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 require('../tabbed-container.css');const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
 const React = require('react');
-const combobox = require('../combobox-DO__6QlF.cjs');
-const dataList = require('../data-list-4_cVlINT.cjs');
-const listSearch = require('../list-search-BwcO9d9M.cjs');
-const tabsContent = require('../tabs-content-CV7YrtD1.cjs');
+const combobox = require('../combobox-D8Q-oa8_.cjs');
+const dataList = require('../data-list-DjSl3F2g.cjs');
+const listSearch = require('../list-search-BnVN4tCC.cjs');
+const tabsContent = require('../tabs-content-BlFddYrd.cjs');
 const tabsContext = require('../tabs-context-pnspPkI-.cjs');
-const tabsRoot = require('../tabs-root-Dw7gHsnZ.cjs');
-const tabsTab = require('../tabs-tab-CP-kzlvB.cjs');
-const tooltip = require('../tooltip-BsSNtmxl.cjs');
-const utils_cn = require('../cn-DnbTIGXa.cjs');
+const tabsRoot = require('../tabs-root-C9QBXz5M.cjs');
+const tabsTab = require('../tabs-tab-Bm3yxYaU.cjs');
+const tooltip = require('../tooltip-D9ylrXmx.cjs');
+const utils_cn = require('../cn-DPfV6E6L.cjs');
 
 const TabbedContainerPanel = ({ value, children, className }) => /* @__PURE__ */ jsxRuntime.jsx(tabsContent.TabContent, { value, keepMounted: true, className: utils_cn.cn("min-h-0 flex-1", className), children });
 const TabbedContainerDataList = ({ value, columns, fit, children, className }) => /* @__PURE__ */ jsxRuntime.jsx(tabsContent.TabContent, { value, keepMounted: true, className: utils_cn.cn("tabbed-container-data-list min-h-0 flex-1", className), children: /* @__PURE__ */ jsxRuntime.jsx(dataList.DataList, { columns, fit, variant: "light", className: "min-h-0 px-0 pb-0", children }) });

package/dist/layout/tabbed-container.es.js

@@ -1,15 +1,15 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { ListFilterIcon } from 'lucide-react';
 import { Children, isValidElement, useContext } from 'react';
-import { C as Combobox } from '../combobox-Ua6bvpM8.js';
-import { D as DataList } from '../data-list-Bm70XKg_.js';
-import { L as ListSearch } from '../list-search-C8FBcDpo.js';
-import { T as TabContent } from '../tabs-content-CW6RtAEV.js';
+import { C as Combobox } from '../combobox-0lN2FQ8-.js';
+import { D as DataList } from '../data-list-CIUOCtR5.js';
+import { L as ListSearch } from '../list-search-DQoVumEX.js';
+import { T as TabContent } from '../tabs-content-CmPMnkWh.js';
 import { a as TabsContext } from '../tabs-context-BknR9-GX.js';
-import { a as Tabs, T as TabList } from '../tabs-root-BAy8m6GO.js';
-import { T as Tab } from '../tabs-tab-K5mQhs7r.js';
-import { b as TooltipProvider, T as Tooltip, c as TooltipTrigger, a as TooltipContent } from '../tooltip-Vj_jjcxE.js';
-import { c as cn } from '../cn-ByEbywDh.js';
+import { a as Tabs, T as TabList } from '../tabs-root-BQher6zA.js';
+import { T as Tab } from '../tabs-tab-s-H_a_rq.js';
+import { b as TooltipProvider, T as Tooltip, c as TooltipTrigger, a as TooltipContent } from '../tooltip-D1PLTHDf.js';
+import { c as cn } from '../cn-Dxjsbr9n.js';
 
 import '../tabbed-container.css';const TabbedContainerPanel = ({ value, children, className }) => /* @__PURE__ */ jsx(TabContent, { value, keepMounted: true, className: cn("min-h-0 flex-1", className), children });
 const TabbedContainerDataList = ({ value, columns, fit, children, className }) => /* @__PURE__ */ jsx(TabContent, { value, keepMounted: true, className: cn("tabbed-container-data-list min-h-0 flex-1", className), children: /* @__PURE__ */ jsx(DataList, { columns, fit, variant: "light", className: "min-h-0 px-0 pb-0", children }) });

package/dist/list-search-BnVN4tCC.cjs

@@ -0,0 +1,73 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const React = require('react');
+const useDebounce = require('use-debounce');
+const searchFieldBlock = require('./search-field-block-DOVzCqW2.cjs');
+const keyboard_useKeydown = require('./keyboard/use-keydown.cjs.js');
+require('./keyboard/keyboard-shortcuts-context.cjs.js');
+
+const ListSearch = ({
+  onSearch,
+  label,
+  placeholder,
+  debounceMs = 300,
+  size,
+  value: controlledValue,
+  variant = "outline",
+  shortcutDisabled = false
+}) => {
+  const id = React.useId();
+  const [internalValue, setInternalValue] = React.useState(controlledValue ?? "");
+  const inputRef = React.useRef(null);
+  keyboard_useKeydown.useKeydown(
+    {
+      "mod+shift+f": () => {
+        inputRef.current?.focus();
+        inputRef.current?.select();
+      }
+    },
+    { enabled: !shortcutDisabled }
+  );
+  const debouncedSearch = useDebounce.useDebouncedCallback((val) => {
+    onSearch(val);
+  }, debounceMs);
+  React.useEffect(() => {
+    if (controlledValue !== void 0) {
+      debouncedSearch.cancel();
+      setInternalValue(controlledValue);
+    }
+  }, [controlledValue, debouncedSearch]);
+  React.useEffect(() => () => debouncedSearch.cancel(), [debouncedSearch]);
+  const handleChange = React.useCallback(
+    (e) => {
+      setInternalValue(e.target.value);
+      debouncedSearch(e.target.value);
+    },
+    [debouncedSearch]
+  );
+  const handleReset = React.useCallback(() => {
+    setInternalValue("");
+    onSearch("");
+    debouncedSearch.cancel();
+  }, [onSearch, debouncedSearch]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    searchFieldBlock.SearchFieldBlock,
+    {
+      name: id,
+      label,
+      labelIsHidden: true,
+      placeholder,
+      value: internalValue,
+      onChange: handleChange,
+      onReset: handleReset,
+      size,
+      variant,
+      inputRef,
+      className: "w-full max-w-120"
+    }
+  );
+};
+
+exports.ListSearch = ListSearch;
+//# sourceMappingURL=list-search-BnVN4tCC.cjs.map

package/dist/list-search-BnVN4tCC.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-search-BnVN4tCC.cjs","sources":["../src/ds/components/ListSearch/list-search.tsx"],"sourcesContent":["import { useCallback, useEffect, useId, useRef, useState } from 'react';\nimport { useDebouncedCallback } from 'use-debounce';\nimport { SearchFieldBlock } from '@/ds/components/FormFieldBlocks/fields/search-field-block';\nimport type { InputProps } from '@/ds/components/Input';\nimport { useKeydown } from '@/lib/keyboard';\n\nexport type ListSearchProps = {\n  onSearch: (search: string) => void;\n  label: string;\n  placeholder: string;\n  debounceMs?: number;\n  size?: InputProps['size'];\n  /**\n   * Optional controlled value. When provided, ListSearch stays in sync with this\n   * prop — useful when the parent needs to clear the input programmatically\n   * (e.g. from a Reset button). If omitted, ListSearch manages its own state.\n   */\n  value?: string;\n  variant?: InputProps['variant'];\n  /**\n   * Opts out of the Cmd/Ctrl+Shift+F focus shortcut. Pass this on secondary\n   * instances so two search fields on the same page don't fight over focus.\n   */\n  shortcutDisabled?: boolean;\n};\n\nexport const ListSearch = ({\n  onSearch,\n  label,\n  placeholder,\n  debounceMs = 300,\n  size,\n  value: controlledValue,\n  variant = 'outline',\n  shortcutDisabled = false,\n}: ListSearchProps) => {\n  const id = useId();\n  const [internalValue, setInternalValue] = useState(controlledValue ?? '');\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  useKeydown(\n    {\n      'mod+shift+f': () => {\n        inputRef.current?.focus();\n        inputRef.current?.select();\n      },\n    },\n    { enabled: !shortcutDisabled },\n  );\n\n  const debouncedSearch = useDebouncedCallback((val: string) => {\n    onSearch(val);\n  }, debounceMs);\n\n  // Sync internal state with controlled value (e.g. parent Reset clears it to '').\n  // Also cancel any pending debounced callback so a stale handleChange call\n  // can't overwrite the newly-applied controlled value.\n  useEffect(() => {\n    if (controlledValue !== undefined) {\n      debouncedSearch.cancel();\n      setInternalValue(controlledValue);\n    }\n  }, [controlledValue, debouncedSearch]);\n\n  useEffect(() => () => debouncedSearch.cancel(), [debouncedSearch]);\n\n  const handleChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      setInternalValue(e.target.value);\n      debouncedSearch(e.target.value);\n    },\n    [debouncedSearch],\n  );\n\n  const handleReset = useCallback(() => {\n    setInternalValue('');\n    onSearch('');\n    debouncedSearch.cancel();\n  }, [onSearch, debouncedSearch]);\n\n  return (\n    <SearchFieldBlock\n      name={id}\n      label={label}\n      labelIsHidden\n      placeholder={placeholder}\n      value={internalValue}\n      onChange={handleChange}\n      onReset={handleReset}\n      size={size}\n      variant={variant}\n      inputRef={inputRef}\n      className=\"w-full max-w-120\"\n    />\n  );\n};\n"],"names":["useId","useState","useRef","useKeydown","useDebouncedCallback","useEffect","useCallback","jsx","SearchFieldBlock"],"mappings":";;;;;;;;;AA0BO,MAAM,aAAa,CAAC;AAAA,EACzB,QAAA;AAAA,EACA,KAAA;AAAA,EACA,WAAA;AAAA,EACA,UAAA,GAAa,GAAA;AAAA,EACb,IAAA;AAAA,EACA,KAAA,EAAO,eAAA;AAAA,EACP,OAAA,GAAU,SAAA;AAAA,EACV,gBAAA,GAAmB;AACrB,CAAA,KAAuB;AACrB,EAAA,MAAM,KAAKA,WAAA,EAAM;AACjB,EAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAIC,cAAA,CAAS,mBAAmB,EAAE,CAAA;AACxE,EAAA,MAAM,QAAA,GAAWC,aAAyB,IAAI,CAAA;AAE9C,EAAAC,8BAAA;AAAA,IACE;AAAA,MACE,eAAe,MAAM;AACnB,QAAA,QAAA,CAAS,SAAS,KAAA,EAAM;AACxB,QAAA,QAAA,CAAS,SAAS,MAAA,EAAO;AAAA,MAC3B;AAAA,KACF;AAAA,IACA,EAAE,OAAA,EAAS,CAAC,gBAAA;AAAiB,GAC/B;AAEA,EAAA,MAAM,eAAA,GAAkBC,gCAAA,CAAqB,CAAC,GAAA,KAAgB;AAC5D,IAAA,QAAA,CAAS,GAAG,CAAA;AAAA,EACd,GAAG,UAAU,CAAA;AAKb,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,IAAI,oBAAoB,MAAA,EAAW;AACjC,MAAA,eAAA,CAAgB,MAAA,EAAO;AACvB,MAAA,gBAAA,CAAiB,eAAe,CAAA;AAAA,IAClC;AAAA,EACF,CAAA,EAAG,CAAC,eAAA,EAAiB,eAAe,CAAC,CAAA;AAErC,EAAAA,eAAA,CAAU,MAAM,MAAM,eAAA,CAAgB,QAAO,EAAG,CAAC,eAAe,CAAC,CAAA;AAEjE,EAAA,MAAM,YAAA,GAAeC,iBAAA;AAAA,IACnB,CAAC,CAAA,KAA2C;AAC1C,MAAA,gBAAA,CAAiB,CAAA,CAAE,OAAO,KAAK,CAAA;AAC/B,MAAA,eAAA,CAAgB,CAAA,CAAE,OAAO,KAAK,CAAA;AAAA,IAChC,CAAA;AAAA,IACA,CAAC,eAAe;AAAA,GAClB;AAEA,EAAA,MAAM,WAAA,GAAcA,kBAAY,MAAM;AACpC,IAAA,gBAAA,CAAiB,EAAE,CAAA;AACnB,IAAA,QAAA,CAAS,EAAE,CAAA;AACX,IAAA,eAAA,CAAgB,MAAA,EAAO;AAAA,EACzB,CAAA,EAAG,CAAC,QAAA,EAAU,eAAe,CAAC,CAAA;AAE9B,EAAA,uBACEC,cAAA;AAAA,IAACC,iCAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAM,EAAA;AAAA,MACN,KAAA;AAAA,MACA,aAAA,EAAa,IAAA;AAAA,MACb,WAAA;AAAA,MACA,KAAA,EAAO,aAAA;AAAA,MACP,QAAA,EAAU,YAAA;AAAA,MACV,OAAA,EAAS,WAAA;AAAA,MACT,IAAA;AAAA,MACA,OAAA;AAAA,MACA,QAAA;AAAA,MACA,SAAA,EAAU;AAAA;AAAA,GACZ;AAEJ;;;;"}

package/dist/list-search-DQoVumEX.js

@@ -0,0 +1,71 @@
+import { jsx } from 'react/jsx-runtime';
+import { useId, useState, useRef, useEffect, useCallback } from 'react';
+import { useDebouncedCallback } from 'use-debounce';
+import { S as SearchFieldBlock } from './search-field-block-BC_iZ1gM.js';
+import { useKeydown } from './keyboard/use-keydown.es.js';
+import './keyboard/keyboard-shortcuts-context.es.js';
+
+const ListSearch = ({
+  onSearch,
+  label,
+  placeholder,
+  debounceMs = 300,
+  size,
+  value: controlledValue,
+  variant = "outline",
+  shortcutDisabled = false
+}) => {
+  const id = useId();
+  const [internalValue, setInternalValue] = useState(controlledValue ?? "");
+  const inputRef = useRef(null);
+  useKeydown(
+    {
+      "mod+shift+f": () => {
+        inputRef.current?.focus();
+        inputRef.current?.select();
+      }
+    },
+    { enabled: !shortcutDisabled }
+  );
+  const debouncedSearch = useDebouncedCallback((val) => {
+    onSearch(val);
+  }, debounceMs);
+  useEffect(() => {
+    if (controlledValue !== void 0) {
+      debouncedSearch.cancel();
+      setInternalValue(controlledValue);
+    }
+  }, [controlledValue, debouncedSearch]);
+  useEffect(() => () => debouncedSearch.cancel(), [debouncedSearch]);
+  const handleChange = useCallback(
+    (e) => {
+      setInternalValue(e.target.value);
+      debouncedSearch(e.target.value);
+    },
+    [debouncedSearch]
+  );
+  const handleReset = useCallback(() => {
+    setInternalValue("");
+    onSearch("");
+    debouncedSearch.cancel();
+  }, [onSearch, debouncedSearch]);
+  return /* @__PURE__ */ jsx(
+    SearchFieldBlock,
+    {
+      name: id,
+      label,
+      labelIsHidden: true,
+      placeholder,
+      value: internalValue,
+      onChange: handleChange,
+      onReset: handleReset,
+      size,
+      variant,
+      inputRef,
+      className: "w-full max-w-120"
+    }
+  );
+};
+
+export { ListSearch as L };
+//# sourceMappingURL=list-search-DQoVumEX.js.map

package/dist/list-search-DQoVumEX.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-search-DQoVumEX.js","sources":["../src/ds/components/ListSearch/list-search.tsx"],"sourcesContent":["import { useCallback, useEffect, useId, useRef, useState } from 'react';\nimport { useDebouncedCallback } from 'use-debounce';\nimport { SearchFieldBlock } from '@/ds/components/FormFieldBlocks/fields/search-field-block';\nimport type { InputProps } from '@/ds/components/Input';\nimport { useKeydown } from '@/lib/keyboard';\n\nexport type ListSearchProps = {\n  onSearch: (search: string) => void;\n  label: string;\n  placeholder: string;\n  debounceMs?: number;\n  size?: InputProps['size'];\n  /**\n   * Optional controlled value. When provided, ListSearch stays in sync with this\n   * prop — useful when the parent needs to clear the input programmatically\n   * (e.g. from a Reset button). If omitted, ListSearch manages its own state.\n   */\n  value?: string;\n  variant?: InputProps['variant'];\n  /**\n   * Opts out of the Cmd/Ctrl+Shift+F focus shortcut. Pass this on secondary\n   * instances so two search fields on the same page don't fight over focus.\n   */\n  shortcutDisabled?: boolean;\n};\n\nexport const ListSearch = ({\n  onSearch,\n  label,\n  placeholder,\n  debounceMs = 300,\n  size,\n  value: controlledValue,\n  variant = 'outline',\n  shortcutDisabled = false,\n}: ListSearchProps) => {\n  const id = useId();\n  const [internalValue, setInternalValue] = useState(controlledValue ?? '');\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  useKeydown(\n    {\n      'mod+shift+f': () => {\n        inputRef.current?.focus();\n        inputRef.current?.select();\n      },\n    },\n    { enabled: !shortcutDisabled },\n  );\n\n  const debouncedSearch = useDebouncedCallback((val: string) => {\n    onSearch(val);\n  }, debounceMs);\n\n  // Sync internal state with controlled value (e.g. parent Reset clears it to '').\n  // Also cancel any pending debounced callback so a stale handleChange call\n  // can't overwrite the newly-applied controlled value.\n  useEffect(() => {\n    if (controlledValue !== undefined) {\n      debouncedSearch.cancel();\n      setInternalValue(controlledValue);\n    }\n  }, [controlledValue, debouncedSearch]);\n\n  useEffect(() => () => debouncedSearch.cancel(), [debouncedSearch]);\n\n  const handleChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      setInternalValue(e.target.value);\n      debouncedSearch(e.target.value);\n    },\n    [debouncedSearch],\n  );\n\n  const handleReset = useCallback(() => {\n    setInternalValue('');\n    onSearch('');\n    debouncedSearch.cancel();\n  }, [onSearch, debouncedSearch]);\n\n  return (\n    <SearchFieldBlock\n      name={id}\n      label={label}\n      labelIsHidden\n      placeholder={placeholder}\n      value={internalValue}\n      onChange={handleChange}\n      onReset={handleReset}\n      size={size}\n      variant={variant}\n      inputRef={inputRef}\n      className=\"w-full max-w-120\"\n    />\n  );\n};\n"],"names":[],"mappings":";;;;;;;AA0BO,MAAM,aAAa,CAAC;AAAA,EACzB,QAAA;AAAA,EACA,KAAA;AAAA,EACA,WAAA;AAAA,EACA,UAAA,GAAa,GAAA;AAAA,EACb,IAAA;AAAA,EACA,KAAA,EAAO,eAAA;AAAA,EACP,OAAA,GAAU,SAAA;AAAA,EACV,gBAAA,GAAmB;AACrB,CAAA,KAAuB;AACrB,EAAA,MAAM,KAAK,KAAA,EAAM;AACjB,EAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAI,QAAA,CAAS,mBAAmB,EAAE,CAAA;AACxE,EAAA,MAAM,QAAA,GAAW,OAAyB,IAAI,CAAA;AAE9C,EAAA,UAAA;AAAA,IACE;AAAA,MACE,eAAe,MAAM;AACnB,QAAA,QAAA,CAAS,SAAS,KAAA,EAAM;AACxB,QAAA,QAAA,CAAS,SAAS,MAAA,EAAO;AAAA,MAC3B;AAAA,KACF;AAAA,IACA,EAAE,OAAA,EAAS,CAAC,gBAAA;AAAiB,GAC/B;AAEA,EAAA,MAAM,eAAA,GAAkB,oBAAA,CAAqB,CAAC,GAAA,KAAgB;AAC5D,IAAA,QAAA,CAAS,GAAG,CAAA;AAAA,EACd,GAAG,UAAU,CAAA;AAKb,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,oBAAoB,MAAA,EAAW;AACjC,MAAA,eAAA,CAAgB,MAAA,EAAO;AACvB,MAAA,gBAAA,CAAiB,eAAe,CAAA;AAAA,IAClC;AAAA,EACF,CAAA,EAAG,CAAC,eAAA,EAAiB,eAAe,CAAC,CAAA;AAErC,EAAA,SAAA,CAAU,MAAM,MAAM,eAAA,CAAgB,QAAO,EAAG,CAAC,eAAe,CAAC,CAAA;AAEjE,EAAA,MAAM,YAAA,GAAe,WAAA;AAAA,IACnB,CAAC,CAAA,KAA2C;AAC1C,MAAA,gBAAA,CAAiB,CAAA,CAAE,OAAO,KAAK,CAAA;AAC/B,MAAA,eAAA,CAAgB,CAAA,CAAE,OAAO,KAAK,CAAA;AAAA,IAChC,CAAA;AAAA,IACA,CAAC,eAAe;AAAA,GAClB;AAEA,EAAA,MAAM,WAAA,GAAc,YAAY,MAAM;AACpC,IAAA,gBAAA,CAAiB,EAAE,CAAA;AACnB,IAAA,QAAA,CAAS,EAAE,CAAA;AACX,IAAA,eAAA,CAAgB,MAAA,EAAO;AAAA,EACzB,CAAA,EAAG,CAAC,QAAA,EAAU,eAAe,CAAC,CAAA;AAE9B,EAAA,uBACE,GAAA;AAAA,IAAC,gBAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAM,EAAA;AAAA,MACN,KAAA;AAAA,MACA,aAAA,EAAa,IAAA;AAAA,MACb,WAAA;AAAA,MACA,KAAA,EAAO,aAAA;AAAA,MACP,QAAA,EAAU,YAAA;AAAA,MACV,OAAA,EAAS,WAAA;AAAA,MACT,IAAA;AAAA,MACA,OAAA;AAAA,MACA,QAAA;AAAA,MACA,SAAA,EAAU;AAAA;AAAA,GACZ;AAEJ;;;;"}

package/dist/logs-data-list-Bd2_UAY0.js

@@ -0,0 +1,79 @@
+import { c as DataListCell, e as DataListTextCell, D as DataListRoot, f as DataListNextPageLoading, g as DataListTimeCell, h as DataListDateCell, i as DataListNoMatch, j as DataListSpacer, k as DataListRowLink, l as DataListRowButton, m as DataListRowWrapper, n as DataListTopCellSmart, o as DataListTopCellWithTooltip, b as DataListTopCell, a as DataListTop } from './data-list-top-BA2UVl0j.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { AgentIcon } from './icons/AgentIcon.es.js';
+import { ToolsIcon } from './icons/ToolsIcon.es.js';
+import { WorkflowIcon } from './icons/WorkflowIcon.es.js';
+import { c as cn } from './cn-Dxjsbr9n.js';
+
+const LEVEL_CONFIG = {
+  debug: { label: "DEBUG", color: "#71717a" },
+  info: { label: "INFO", color: "#60a5fa" },
+  warn: { label: "WARN", color: "#facc15" },
+  error: { label: "ERROR", color: "#f87171" },
+  fatal: { label: "FATAL", color: "#dc2626" }
+};
+function LogsDataListLevelCell({ level }) {
+  const config = LEVEL_CONFIG[level];
+  return /* @__PURE__ */ jsx(DataListCell, { children: /* @__PURE__ */ jsx("span", { className: "text-ui-sm font-semibold uppercase", style: { color: config.color }, children: config.label }) });
+}
+function EntityTypeIcon({ entityType, className }) {
+  const iconClass = cn("size-3.5 shrink-0 text-neutral2", className);
+  const normalizedEntityType = entityType.toLowerCase();
+  switch (normalizedEntityType) {
+    case "agent":
+      return /* @__PURE__ */ jsx(AgentIcon, { className: iconClass, "aria-hidden": true });
+    case "workflow":
+    case "workflow_run":
+      return /* @__PURE__ */ jsx(WorkflowIcon, { className: iconClass, "aria-hidden": true });
+    case "tool":
+      return /* @__PURE__ */ jsx(ToolsIcon, { className: iconClass, "aria-hidden": true });
+    default:
+      return null;
+  }
+}
+function LogsDataListEntityCell({ entityType, entityName }) {
+  const type = entityType ?? "";
+  return /* @__PURE__ */ jsxs(DataListCell, { className: "flex min-w-0 items-center gap-2", children: [
+    /* @__PURE__ */ jsx(EntityTypeIcon, { entityType: type }),
+    entityName ? /* @__PURE__ */ jsx("span", { className: "text-ui-smd min-w-0 truncate", children: entityName }) : "-"
+  ] });
+}
+function LogsDataListMessageCell({ message }) {
+  return /* @__PURE__ */ jsx(DataListCell, { className: "text-ui-smd text-neutral4 min-w-0 truncate font-mono", children: message });
+}
+function LogsDataListDataCell({ data }) {
+  if (!data || Object.keys(data).length === 0) {
+    return /* @__PURE__ */ jsx(DataListCell, { children: null });
+  }
+  const summary = Object.entries(data).map(([k, v]) => {
+    if (typeof v === "string") return `${k}: ${v}`;
+    try {
+      return `${k}: ${JSON.stringify(v)}`;
+    } catch {
+      return `${k}: <unserializable>`;
+    }
+  }).join(", ");
+  return /* @__PURE__ */ jsx(DataListTextCell, { font: "mono", children: summary });
+}
+
+const LogsDataList = Object.assign(DataListRoot, {
+  Top: DataListTop,
+  TopCell: DataListTopCell,
+  TopCellWithTooltip: DataListTopCellWithTooltip,
+  TopCellSmart: DataListTopCellSmart,
+  RowWrapper: DataListRowWrapper,
+  RowButton: DataListRowButton,
+  RowLink: DataListRowLink,
+  Spacer: DataListSpacer,
+  NoMatch: DataListNoMatch,
+  DateCell: DataListDateCell,
+  TimeCell: DataListTimeCell,
+  LevelCell: LogsDataListLevelCell,
+  EntityCell: LogsDataListEntityCell,
+  MessageCell: LogsDataListMessageCell,
+  DataCell: LogsDataListDataCell,
+  NextPageLoading: DataListNextPageLoading
+});
+
+export { LogsDataList as L };
+//# sourceMappingURL=logs-data-list-Bd2_UAY0.js.map

package/dist/logs-data-list-Bd2_UAY0.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"logs-data-list-Bd2_UAY0.js","sources":["../src/ds/components/LogsDataList/logs-data-list-cells.tsx","../src/ds/components/LogsDataList/logs-data-list.tsx"],"sourcesContent":["import { DataListCell, DataListTextCell } from '../DataList/data-list-cells';\ntype LogLevel = 'debug' | 'info' | 'warn' | 'error' | 'fatal';\nimport { AgentIcon } from '@/ds/icons/AgentIcon';\nimport { ToolsIcon } from '@/ds/icons/ToolsIcon';\nimport { WorkflowIcon } from '@/ds/icons/WorkflowIcon';\nimport { cn } from '@/lib/utils';\n\nconst LEVEL_CONFIG: Record<LogLevel, { label: string; color: string }> = {\n  debug: { label: 'DEBUG', color: '#71717a' },\n  info: { label: 'INFO', color: '#60a5fa' },\n  warn: { label: 'WARN', color: '#facc15' },\n  error: { label: 'ERROR', color: '#f87171' },\n  fatal: { label: 'FATAL', color: '#dc2626' },\n};\n\n// ---------------------------------------------------------------------------\n// LevelCell\n// ---------------------------------------------------------------------------\n\nexport interface LogsDataListLevelCellProps {\n  level: LogLevel;\n}\n\nexport function LogsDataListLevelCell({ level }: LogsDataListLevelCellProps) {\n  const config = LEVEL_CONFIG[level];\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\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    case 'tool':\n      return <ToolsIcon className={iconClass} aria-hidden />;\n    default:\n      return null;\n  }\n}\n\nexport interface LogsDataListEntityCellProps {\n  entityType?: string | null;\n  entityName?: string | null;\n}\n\nexport function LogsDataListEntityCell({ entityType, entityName }: LogsDataListEntityCellProps) {\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// MessageCell\n// ---------------------------------------------------------------------------\n\nexport interface LogsDataListMessageCellProps {\n  message: string;\n}\n\nexport function LogsDataListMessageCell({ message }: LogsDataListMessageCellProps) {\n  return <DataListCell className=\"text-ui-smd text-neutral4 min-w-0 truncate font-mono\">{message}</DataListCell>;\n}\n\n// ---------------------------------------------------------------------------\n// DataCell\n// ---------------------------------------------------------------------------\n\nexport interface LogsDataListDataCellProps {\n  data?: Record<string, unknown> | null;\n}\n\nexport function LogsDataListDataCell({ data }: LogsDataListDataCellProps) {\n  if (!data || Object.keys(data).length === 0) {\n    return <DataListCell>{null}</DataListCell>;\n  }\n\n  const summary = Object.entries(data)\n    .map(([k, v]) => {\n      if (typeof v === 'string') return `${k}: ${v}`;\n      try {\n        return `${k}: ${JSON.stringify(v)}`;\n      } catch {\n        return `${k}: <unserializable>`;\n      }\n    })\n    .join(', ');\n\n  return <DataListTextCell font=\"mono\">{summary}</DataListTextCell>;\n}\n","import { DataListDateCell, DataListTimeCell } from '../DataList/data-list-cells';\nimport { DataListNextPageLoading } from '../DataList/data-list-next-page-loading';\nimport { DataListNoMatch } from '../DataList/data-list-no-match';\nimport { DataListRoot } from '../DataList/data-list-root';\nimport { DataListRowButton } from '../DataList/data-list-row-button';\nimport { DataListRowLink } from '../DataList/data-list-row-link';\nimport { DataListRowWrapper } from '../DataList/data-list-row-wrapper';\nimport { DataListSpacer } from '../DataList/data-list-spacer';\nimport { DataListTop } from '../DataList/data-list-top';\nimport { DataListTopCell, DataListTopCellWithTooltip, DataListTopCellSmart } from '../DataList/data-list-top-cell';\nimport {\n  LogsDataListLevelCell,\n  LogsDataListEntityCell,\n  LogsDataListMessageCell,\n  LogsDataListDataCell,\n} from './logs-data-list-cells';\n\nexport const LogsDataList = Object.assign(DataListRoot, {\n  Top: DataListTop,\n  TopCell: DataListTopCell,\n  TopCellWithTooltip: DataListTopCellWithTooltip,\n  TopCellSmart: DataListTopCellSmart,\n  RowWrapper: DataListRowWrapper,\n  RowButton: DataListRowButton,\n  RowLink: DataListRowLink,\n  Spacer: DataListSpacer,\n  NoMatch: DataListNoMatch,\n  DateCell: DataListDateCell,\n  TimeCell: DataListTimeCell,\n  LevelCell: LogsDataListLevelCell,\n  EntityCell: LogsDataListEntityCell,\n  MessageCell: LogsDataListMessageCell,\n  DataCell: LogsDataListDataCell,\n  NextPageLoading: DataListNextPageLoading,\n});\n"],"names":[],"mappings":"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"}

package/dist/logs-data-list-DsYct8cw.cjs

@@ -0,0 +1,81 @@
+'use strict';
+
+const dataListTop = require('./data-list-top-B_RRVRf5.cjs');
+const jsxRuntime = require('react/jsx-runtime');
+const icons_AgentIcon = require('./icons/AgentIcon.cjs.js');
+const icons_ToolsIcon = require('./icons/ToolsIcon.cjs.js');
+const icons_WorkflowIcon = require('./icons/WorkflowIcon.cjs.js');
+const utils_cn = require('./cn-DPfV6E6L.cjs');
+
+const LEVEL_CONFIG = {
+  debug: { label: "DEBUG", color: "#71717a" },
+  info: { label: "INFO", color: "#60a5fa" },
+  warn: { label: "WARN", color: "#facc15" },
+  error: { label: "ERROR", color: "#f87171" },
+  fatal: { label: "FATAL", color: "#dc2626" }
+};
+function LogsDataListLevelCell({ level }) {
+  const config = LEVEL_CONFIG[level];
+  return /* @__PURE__ */ jsxRuntime.jsx(dataListTop.DataListCell, { children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-ui-sm font-semibold uppercase", style: { color: config.color }, children: config.label }) });
+}
+function EntityTypeIcon({ entityType, className }) {
+  const iconClass = utils_cn.cn("size-3.5 shrink-0 text-neutral2", className);
+  const normalizedEntityType = entityType.toLowerCase();
+  switch (normalizedEntityType) {
+    case "agent":
+      return /* @__PURE__ */ jsxRuntime.jsx(icons_AgentIcon.AgentIcon, { className: iconClass, "aria-hidden": true });
+    case "workflow":
+    case "workflow_run":
+      return /* @__PURE__ */ jsxRuntime.jsx(icons_WorkflowIcon.WorkflowIcon, { className: iconClass, "aria-hidden": true });
+    case "tool":
+      return /* @__PURE__ */ jsxRuntime.jsx(icons_ToolsIcon.ToolsIcon, { className: iconClass, "aria-hidden": true });
+    default:
+      return null;
+  }
+}
+function LogsDataListEntityCell({ entityType, entityName }) {
+  const type = entityType ?? "";
+  return /* @__PURE__ */ jsxRuntime.jsxs(dataListTop.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 }) : "-"
+  ] });
+}
+function LogsDataListMessageCell({ message }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(dataListTop.DataListCell, { className: "text-ui-smd text-neutral4 min-w-0 truncate font-mono", children: message });
+}
+function LogsDataListDataCell({ data }) {
+  if (!data || Object.keys(data).length === 0) {
+    return /* @__PURE__ */ jsxRuntime.jsx(dataListTop.DataListCell, { children: null });
+  }
+  const summary = Object.entries(data).map(([k, v]) => {
+    if (typeof v === "string") return `${k}: ${v}`;
+    try {
+      return `${k}: ${JSON.stringify(v)}`;
+    } catch {
+      return `${k}: <unserializable>`;
+    }
+  }).join(", ");
+  return /* @__PURE__ */ jsxRuntime.jsx(dataListTop.DataListTextCell, { font: "mono", children: summary });
+}
+
+const LogsDataList = Object.assign(dataListTop.DataListRoot, {
+  Top: dataListTop.DataListTop,
+  TopCell: dataListTop.DataListTopCell,
+  TopCellWithTooltip: dataListTop.DataListTopCellWithTooltip,
+  TopCellSmart: dataListTop.DataListTopCellSmart,
+  RowWrapper: dataListTop.DataListRowWrapper,
+  RowButton: dataListTop.DataListRowButton,
+  RowLink: dataListTop.DataListRowLink,
+  Spacer: dataListTop.DataListSpacer,
+  NoMatch: dataListTop.DataListNoMatch,
+  DateCell: dataListTop.DataListDateCell,
+  TimeCell: dataListTop.DataListTimeCell,
+  LevelCell: LogsDataListLevelCell,
+  EntityCell: LogsDataListEntityCell,
+  MessageCell: LogsDataListMessageCell,
+  DataCell: LogsDataListDataCell,
+  NextPageLoading: dataListTop.DataListNextPageLoading
+});
+
+exports.LogsDataList = LogsDataList;
+//# sourceMappingURL=logs-data-list-DsYct8cw.cjs.map

package/dist/logs-data-list-DsYct8cw.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"logs-data-list-DsYct8cw.cjs","sources":["../src/ds/components/LogsDataList/logs-data-list-cells.tsx","../src/ds/components/LogsDataList/logs-data-list.tsx"],"sourcesContent":["import { DataListCell, DataListTextCell } from '../DataList/data-list-cells';\ntype LogLevel = 'debug' | 'info' | 'warn' | 'error' | 'fatal';\nimport { AgentIcon } from '@/ds/icons/AgentIcon';\nimport { ToolsIcon } from '@/ds/icons/ToolsIcon';\nimport { WorkflowIcon } from '@/ds/icons/WorkflowIcon';\nimport { cn } from '@/lib/utils';\n\nconst LEVEL_CONFIG: Record<LogLevel, { label: string; color: string }> = {\n  debug: { label: 'DEBUG', color: '#71717a' },\n  info: { label: 'INFO', color: '#60a5fa' },\n  warn: { label: 'WARN', color: '#facc15' },\n  error: { label: 'ERROR', color: '#f87171' },\n  fatal: { label: 'FATAL', color: '#dc2626' },\n};\n\n// ---------------------------------------------------------------------------\n// LevelCell\n// ---------------------------------------------------------------------------\n\nexport interface LogsDataListLevelCellProps {\n  level: LogLevel;\n}\n\nexport function LogsDataListLevelCell({ level }: LogsDataListLevelCellProps) {\n  const config = LEVEL_CONFIG[level];\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\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    case 'tool':\n      return <ToolsIcon className={iconClass} aria-hidden />;\n    default:\n      return null;\n  }\n}\n\nexport interface LogsDataListEntityCellProps {\n  entityType?: string | null;\n  entityName?: string | null;\n}\n\nexport function LogsDataListEntityCell({ entityType, entityName }: LogsDataListEntityCellProps) {\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// MessageCell\n// ---------------------------------------------------------------------------\n\nexport interface LogsDataListMessageCellProps {\n  message: string;\n}\n\nexport function LogsDataListMessageCell({ message }: LogsDataListMessageCellProps) {\n  return <DataListCell className=\"text-ui-smd text-neutral4 min-w-0 truncate font-mono\">{message}</DataListCell>;\n}\n\n// ---------------------------------------------------------------------------\n// DataCell\n// ---------------------------------------------------------------------------\n\nexport interface LogsDataListDataCellProps {\n  data?: Record<string, unknown> | null;\n}\n\nexport function LogsDataListDataCell({ data }: LogsDataListDataCellProps) {\n  if (!data || Object.keys(data).length === 0) {\n    return <DataListCell>{null}</DataListCell>;\n  }\n\n  const summary = Object.entries(data)\n    .map(([k, v]) => {\n      if (typeof v === 'string') return `${k}: ${v}`;\n      try {\n        return `${k}: ${JSON.stringify(v)}`;\n      } catch {\n        return `${k}: <unserializable>`;\n      }\n    })\n    .join(', ');\n\n  return <DataListTextCell font=\"mono\">{summary}</DataListTextCell>;\n}\n","import { DataListDateCell, DataListTimeCell } from '../DataList/data-list-cells';\nimport { DataListNextPageLoading } from '../DataList/data-list-next-page-loading';\nimport { DataListNoMatch } from '../DataList/data-list-no-match';\nimport { DataListRoot } from '../DataList/data-list-root';\nimport { DataListRowButton } from '../DataList/data-list-row-button';\nimport { DataListRowLink } from '../DataList/data-list-row-link';\nimport { DataListRowWrapper } from '../DataList/data-list-row-wrapper';\nimport { DataListSpacer } from '../DataList/data-list-spacer';\nimport { DataListTop } from '../DataList/data-list-top';\nimport { DataListTopCell, DataListTopCellWithTooltip, DataListTopCellSmart } from '../DataList/data-list-top-cell';\nimport {\n  LogsDataListLevelCell,\n  LogsDataListEntityCell,\n  LogsDataListMessageCell,\n  LogsDataListDataCell,\n} from './logs-data-list-cells';\n\nexport const LogsDataList = Object.assign(DataListRoot, {\n  Top: DataListTop,\n  TopCell: DataListTopCell,\n  TopCellWithTooltip: DataListTopCellWithTooltip,\n  TopCellSmart: DataListTopCellSmart,\n  RowWrapper: DataListRowWrapper,\n  RowButton: DataListRowButton,\n  RowLink: DataListRowLink,\n  Spacer: DataListSpacer,\n  NoMatch: DataListNoMatch,\n  DateCell: DataListDateCell,\n  TimeCell: DataListTimeCell,\n  LevelCell: LogsDataListLevelCell,\n  EntityCell: LogsDataListEntityCell,\n  MessageCell: LogsDataListMessageCell,\n  DataCell: LogsDataListDataCell,\n  NextPageLoading: DataListNextPageLoading,\n});\n"],"names":["jsx","DataListCell","cn","AgentIcon","WorkflowIcon","ToolsIcon","jsxs","DataListTextCell","DataListRoot","DataListTop","DataListTopCell","DataListTopCellWithTooltip","DataListTopCellSmart","DataListRowWrapper","DataListRowButton","DataListRowLink","DataListSpacer","DataListNoMatch","DataListDateCell","DataListTimeCell","DataListNextPageLoading"],"mappings":"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"}