@mastra/playground-ui 58.1.0-alpha.0 → 59.0.0

package/dist/field-error-id-V_WejsRL.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"field-error-id-V_WejsRL.cjs","sources":["../src/ds/components/FormFieldBlocks/block/field-block-column.tsx","../src/ds/components/FormFieldBlocks/block/field-block-help-text.tsx","../src/ds/components/FormFieldBlocks/block/field-block-label.tsx","../src/ds/components/FormFieldBlocks/block/field-block-layout.tsx","../src/ds/components/FormFieldBlocks/block/field-block-message.tsx","../src/ds/components/FormFieldBlocks/block/field-block.tsx","../src/ds/components/FormFieldBlocks/block/field-error-id.ts"],"sourcesContent":["import { cn } from '@/lib/utils';\n\nexport type FieldBlockColumnProps = {\n  children: React.ReactNode;\n  className?: string;\n};\n\nexport function FieldBlockColumn({ children, className }: FieldBlockColumnProps) {\n  return <div className={cn('grid gap-2 text-foreground', className)}>{children}</div>;\n}\n","export type FieldBlockHelpTextProps = {\n  children?: React.ReactNode;\n};\n\nexport function FieldBlockHelpText({ children }: FieldBlockHelpTextProps) {\n  return <p className=\"text-caption text-muted-foreground\">{children}</p>;\n}\n","import { cn } from '@/lib/utils';\n\nexport type FieldBlockLabelProps = {\n  children: React.ReactNode;\n  name: string;\n  htmlFor?: string;\n  required?: boolean;\n  disabled?: boolean;\n  size?: 'default' | 'bigger';\n  className?: string;\n};\n\nexport function FieldBlockLabel({\n  children,\n  name,\n  htmlFor = `input-${name}`,\n  required,\n  disabled = false,\n  size = 'default',\n  className,\n}: FieldBlockLabelProps) {\n  return (\n    <label\n      htmlFor={htmlFor}\n      className={cn(\n        'inline-flex items-center text-label',\n        {\n          'text-body': size === 'bigger',\n          'text-foreground': !disabled,\n          'text-muted-foreground': disabled,\n        },\n        className,\n      )}\n    >\n      {children}\n      {required ? (\n        <>\n          <span aria-hidden className={cn('ml-0.5', disabled ? 'text-muted-foreground' : 'text-destructive')}>\n            *\n          </span>\n          <span className=\"sr-only\"> (required)</span>\n        </>\n      ) : null}\n    </label>\n  );\n}\n","import { cn } from '@/lib/utils';\n\nexport type FieldBlockLayoutProps = {\n  children: React.ReactNode;\n  className?: string;\n  layout?: 'vertical' | 'horizontal';\n  // Optional prop to specify label column width in horizontal layout\n  labelColumnWidth?: string; // e.g., '150px' or '30%'\n};\n\nexport function FieldBlockLayout({\n  children,\n  className,\n  layout = 'vertical',\n  labelColumnWidth,\n}: FieldBlockLayoutProps) {\n  return (\n    <div\n      className={cn(\n        'relative grid gap-2 text-foreground',\n        {\n          'horizontal-field-block grid-cols-[auto_1fr] items-baseline': layout === 'horizontal',\n        },\n        className,\n      )}\n      style={\n        layout === 'horizontal' && labelColumnWidth ? { gridTemplateColumns: `${labelColumnWidth} 1fr` } : undefined\n      }\n    >\n      {children}\n    </div>\n  );\n}\n","import { FieldBlockErrorMsg } from './field-block-error-msg';\nimport { FieldBlockHelpText } from './field-block-help-text';\n\nexport type FieldBlockMessageProps = {\n  name: string;\n  helpText?: React.ReactNode;\n  errorMsg?: React.ReactNode;\n};\n\nexport function FieldBlockMessage({ name, helpText, errorMsg }: FieldBlockMessageProps) {\n  return (\n    <div className=\"h-[1lh] min-w-0 overflow-hidden text-caption [&>p]:truncate\">\n      {errorMsg ? (\n        <FieldBlockErrorMsg name={name} className=\"truncate\">\n          {errorMsg}\n        </FieldBlockErrorMsg>\n      ) : helpText ? (\n        <FieldBlockHelpText>{helpText}</FieldBlockHelpText>\n      ) : null}\n    </div>\n  );\n}\n","import { FieldBlockColumn } from './field-block-column';\nimport { FieldBlockErrorMsg } from './field-block-error-msg';\nimport { FieldBlockHelpText } from './field-block-help-text';\nimport { FieldBlockLabel } from './field-block-label';\nimport { FieldBlockLayout } from './field-block-layout';\nimport { FieldBlockMessage } from './field-block-message';\n\nexport const FieldBlock = Object.assign(\n  {},\n  {\n    Layout: FieldBlockLayout,\n    Column: FieldBlockColumn,\n    Label: FieldBlockLabel,\n    HelpText: FieldBlockHelpText,\n    ErrorMsg: FieldBlockErrorMsg,\n    Message: FieldBlockMessage,\n  },\n);\n","/**\n * Id of the error message for a field, so a control can point at its message with\n * `aria-describedby`. Lives apart from the component file: exporting it alongside a\n * component breaks fast refresh.\n */\nexport const fieldErrorId = (name: string) => `error-${name}`;\n"],"names":["cn","jsx","jsxs","Fragment","FieldBlockErrorMsg"],"mappings":"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"}

package/dist/hooks/use-elapsed-time.cjs.js

@@ -0,0 +1,25 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const React = require('react');
+
+function useElapsedTime(isActive, startTime) {
+  const [state, setState] = React.useState({ isActive, elapsed: 0 });
+  if (state.isActive !== isActive) {
+    setState({ isActive, elapsed: 0 });
+  }
+  React.useEffect(() => {
+    if (!isActive) return;
+    const start = startTime ?? Date.now();
+    setState({ isActive, elapsed: Date.now() - start });
+    const interval = setInterval(() => {
+      setState((current) => ({ ...current, elapsed: Date.now() - start }));
+    }, 100);
+    return () => clearInterval(interval);
+  }, [isActive, startTime]);
+  return state.isActive === isActive ? state.elapsed : 0;
+}
+
+exports.useElapsedTime = useElapsedTime;
+//# sourceMappingURL=use-elapsed-time.cjs.js.map

package/dist/hooks/use-elapsed-time.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-elapsed-time.cjs.js","sources":["../../src/hooks/use-elapsed-time.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\n/** Milliseconds elapsed since `isActive` became true (or since `startTime`), refreshed every 100ms. */\nexport function useElapsedTime(isActive: boolean, startTime?: number) {\n  const [state, setState] = useState({ isActive, elapsed: 0 });\n\n  if (state.isActive !== isActive) {\n    setState({ isActive, elapsed: 0 });\n  }\n\n  useEffect(() => {\n    if (!isActive) return;\n    const start = startTime ?? Date.now();\n    setState({ isActive, elapsed: Date.now() - start });\n    const interval = setInterval(() => {\n      setState(current => ({ ...current, elapsed: Date.now() - start }));\n    }, 100);\n    return () => clearInterval(interval);\n  }, [isActive, startTime]);\n\n  return state.isActive === isActive ? state.elapsed : 0;\n}\n"],"names":["useState","useEffect"],"mappings":";;;;;;AAGO,SAAS,cAAA,CAAe,UAAmB,SAAA,EAAoB;AACpE,EAAA,MAAM,CAAC,OAAO,QAAQ,CAAA,GAAIA,eAAS,EAAE,QAAA,EAAU,OAAA,EAAS,CAAA,EAAG,CAAA;AAE3D,EAAA,IAAI,KAAA,CAAM,aAAa,QAAA,EAAU;AAC/B,IAAA,QAAA,CAAS,EAAE,QAAA,EAAU,OAAA,EAAS,CAAA,EAAG,CAAA;AAAA,EACnC;AAEA,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,QAAA,EAAU;AACf,IAAA,MAAM,KAAA,GAAQ,SAAA,IAAa,IAAA,CAAK,GAAA,EAAI;AACpC,IAAA,QAAA,CAAS,EAAE,QAAA,EAAU,OAAA,EAAS,KAAK,GAAA,EAAI,GAAI,OAAO,CAAA;AAClD,IAAA,MAAM,QAAA,GAAW,YAAY,MAAM;AACjC,MAAA,QAAA,CAAS,CAAA,OAAA,MAAY,EAAE,GAAG,OAAA,EAAS,SAAS,IAAA,CAAK,GAAA,EAAI,GAAI,KAAA,EAAM,CAAE,CAAA;AAAA,IACnE,GAAG,GAAG,CAAA;AACN,IAAA,OAAO,MAAM,cAAc,QAAQ,CAAA;AAAA,EACrC,CAAA,EAAG,CAAC,QAAA,EAAU,SAAS,CAAC,CAAA;AAExB,EAAA,OAAO,KAAA,CAAM,QAAA,KAAa,QAAA,GAAW,KAAA,CAAM,OAAA,GAAU,CAAA;AACvD;;;;"}

package/dist/hooks/use-elapsed-time.d.ts

@@ -0,0 +1,2 @@
+export * from '../src/hooks/use-elapsed-time'
+export {}

package/dist/hooks/use-elapsed-time.es.js

@@ -0,0 +1,21 @@
+import { useState, useEffect } from 'react';
+
+function useElapsedTime(isActive, startTime) {
+  const [state, setState] = useState({ isActive, elapsed: 0 });
+  if (state.isActive !== isActive) {
+    setState({ isActive, elapsed: 0 });
+  }
+  useEffect(() => {
+    if (!isActive) return;
+    const start = startTime ?? Date.now();
+    setState({ isActive, elapsed: Date.now() - start });
+    const interval = setInterval(() => {
+      setState((current) => ({ ...current, elapsed: Date.now() - start }));
+    }, 100);
+    return () => clearInterval(interval);
+  }, [isActive, startTime]);
+  return state.isActive === isActive ? state.elapsed : 0;
+}
+
+export { useElapsedTime };
+//# sourceMappingURL=use-elapsed-time.es.js.map

package/dist/hooks/use-elapsed-time.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-elapsed-time.es.js","sources":["../../src/hooks/use-elapsed-time.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\n/** Milliseconds elapsed since `isActive` became true (or since `startTime`), refreshed every 100ms. */\nexport function useElapsedTime(isActive: boolean, startTime?: number) {\n  const [state, setState] = useState({ isActive, elapsed: 0 });\n\n  if (state.isActive !== isActive) {\n    setState({ isActive, elapsed: 0 });\n  }\n\n  useEffect(() => {\n    if (!isActive) return;\n    const start = startTime ?? Date.now();\n    setState({ isActive, elapsed: Date.now() - start });\n    const interval = setInterval(() => {\n      setState(current => ({ ...current, elapsed: Date.now() - start }));\n    }, 100);\n    return () => clearInterval(interval);\n  }, [isActive, startTime]);\n\n  return state.isActive === isActive ? state.elapsed : 0;\n}\n"],"names":[],"mappings":";;AAGO,SAAS,cAAA,CAAe,UAAmB,SAAA,EAAoB;AACpE,EAAA,MAAM,CAAC,OAAO,QAAQ,CAAA,GAAI,SAAS,EAAE,QAAA,EAAU,OAAA,EAAS,CAAA,EAAG,CAAA;AAE3D,EAAA,IAAI,KAAA,CAAM,aAAa,QAAA,EAAU;AAC/B,IAAA,QAAA,CAAS,EAAE,QAAA,EAAU,OAAA,EAAS,CAAA,EAAG,CAAA;AAAA,EACnC;AAEA,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,QAAA,EAAU;AACf,IAAA,MAAM,KAAA,GAAQ,SAAA,IAAa,IAAA,CAAK,GAAA,EAAI;AACpC,IAAA,QAAA,CAAS,EAAE,QAAA,EAAU,OAAA,EAAS,KAAK,GAAA,EAAI,GAAI,OAAO,CAAA;AAClD,IAAA,MAAM,QAAA,GAAW,YAAY,MAAM;AACjC,MAAA,QAAA,CAAS,CAAA,OAAA,MAAY,EAAE,GAAG,OAAA,EAAS,SAAS,IAAA,CAAK,GAAA,EAAI,GAAI,KAAA,EAAM,CAAE,CAAA;AAAA,IACnE,GAAG,GAAG,CAAA;AACN,IAAA,OAAO,MAAM,cAAc,QAAQ,CAAA;AAAA,EACrC,CAAA,EAAG,CAAC,QAAA,EAAU,SAAS,CAAC,CAAA;AAExB,EAAA,OAAO,KAAA,CAAM,QAAA,KAAa,QAAA,GAAW,KAAA,CAAM,OAAA,GAAU,CAAA;AACvD;;;;"}

package/dist/inline-code-BW6W121s.js

@@ -0,0 +1,13 @@
+import { jsx } from 'react/jsx-runtime';
+import { c as cn } from './cn-65Adrsfj.js';
+
+const InlineCode = ({ className, ...props }) => /* @__PURE__ */ jsx(
+  "code",
+  {
+    className: cn("rounded-sm bg-fill box-decoration-clone px-1 py-0.5 font-mono wrap-break-word", className),
+    ...props
+  }
+);
+
+export { InlineCode as I };
+//# sourceMappingURL=inline-code-BW6W121s.js.map

package/dist/inline-code-BW6W121s.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inline-code-BW6W121s.js","sources":["../src/ds/components/InlineCode/inline-code.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\n\nimport { cn } from '@/lib/utils';\n\nexport type InlineCodeProps = HTMLAttributes<HTMLElement>;\n\nexport const InlineCode = ({ className, ...props }: InlineCodeProps) => (\n  <code\n    className={cn('rounded-sm bg-fill box-decoration-clone px-1 py-0.5 font-mono wrap-break-word', className)}\n    {...props}\n  />\n);\n"],"names":[],"mappings":";;;AAMO,MAAM,aAAa,CAAC,EAAE,SAAA,EAAW,GAAG,OAAM,qBAC/C,GAAA;AAAA,EAAC,MAAA;AAAA,EAAA;AAAA,IACC,SAAA,EAAW,EAAA,CAAG,+EAAA,EAAiF,SAAS,CAAA;AAAA,IACvG,GAAG;AAAA;AACN;;;;"}

package/dist/inline-code-CSwG-x8D.cjs

@@ -0,0 +1,15 @@
+'use strict';
+
+const jsxRuntime = require('react/jsx-runtime');
+const utils_cn = require('./cn-DG0X1KEP.cjs');
+
+const InlineCode = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
+  "code",
+  {
+    className: utils_cn.cn("rounded-sm bg-fill box-decoration-clone px-1 py-0.5 font-mono wrap-break-word", className),
+    ...props
+  }
+);
+
+exports.InlineCode = InlineCode;
+//# sourceMappingURL=inline-code-CSwG-x8D.cjs.map

package/dist/inline-code-CSwG-x8D.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"inline-code-CSwG-x8D.cjs","sources":["../src/ds/components/InlineCode/inline-code.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\n\nimport { cn } from '@/lib/utils';\n\nexport type InlineCodeProps = HTMLAttributes<HTMLElement>;\n\nexport const InlineCode = ({ className, ...props }: InlineCodeProps) => (\n  <code\n    className={cn('rounded-sm bg-fill box-decoration-clone px-1 py-0.5 font-mono wrap-break-word', className)}\n    {...props}\n  />\n);\n"],"names":["jsx","cn"],"mappings":";;;;;AAMO,MAAM,aAAa,CAAC,EAAE,SAAA,EAAW,GAAG,OAAM,qBAC/CA,cAAA;AAAA,EAAC,MAAA;AAAA,EAAA;AAAA,IACC,SAAA,EAAWC,WAAA,CAAG,+EAAA,EAAiF,SAAS,CAAA;AAAA,IACvG,GAAG;AAAA;AACN;;;;"}

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

@@ -5,9 +5,9 @@ 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-BoSB-muq.cjs');
-const dataList = require('../data-list-PwFpP_mo.cjs');
-const listSearch = require('../list-search-S1mco9Bl.cjs');
+const combobox = require('../combobox-B19HJqE-.cjs');
+const dataList = require('../data-list-RI8c32dk.cjs');
+const listSearch = require('../list-search-CsYQX8qR.cjs');
 const tabsContent = require('../tabs-content-DlCJoQUW.cjs');
 const tabsTab = require('../tabs-tab-DFmRMdi3.cjs');
 const tabsRoot = require('../tabs-root-COCL6jcx.cjs');

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

@@ -1,9 +1,9 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { ListFilterIcon } from 'lucide-react';
 import { Children, isValidElement, useContext } from 'react';
-import { C as Combobox } from '../combobox-Cd0JPUQW.js';
-import { D as DataList } from '../data-list-DisTjDHP.js';
-import { L as ListSearch } from '../list-search-FJ1O5F3S.js';
+import { C as Combobox } from '../combobox-D_kmwSKS.js';
+import { D as DataList } from '../data-list-5-nRJbEO.js';
+import { L as ListSearch } from '../list-search-D1FD8FCL.js';
 import { T as TabContent } from '../tabs-content-7ODUUdQ0.js';
 import { T as Tab, a as TabsContext } from '../tabs-tab-DluwCnDF.js';
 import { a as Tabs, T as TabList } from '../tabs-root-UNPxoGhW.js';

package/dist/{list-search-S1mco9Bl.cjs → list-search-CsYQX8qR.cjs}

@@ -3,7 +3,7 @@
 const jsxRuntime = require('react/jsx-runtime');
 const React = require('react');
 const useDebounce = require('use-debounce');
-const searchFieldBlock = require('./search-field-block-7-ufp4uG.cjs');
+const searchFieldBlock = require('./search-field-block-K_e_S9WY.cjs');
 const keyboard_useKeydown = require('./keyboard/use-keydown.cjs.js');
 require('./keyboard/keyboard-shortcuts-context.cjs.js');
 
@@ -68,4 +68,4 @@ const ListSearch = ({
 };
 
 exports.ListSearch = ListSearch;
-//# sourceMappingURL=list-search-S1mco9Bl.cjs.map
+//# sourceMappingURL=list-search-CsYQX8qR.cjs.map

package/dist/{list-search-S1mco9Bl.cjs.map → list-search-CsYQX8qR.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"list-search-S1mco9Bl.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  /**\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  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      inputRef={inputRef}\n      className=\"w-full max-w-120\"\n    />\n  );\n};\n"],"names":["useId","useState","useRef","useKeydown","useDebouncedCallback","useEffect","useCallback","jsx","SearchFieldBlock"],"mappings":";;;;;;;;;AAyBO,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,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,QAAA;AAAA,MACA,SAAA,EAAU;AAAA;AAAA,GACZ;AAEJ;;;;"}
+{"version":3,"file":"list-search-CsYQX8qR.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  /**\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  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      inputRef={inputRef}\n      className=\"w-full max-w-120\"\n    />\n  );\n};\n"],"names":["useId","useState","useRef","useKeydown","useDebouncedCallback","useEffect","useCallback","jsx","SearchFieldBlock"],"mappings":";;;;;;;;;AAyBO,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,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,QAAA;AAAA,MACA,SAAA,EAAU;AAAA;AAAA,GACZ;AAEJ;;;;"}

package/dist/{list-search-FJ1O5F3S.js → list-search-D1FD8FCL.js}

@@ -1,7 +1,7 @@
 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-fU3tStmB.js';
+import { S as SearchFieldBlock } from './search-field-block-Dj2KJyjQ.js';
 import { useKeydown } from './keyboard/use-keydown.es.js';
 import './keyboard/keyboard-shortcuts-context.es.js';
 
@@ -66,4 +66,4 @@ const ListSearch = ({
 };
 
 export { ListSearch as L };
-//# sourceMappingURL=list-search-FJ1O5F3S.js.map
+//# sourceMappingURL=list-search-D1FD8FCL.js.map

package/dist/{list-search-FJ1O5F3S.js.map → list-search-D1FD8FCL.js.map}

@@ -1 +1 @@
-{"version":3,"file":"list-search-FJ1O5F3S.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  /**\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  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      inputRef={inputRef}\n      className=\"w-full max-w-120\"\n    />\n  );\n};\n"],"names":[],"mappings":";;;;;;;AAyBO,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,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,QAAA;AAAA,MACA,SAAA,EAAU;AAAA;AAAA,GACZ;AAEJ;;;;"}
+{"version":3,"file":"list-search-D1FD8FCL.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  /**\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  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      inputRef={inputRef}\n      className=\"w-full max-w-120\"\n    />\n  );\n};\n"],"names":[],"mappings":";;;;;;;AAyBO,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,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,QAAA;AAAA,MACA,SAAA,EAAU;AAAA;AAAA,GACZ;AAEJ;;;;"}

package/dist/{logs-data-list-CgDcNIvS.js → logs-data-list-BKE5vYZR.js}

@@ -1,5 +1,5 @@
-import { c as DataListCell, e as DataListTextCell, D as DataListRoot, f as DataListTimeCell, g as DataListDateCell, h as DataListTopCellSmart, i as DataListTopCellWithTooltip, b as DataListTopCell, a as DataListTop } from './data-list-top-DpbOA3uw.js';
-import { D as DataListNextPageLoading, a as DataListNoMatch, b as DataListSpacer, c as DataListRowLink, d as DataListRowButton, e as DataListRowWrapper, f as DataListSortableTopCell } from './data-list-spacer-BmorAN0V.js';
+import { c as DataListCell, e as DataListTextCell, D as DataListRoot, f as DataListTimeCell, g as DataListDateCell, h as DataListTopCellSmart, i as DataListTopCellWithTooltip, b as DataListTopCell, a as DataListTop } from './data-list-top-B-AopfvE.js';
+import { D as DataListNextPageLoading, a as DataListNoMatch, b as DataListSpacer, c as DataListRowLink, d as DataListRowButton, e as DataListRowWrapper, f as DataListSortableTopCell } from './data-list-spacer-D3Rn1evn.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { B as Badge } from './Badge-Bzn8Z-_I.js';
 import { AgentIcon } from './icons/AgentIcon.es.js';
@@ -78,4 +78,4 @@ const LogsDataList = Object.assign(DataListRoot, {
 });
 
 export { LogsDataList as L };
-//# sourceMappingURL=logs-data-list-CgDcNIvS.js.map
+//# sourceMappingURL=logs-data-list-BKE5vYZR.js.map

package/dist/{logs-data-list-CgDcNIvS.js.map → logs-data-list-BKE5vYZR.js.map}

@@ -1 +1 @@
-{"version":3,"file":"logs-data-list-CgDcNIvS.js","sources":["../src/ds/components/LogsDataList/logs-data-list-cells.tsx","../src/ds/components/LogsDataList/logs-data-list.tsx"],"sourcesContent":["import { Badge } from '../Badge';\nimport type { BadgeVariant } from '../Badge';\nimport { DataListCell, DataListTextCell } from '../DataList/data-list-cells';\nimport { AgentIcon } from '@/ds/icons/AgentIcon';\nimport { ToolsIcon } from '@/ds/icons/ToolsIcon';\nimport { WorkflowIcon } from '@/ds/icons/WorkflowIcon';\nimport { cn } from '@/lib/utils';\n\ntype LogLevel = 'debug' | 'info' | 'warn' | 'error' | 'fatal';\n\nconst LEVEL_VARIANT: Record<LogLevel, BadgeVariant> = {\n  debug: 'neutral',\n  info: 'blue',\n  warn: 'yellow',\n  error: 'red',\n  fatal: 'red',\n};\n\n// ---------------------------------------------------------------------------\n// LevelCell\n// ---------------------------------------------------------------------------\n\nexport interface LogsDataListLevelCellProps {\n  level: LogLevel;\n}\n\nexport function LogsDataListLevelCell({ level }: LogsDataListLevelCellProps) {\n  return (\n    <DataListCell>\n      <Badge variant={LEVEL_VARIANT[level]}>{level}</Badge>\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-placeholder', 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=\"min-w-0 truncate text-body-sm\">{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 (\n    <DataListCell className=\"min-w-0 truncate font-mono text-body-sm text-muted-foreground\">{message}</DataListCell>\n  );\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 { DataListSortableTopCell } from '../DataList/data-list-sortable-top-cell';\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  SortableTopCell: DataListSortableTopCell,\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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"}
+{"version":3,"file":"logs-data-list-BKE5vYZR.js","sources":["../src/ds/components/LogsDataList/logs-data-list-cells.tsx","../src/ds/components/LogsDataList/logs-data-list.tsx"],"sourcesContent":["import { Badge } from '../Badge';\nimport type { BadgeVariant } from '../Badge';\nimport { DataListCell, DataListTextCell } from '../DataList/data-list-cells';\nimport { AgentIcon } from '@/ds/icons/AgentIcon';\nimport { ToolsIcon } from '@/ds/icons/ToolsIcon';\nimport { WorkflowIcon } from '@/ds/icons/WorkflowIcon';\nimport { cn } from '@/lib/utils';\n\ntype LogLevel = 'debug' | 'info' | 'warn' | 'error' | 'fatal';\n\nconst LEVEL_VARIANT: Record<LogLevel, BadgeVariant> = {\n  debug: 'neutral',\n  info: 'blue',\n  warn: 'yellow',\n  error: 'red',\n  fatal: 'red',\n};\n\n// ---------------------------------------------------------------------------\n// LevelCell\n// ---------------------------------------------------------------------------\n\nexport interface LogsDataListLevelCellProps {\n  level: LogLevel;\n}\n\nexport function LogsDataListLevelCell({ level }: LogsDataListLevelCellProps) {\n  return (\n    <DataListCell>\n      <Badge variant={LEVEL_VARIANT[level]}>{level}</Badge>\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-placeholder', 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=\"min-w-0 truncate text-body-sm\">{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 (\n    <DataListCell className=\"min-w-0 truncate font-mono text-body-sm text-muted-foreground\">{message}</DataListCell>\n  );\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 { DataListSortableTopCell } from '../DataList/data-list-sortable-top-cell';\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  SortableTopCell: DataListSortableTopCell,\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-BHvJOeec.cjs → logs-data-list-lJK0yGYj.cjs}

@@ -1,7 +1,7 @@
 'use strict';
 
-const dataListTop = require('./data-list-top-WGUY167p.cjs');
-const dataListSpacer = require('./data-list-spacer-DEcgVGFM.cjs');
+const dataListTop = require('./data-list-top-DFnudSA_.cjs');
+const dataListSpacer = require('./data-list-spacer-1OqlC7WX.cjs');
 const jsxRuntime = require('react/jsx-runtime');
 const Badge = require('./Badge-DFNxcz-r.cjs');
 const icons_AgentIcon = require('./icons/AgentIcon.cjs.js');
@@ -80,4 +80,4 @@ const LogsDataList = Object.assign(dataListTop.DataListRoot, {
 });
 
 exports.LogsDataList = LogsDataList;
-//# sourceMappingURL=logs-data-list-BHvJOeec.cjs.map
+//# sourceMappingURL=logs-data-list-lJK0yGYj.cjs.map

package/dist/{logs-data-list-BHvJOeec.cjs.map → logs-data-list-lJK0yGYj.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"logs-data-list-BHvJOeec.cjs","sources":["../src/ds/components/LogsDataList/logs-data-list-cells.tsx","../src/ds/components/LogsDataList/logs-data-list.tsx"],"sourcesContent":["import { Badge } from '../Badge';\nimport type { BadgeVariant } from '../Badge';\nimport { DataListCell, DataListTextCell } from '../DataList/data-list-cells';\nimport { AgentIcon } from '@/ds/icons/AgentIcon';\nimport { ToolsIcon } from '@/ds/icons/ToolsIcon';\nimport { WorkflowIcon } from '@/ds/icons/WorkflowIcon';\nimport { cn } from '@/lib/utils';\n\ntype LogLevel = 'debug' | 'info' | 'warn' | 'error' | 'fatal';\n\nconst LEVEL_VARIANT: Record<LogLevel, BadgeVariant> = {\n  debug: 'neutral',\n  info: 'blue',\n  warn: 'yellow',\n  error: 'red',\n  fatal: 'red',\n};\n\n// ---------------------------------------------------------------------------\n// LevelCell\n// ---------------------------------------------------------------------------\n\nexport interface LogsDataListLevelCellProps {\n  level: LogLevel;\n}\n\nexport function LogsDataListLevelCell({ level }: LogsDataListLevelCellProps) {\n  return (\n    <DataListCell>\n      <Badge variant={LEVEL_VARIANT[level]}>{level}</Badge>\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-placeholder', 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=\"min-w-0 truncate text-body-sm\">{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 (\n    <DataListCell className=\"min-w-0 truncate font-mono text-body-sm text-muted-foreground\">{message}</DataListCell>\n  );\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 { DataListSortableTopCell } from '../DataList/data-list-sortable-top-cell';\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  SortableTopCell: DataListSortableTopCell,\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","Badge","cn","AgentIcon","WorkflowIcon","ToolsIcon","jsxs","DataListTextCell","DataListRoot","DataListTop","DataListTopCell","DataListSortableTopCell","DataListTopCellWithTooltip","DataListTopCellSmart","DataListRowWrapper","DataListRowButton","DataListRowLink","DataListSpacer","DataListNoMatch","DataListDateCell","DataListTimeCell","DataListNextPageLoading"],"mappings":";;;;;;;;;;;AAUA,MAAM,aAAA,GAAgD;AAAA,EACpD,KAAA,EAAO,SAAA;AAAA,EACP,IAAA,EAAM,MAAA;AAAA,EACN,IAAA,EAAM,QAAA;AAAA,EACN,KAAA,EAAO,KAAA;AAAA,EACP,KAAA,EAAO;AACT,CAAA;AAUO,SAAS,qBAAA,CAAsB,EAAE,KAAA,EAAM,EAA+B;AAC3E,EAAA,uBACEA,cAAA,CAACC,4BACC,QAAA,kBAAAD,cAAA,CAACE,WAAA,EAAA,EAAM,SAAS,aAAA,CAAc,KAAK,CAAA,EAAI,QAAA,EAAA,KAAA,EAAM,CAAA,EAC/C,CAAA;AAEJ;AAMA,SAAS,cAAA,CAAe,EAAE,UAAA,EAAY,SAAA,EAAU,EAA+C;AAC7F,EAAA,MAAM,SAAA,GAAYC,WAAA,CAAG,oCAAA,EAAsC,SAAS,CAAA;AACpE,EAAA,MAAM,oBAAA,GAAuB,WAAW,WAAA,EAAY;AAEpD,EAAA,QAAQ,oBAAA;AAAsB,IAC5B,KAAK,OAAA;AACH,MAAA,uBAAOH,cAAA,CAACI,yBAAA,EAAA,EAAU,SAAA,EAAW,SAAA,EAAW,eAAW,IAAA,EAAC,CAAA;AAAA,IACtD,KAAK,UAAA;AAAA,IACL,KAAK,cAAA;AACH,MAAA,uBAAOJ,cAAA,CAACK,+BAAA,EAAA,EAAa,SAAA,EAAW,SAAA,EAAW,eAAW,IAAA,EAAC,CAAA;AAAA,IACzD,KAAK,MAAA;AACH,MAAA,uBAAOL,cAAA,CAACM,yBAAA,EAAA,EAAU,SAAA,EAAW,SAAA,EAAW,eAAW,IAAA,EAAC,CAAA;AAAA,IACtD;AACE,MAAA,OAAO,IAAA;AAAA;AAEb;AAOO,SAAS,sBAAA,CAAuB,EAAE,UAAA,EAAY,UAAA,EAAW,EAAgC;AAC9F,EAAA,MAAM,OAAO,UAAA,IAAc,EAAA;AAE3B,EAAA,uBACEC,eAAA,CAACN,wBAAA,EAAA,EAAa,SAAA,EAAU,iCAAA,EACtB,QAAA,EAAA;AAAA,oBAAAD,cAAA,CAAC,cAAA,EAAA,EAAe,YAAY,IAAA,EAAM,CAAA;AAAA,IACjC,6BAAaA,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,+BAAA,EAAiC,sBAAW,CAAA,GAAU;AAAA,GAAA,EACtF,CAAA;AAEJ;AAUO,SAAS,uBAAA,CAAwB,EAAE,OAAA,EAAQ,EAAiC;AACjF,EAAA,uBACEA,cAAA,CAACC,wBAAA,EAAA,EAAa,SAAA,EAAU,+DAAA,EAAiE,QAAA,EAAA,OAAA,EAAQ,CAAA;AAErG;AAUO,SAAS,oBAAA,CAAqB,EAAE,IAAA,EAAK,EAA8B;AACxE,EAAA,IAAI,CAAC,IAAA,IAAQ,MAAA,CAAO,KAAK,IAAI,CAAA,CAAE,WAAW,CAAA,EAAG;AAC3C,IAAA,uBAAOD,cAAA,CAACC,4BAAc,QAAA,EAAA,IAAA,EAAK,CAAA;AAAA,EAC7B;AAEA,EAAA,MAAM,OAAA,GAAU,MAAA,CAAO,OAAA,CAAQ,IAAI,CAAA,CAChC,IAAI,CAAC,CAAC,CAAA,EAAG,CAAC,CAAA,KAAM;AACf,IAAA,IAAI,OAAO,CAAA,KAAM,QAAA,SAAiB,CAAA,EAAG,CAAC,KAAK,CAAC,CAAA,CAAA;AAC5C,IAAA,IAAI;AACF,MAAA,OAAO,GAAG,CAAC,CAAA,EAAA,EAAK,IAAA,CAAK,SAAA,CAAU,CAAC,CAAC,CAAA,CAAA;AAAA,IACnC,CAAA,CAAA,MAAQ;AACN,MAAA,OAAO,GAAG,CAAC,CAAA,kBAAA,CAAA;AAAA,IACb;AAAA,EACF,CAAC,CAAA,CACA,IAAA,CAAK,IAAI,CAAA;AAEZ,EAAA,uBAAOD,cAAA,CAACQ,4BAAA,EAAA,EAAiB,IAAA,EAAK,MAAA,EAAQ,QAAA,EAAA,OAAA,EAAQ,CAAA;AAChD;;AC5FO,MAAM,YAAA,GAAe,MAAA,CAAO,MAAA,CAAOC,wBAAA,EAAc;AAAA,EACtD,GAAA,EAAKC,uBAAA;AAAA,EACL,OAAA,EAASC,2BAAA;AAAA,EACT,eAAA,EAAiBC,sCAAA;AAAA,EACjB,kBAAA,EAAoBC,sCAAA;AAAA,EACpB,YAAA,EAAcC,gCAAA;AAAA,EACd,UAAA,EAAYC,iCAAA;AAAA,EACZ,SAAA,EAAWC,gCAAA;AAAA,EACX,OAAA,EAASC,8BAAA;AAAA,EACT,MAAA,EAAQC,6BAAA;AAAA,EACR,OAAA,EAASC,8BAAA;AAAA,EACT,QAAA,EAAUC,4BAAA;AAAA,EACV,QAAA,EAAUC,4BAAA;AAAA,EACV,SAAA,EAAW,qBAAA;AAAA,EACX,UAAA,EAAY,sBAAA;AAAA,EACZ,WAAA,EAAa,uBAAA;AAAA,EACb,QAAA,EAAU,oBAAA;AAAA,EACV,eAAA,EAAiBC;AACnB,CAAC;;;;"}
+{"version":3,"file":"logs-data-list-lJK0yGYj.cjs","sources":["../src/ds/components/LogsDataList/logs-data-list-cells.tsx","../src/ds/components/LogsDataList/logs-data-list.tsx"],"sourcesContent":["import { Badge } from '../Badge';\nimport type { BadgeVariant } from '../Badge';\nimport { DataListCell, DataListTextCell } from '../DataList/data-list-cells';\nimport { AgentIcon } from '@/ds/icons/AgentIcon';\nimport { ToolsIcon } from '@/ds/icons/ToolsIcon';\nimport { WorkflowIcon } from '@/ds/icons/WorkflowIcon';\nimport { cn } from '@/lib/utils';\n\ntype LogLevel = 'debug' | 'info' | 'warn' | 'error' | 'fatal';\n\nconst LEVEL_VARIANT: Record<LogLevel, BadgeVariant> = {\n  debug: 'neutral',\n  info: 'blue',\n  warn: 'yellow',\n  error: 'red',\n  fatal: 'red',\n};\n\n// ---------------------------------------------------------------------------\n// LevelCell\n// ---------------------------------------------------------------------------\n\nexport interface LogsDataListLevelCellProps {\n  level: LogLevel;\n}\n\nexport function LogsDataListLevelCell({ level }: LogsDataListLevelCellProps) {\n  return (\n    <DataListCell>\n      <Badge variant={LEVEL_VARIANT[level]}>{level}</Badge>\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-placeholder', 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=\"min-w-0 truncate text-body-sm\">{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 (\n    <DataListCell className=\"min-w-0 truncate font-mono text-body-sm text-muted-foreground\">{message}</DataListCell>\n  );\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 { DataListSortableTopCell } from '../DataList/data-list-sortable-top-cell';\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  SortableTopCell: DataListSortableTopCell,\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","Badge","cn","AgentIcon","WorkflowIcon","ToolsIcon","jsxs","DataListTextCell","DataListRoot","DataListTop","DataListTopCell","DataListSortableTopCell","DataListTopCellWithTooltip","DataListTopCellSmart","DataListRowWrapper","DataListRowButton","DataListRowLink","DataListSpacer","DataListNoMatch","DataListDateCell","DataListTimeCell","DataListNextPageLoading"],"mappings":"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"}

package/dist/new/settings.cjs.js

@@ -5,9 +5,9 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const settingsContainer = require('../settings-container-3_Yu2aCY.cjs');
 const jsxRuntime = require('react/jsx-runtime');
 const React = require('react');
-const Txt = require('../Txt-B4-2nLaI.cjs');
+const Txt = require('../Txt-DPmEpNbp.cjs');
 const utils_cn = require('../cn-DG0X1KEP.cjs');
-const settingsRow = require('../settings-row-BoAuUUuH.cjs');
+const settingsRow = require('../settings-row-Cr8gaO5a.cjs');
 
 const SettingsTitleIdContext = React.createContext(void 0);
 function SettingsGroup({ className, ...props }) {

package/dist/new/settings.es.js

@@ -1,9 +1,9 @@
 export { S as SettingsContainer } from '../settings-container-T53heJKd.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useId, useContext, createContext } from 'react';
-import { T as Txt } from '../Txt-DTh3Pa_a.js';
+import { T as Txt } from '../Txt-BP1SRHmL.js';
 import { c as cn } from '../cn-65Adrsfj.js';
-export { a as SettingsRow } from '../settings-row-B2IekRyH.js';
+export { a as SettingsRow } from '../settings-row-Cr9DsBSX.js';
 
 const SettingsTitleIdContext = createContext(void 0);
 function SettingsGroup({ className, ...props }) {

package/dist/{schemes-C9EhSOkB.js → schemes-CGK3gQJ6.js}

@@ -5,5 +5,5 @@ const isRemoteUrl = (value) => REMOTE_URL_SCHEMES.some((scheme) => value.startsW
 const isBrowserFetchableUrl = (value) => BROWSER_FETCHABLE_SCHEMES.some((scheme) => value.startsWith(scheme));
 const isNonFetchableRemoteUrl = (value) => NON_FETCHABLE_REMOTE_SCHEMES.some((scheme) => value.startsWith(scheme));
 
-export { BROWSER_FETCHABLE_SCHEMES as B, NON_FETCHABLE_REMOTE_SCHEMES as N, REMOTE_URL_SCHEMES as R, isNonFetchableRemoteUrl as a, isRemoteUrl as b, isBrowserFetchableUrl as i };
-//# sourceMappingURL=schemes-C9EhSOkB.js.map
+export { BROWSER_FETCHABLE_SCHEMES as B, NON_FETCHABLE_REMOTE_SCHEMES as N, REMOTE_URL_SCHEMES as R, isBrowserFetchableUrl as a, isNonFetchableRemoteUrl as b, isRemoteUrl as i };
+//# sourceMappingURL=schemes-CGK3gQJ6.js.map

package/dist/{schemes-C9EhSOkB.js.map → schemes-CGK3gQJ6.js.map}

@@ -1 +1 @@
-{"version":3,"file":"schemes-C9EhSOkB.js","sources":["../src/lib/file/schemes.ts"],"sourcesContent":["/**\n * Single source of truth for the URL schemes the attachment pipeline understands.\n *\n * These MUST stay aligned with the protocols Mastra core accepts in\n * `packages/core/src/agent/message-list/prompt/attachments-to-parts.ts` (its\n * `switch (url.protocol)` whitelists exactly `http:`, `https:`, `gs:`, `s3:`\n * and throws `Unsupported URL protocol` for anything else). Forwarding a scheme\n * the UI accepts but core rejects would surface as a runtime error, so the sets\n * are kept in lockstep — see `schemes.parity.test.ts`.\n */\n\n/** Schemes the browser can fetch directly (for inline previews and HEAD lookups). */\nexport const BROWSER_FETCHABLE_SCHEMES = ['https://', 'http://'] as const;\n\n/**\n * Cloud-storage schemes that are forwarded to the model provider and resolved\n * server-side (e.g. Vertex AI for `gs://`, Bedrock for `s3://`). The browser\n * cannot fetch these, so they are never HEAD-ed or previewed inline.\n */\nexport const NON_FETCHABLE_REMOTE_SCHEMES = ['gs://', 's3://'] as const;\n\n/** Every remote scheme an attachment URL may use (fetchable + cloud-storage). */\nexport const REMOTE_URL_SCHEMES = [...BROWSER_FETCHABLE_SCHEMES, ...NON_FETCHABLE_REMOTE_SCHEMES] as const;\n\n/** True when the value starts with any supported remote scheme. */\nexport const isRemoteUrl = (value: string): boolean => REMOTE_URL_SCHEMES.some(scheme => value.startsWith(scheme));\n\n/** True when the browser can fetch the value directly (http/https). */\nexport const isBrowserFetchableUrl = (value: string): boolean =>\n  BROWSER_FETCHABLE_SCHEMES.some(scheme => value.startsWith(scheme));\n\n/** True when the value is a cloud-storage URI the browser cannot fetch (gs/s3). */\nexport const isNonFetchableRemoteUrl = (value: string): boolean =>\n  NON_FETCHABLE_REMOTE_SCHEMES.some(scheme => value.startsWith(scheme));\n"],"names":[],"mappings":"AAYO,MAAM,yBAAA,GAA4B,CAAC,UAAA,EAAY,SAAS;AAOxD,MAAM,4BAAA,GAA+B,CAAC,OAAA,EAAS,OAAO;AAGtD,MAAM,kBAAA,GAAqB,CAAC,GAAG,yBAAA,EAA2B,GAAG,4BAA4B;AAGzF,MAAM,WAAA,GAAc,CAAC,KAAA,KAA2B,kBAAA,CAAmB,KAAK,CAAA,MAAA,KAAU,KAAA,CAAM,UAAA,CAAW,MAAM,CAAC;AAG1G,MAAM,qBAAA,GAAwB,CAAC,KAAA,KACpC,yBAAA,CAA0B,KAAK,CAAA,MAAA,KAAU,KAAA,CAAM,UAAA,CAAW,MAAM,CAAC;AAG5D,MAAM,uBAAA,GAA0B,CAAC,KAAA,KACtC,4BAAA,CAA6B,KAAK,CAAA,MAAA,KAAU,KAAA,CAAM,UAAA,CAAW,MAAM,CAAC;;;;"}
+{"version":3,"file":"schemes-CGK3gQJ6.js","sources":["../src/lib/file/schemes.ts"],"sourcesContent":["/**\n * Single source of truth for the URL schemes the attachment pipeline understands.\n *\n * These MUST stay aligned with the protocols Mastra core accepts in\n * `packages/core/src/agent/message-list/prompt/attachments-to-parts.ts` (its\n * `switch (url.protocol)` whitelists exactly `http:`, `https:`, `gs:`, `s3:`\n * and throws `Unsupported URL protocol` for anything else). Forwarding a scheme\n * the UI accepts but core rejects would surface as a runtime error, so the sets\n * are kept in lockstep — see `schemes.parity.test.ts`.\n */\n\n/** Schemes the browser can fetch directly (for inline previews and HEAD lookups). */\nexport const BROWSER_FETCHABLE_SCHEMES = ['https://', 'http://'] as const;\n\n/**\n * Cloud-storage schemes that are forwarded to the model provider and resolved\n * server-side (e.g. Vertex AI for `gs://`, Bedrock for `s3://`). The browser\n * cannot fetch these, so they are never HEAD-ed or previewed inline.\n */\nexport const NON_FETCHABLE_REMOTE_SCHEMES = ['gs://', 's3://'] as const;\n\n/** Every remote scheme an attachment URL may use (fetchable + cloud-storage). */\nexport const REMOTE_URL_SCHEMES = [...BROWSER_FETCHABLE_SCHEMES, ...NON_FETCHABLE_REMOTE_SCHEMES] as const;\n\n/** True when the value starts with any supported remote scheme. */\nexport const isRemoteUrl = (value: string): boolean => REMOTE_URL_SCHEMES.some(scheme => value.startsWith(scheme));\n\n/** True when the browser can fetch the value directly (http/https). */\nexport const isBrowserFetchableUrl = (value: string): boolean =>\n  BROWSER_FETCHABLE_SCHEMES.some(scheme => value.startsWith(scheme));\n\n/** True when the value is a cloud-storage URI the browser cannot fetch (gs/s3). */\nexport const isNonFetchableRemoteUrl = (value: string): boolean =>\n  NON_FETCHABLE_REMOTE_SCHEMES.some(scheme => value.startsWith(scheme));\n"],"names":[],"mappings":"AAYO,MAAM,yBAAA,GAA4B,CAAC,UAAA,EAAY,SAAS;AAOxD,MAAM,4BAAA,GAA+B,CAAC,OAAA,EAAS,OAAO;AAGtD,MAAM,kBAAA,GAAqB,CAAC,GAAG,yBAAA,EAA2B,GAAG,4BAA4B;AAGzF,MAAM,WAAA,GAAc,CAAC,KAAA,KAA2B,kBAAA,CAAmB,KAAK,CAAA,MAAA,KAAU,KAAA,CAAM,UAAA,CAAW,MAAM,CAAC;AAG1G,MAAM,qBAAA,GAAwB,CAAC,KAAA,KACpC,yBAAA,CAA0B,KAAK,CAAA,MAAA,KAAU,KAAA,CAAM,UAAA,CAAW,MAAM,CAAC;AAG5D,MAAM,uBAAA,GAA0B,CAAC,KAAA,KACtC,4BAAA,CAA6B,KAAK,CAAA,MAAA,KAAU,KAAA,CAAM,UAAA,CAAW,MAAM,CAAC;;;;"}

package/dist/{search-field-block-fU3tStmB.js → search-field-block-Dj2KJyjQ.js}

@@ -4,7 +4,7 @@ import { useRef, useEffect } from 'react';
 import { B as Button } from './Button-B8nF87ai.js';
 import { I as Input } from './input-CHghVv3k.js';
 import { T as Tooltip, c as TooltipTrigger, a as TooltipContent } from './tooltip-BrDiP0RI.js';
-import { F as FieldBlock, f as fieldErrorId } from './field-error-id-DyWx33Fu.js';
+import { F as FieldBlock, f as fieldErrorId } from './field-error-id-DD7OARLU.js';
 import { c as cn } from './cn-65Adrsfj.js';
 
 function SearchFieldBlock({
@@ -121,4 +121,4 @@ function SearchFieldBlock({
 }
 
 export { SearchFieldBlock as S };
-//# sourceMappingURL=search-field-block-fU3tStmB.js.map
+//# sourceMappingURL=search-field-block-Dj2KJyjQ.js.map

package/dist/{search-field-block-fU3tStmB.js.map → search-field-block-Dj2KJyjQ.js.map}

@@ -1 +1 @@
-{"version":3,"file":"search-field-block-fU3tStmB.js","sources":["../src/ds/components/FormFieldBlocks/fields/search-field-block.tsx"],"sourcesContent":["import { SearchIcon, XIcon } from 'lucide-react';\nimport { useEffect, useRef, type RefObject } from 'react';\nimport { Button } from '../../Button';\nimport { Input } from '../../Input';\nimport type { InputProps } from '../../Input';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '../../Tooltip';\nimport { FieldBlock } from '../block/field-block';\nimport { fieldErrorId } from '../block/field-error-id';\nimport { cn } from '@/lib/utils';\n\nexport type SearchFieldBlockProps = {\n  name: string;\n  testId?: string;\n  label?: string;\n  labelIsHidden?: boolean;\n  required?: boolean;\n  disabled?: boolean;\n  value?: string;\n  placeholder?: string;\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n  onReset?: () => void;\n  helpText?: string;\n  error?: boolean;\n  errorMsg?: string;\n  layout?: 'horizontal' | 'vertical';\n  className?: string;\n  size?: InputProps['size'];\n  isMinimized?: boolean;\n  onMinimizedChange?: (minimized: boolean) => void;\n  /** Gives the caller access to the underlying input, e.g. to focus it from a keyboard shortcut. */\n  inputRef?: RefObject<HTMLInputElement | null>;\n};\n\nexport function SearchFieldBlock({\n  name,\n  helpText,\n  error,\n  errorMsg,\n  required = false,\n  disabled = false,\n  value,\n  label,\n  labelIsHidden = false,\n  layout = 'vertical',\n  placeholder = 'Search...',\n  onChange,\n  onReset,\n  className,\n  size,\n  isMinimized,\n  onMinimizedChange,\n  inputRef: externalInputRef,\n}: SearchFieldBlockProps) {\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  const setInputRef = (element: HTMLInputElement | null) => {\n    inputRef.current = element;\n    if (externalInputRef) externalInputRef.current = element;\n  };\n  useEffect(() => {\n    if (isMinimized === false) {\n      inputRef.current?.focus();\n    }\n  }, [isMinimized]);\n\n  if (isMinimized) {\n    return (\n      <Tooltip>\n        <TooltipTrigger asChild>\n          <Button\n            size={size || 'sm'}\n            aria-label={label || 'Search'}\n            disabled={disabled}\n            onClick={() => onMinimizedChange?.(false)}\n          >\n            <SearchIcon />\n          </Button>\n        </TooltipTrigger>\n        <TooltipContent>{label || 'Search'}</TooltipContent>\n      </Tooltip>\n    );\n  }\n\n  return (\n    <FieldBlock.Layout layout={layout} className={className}>\n      {layout === 'horizontal' ? (\n        <FieldBlock.Column className={labelIsHidden ? 'sr-only' : undefined}>\n          <FieldBlock.Label name={name} required={required} disabled={disabled}>\n            {label}\n          </FieldBlock.Label>\n        </FieldBlock.Column>\n      ) : null}\n      <FieldBlock.Column className={layout === 'horizontal' && labelIsHidden ? 'col-span-full' : undefined}>\n        {layout === 'vertical' && label ? (\n          <FieldBlock.Label\n            name={name}\n            required={required}\n            disabled={disabled}\n            className={labelIsHidden ? 'sr-only' : undefined}\n          >\n            {label}\n          </FieldBlock.Label>\n        ) : null}\n        <FieldBlock.Column className=\"gap-1\">\n          <div className=\"group relative\">\n            <Input\n              ref={setInputRef}\n              id={`input-${name}`}\n              name={name}\n              disabled={disabled}\n              value={value}\n              placeholder={placeholder}\n              onChange={onChange}\n              size={size}\n              error={error || Boolean(errorMsg)}\n              aria-describedby={errorMsg ? fieldErrorId(name) : undefined}\n              className={cn(size === 'sm' && 'px-8', (!size || size === 'md') && 'px-9', size === 'lg' && 'px-10')}\n            />\n            <SearchIcon\n              aria-hidden=\"true\"\n              className={cn(\n                'absolute top-1/2 left-3 -translate-y-1/2 text-muted-foreground',\n                size === 'sm' && 'size-3.5',\n                (!size || size === 'md') && 'size-4',\n                size === 'lg' && 'size-[1.125rem]',\n              )}\n            />\n            {onReset && (value || isMinimized === false) && (\n              <Button\n                variant=\"ghost\"\n                size={size || 'md'}\n                aria-label=\"Clear search\"\n                onClick={() => {\n                  if (value) {\n                    onReset();\n                  }\n                  if (isMinimized === false) {\n                    onMinimizedChange?.(true);\n                  }\n                }}\n                className=\"absolute top-1/2 right-0 -translate-y-1/2\"\n              >\n                <XIcon />\n              </Button>\n            )}\n          </div>\n          {helpText || errorMsg ? <FieldBlock.Message name={name} helpText={helpText} errorMsg={errorMsg} /> : null}\n        </FieldBlock.Column>\n      </FieldBlock.Column>\n    </FieldBlock.Layout>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"search-field-block-Dj2KJyjQ.js","sources":["../src/ds/components/FormFieldBlocks/fields/search-field-block.tsx"],"sourcesContent":["import { SearchIcon, XIcon } from 'lucide-react';\nimport { useEffect, useRef, type RefObject } from 'react';\nimport { Button } from '../../Button';\nimport { Input } from '../../Input';\nimport type { InputProps } from '../../Input';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '../../Tooltip';\nimport { FieldBlock } from '../block/field-block';\nimport { fieldErrorId } from '../block/field-error-id';\nimport { cn } from '@/lib/utils';\n\nexport type SearchFieldBlockProps = {\n  name: string;\n  testId?: string;\n  label?: string;\n  labelIsHidden?: boolean;\n  required?: boolean;\n  disabled?: boolean;\n  value?: string;\n  placeholder?: string;\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n  onReset?: () => void;\n  helpText?: string;\n  error?: boolean;\n  errorMsg?: string;\n  layout?: 'horizontal' | 'vertical';\n  className?: string;\n  size?: InputProps['size'];\n  isMinimized?: boolean;\n  onMinimizedChange?: (minimized: boolean) => void;\n  /** Gives the caller access to the underlying input, e.g. to focus it from a keyboard shortcut. */\n  inputRef?: RefObject<HTMLInputElement | null>;\n};\n\nexport function SearchFieldBlock({\n  name,\n  helpText,\n  error,\n  errorMsg,\n  required = false,\n  disabled = false,\n  value,\n  label,\n  labelIsHidden = false,\n  layout = 'vertical',\n  placeholder = 'Search...',\n  onChange,\n  onReset,\n  className,\n  size,\n  isMinimized,\n  onMinimizedChange,\n  inputRef: externalInputRef,\n}: SearchFieldBlockProps) {\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  const setInputRef = (element: HTMLInputElement | null) => {\n    inputRef.current = element;\n    if (externalInputRef) externalInputRef.current = element;\n  };\n  useEffect(() => {\n    if (isMinimized === false) {\n      inputRef.current?.focus();\n    }\n  }, [isMinimized]);\n\n  if (isMinimized) {\n    return (\n      <Tooltip>\n        <TooltipTrigger asChild>\n          <Button\n            size={size || 'sm'}\n            aria-label={label || 'Search'}\n            disabled={disabled}\n            onClick={() => onMinimizedChange?.(false)}\n          >\n            <SearchIcon />\n          </Button>\n        </TooltipTrigger>\n        <TooltipContent>{label || 'Search'}</TooltipContent>\n      </Tooltip>\n    );\n  }\n\n  return (\n    <FieldBlock.Layout layout={layout} className={className}>\n      {layout === 'horizontal' ? (\n        <FieldBlock.Column className={labelIsHidden ? 'sr-only' : undefined}>\n          <FieldBlock.Label name={name} required={required} disabled={disabled}>\n            {label}\n          </FieldBlock.Label>\n        </FieldBlock.Column>\n      ) : null}\n      <FieldBlock.Column className={layout === 'horizontal' && labelIsHidden ? 'col-span-full' : undefined}>\n        {layout === 'vertical' && label ? (\n          <FieldBlock.Label\n            name={name}\n            required={required}\n            disabled={disabled}\n            className={labelIsHidden ? 'sr-only' : undefined}\n          >\n            {label}\n          </FieldBlock.Label>\n        ) : null}\n        <FieldBlock.Column className=\"gap-1\">\n          <div className=\"group relative\">\n            <Input\n              ref={setInputRef}\n              id={`input-${name}`}\n              name={name}\n              disabled={disabled}\n              value={value}\n              placeholder={placeholder}\n              onChange={onChange}\n              size={size}\n              error={error || Boolean(errorMsg)}\n              aria-describedby={errorMsg ? fieldErrorId(name) : undefined}\n              className={cn(size === 'sm' && 'px-8', (!size || size === 'md') && 'px-9', size === 'lg' && 'px-10')}\n            />\n            <SearchIcon\n              aria-hidden=\"true\"\n              className={cn(\n                'absolute top-1/2 left-3 -translate-y-1/2 text-muted-foreground',\n                size === 'sm' && 'size-3.5',\n                (!size || size === 'md') && 'size-4',\n                size === 'lg' && 'size-[1.125rem]',\n              )}\n            />\n            {onReset && (value || isMinimized === false) && (\n              <Button\n                variant=\"ghost\"\n                size={size || 'md'}\n                aria-label=\"Clear search\"\n                onClick={() => {\n                  if (value) {\n                    onReset();\n                  }\n                  if (isMinimized === false) {\n                    onMinimizedChange?.(true);\n                  }\n                }}\n                className=\"absolute top-1/2 right-0 -translate-y-1/2\"\n              >\n                <XIcon />\n              </Button>\n            )}\n          </div>\n          {helpText || errorMsg ? <FieldBlock.Message name={name} helpText={helpText} errorMsg={errorMsg} /> : null}\n        </FieldBlock.Column>\n      </FieldBlock.Column>\n    </FieldBlock.Layout>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/{search-field-block-7-ufp4uG.cjs → search-field-block-K_e_S9WY.cjs}

@@ -6,7 +6,7 @@ const React = require('react');
 const Button = require('./Button-BAMnPqos.cjs');
 const input = require('./input-bd223EJW.cjs');
 const tooltip = require('./tooltip-FvWL16Xn.cjs');
-const fieldErrorId = require('./field-error-id-6EfqmQ4C.cjs');
+const fieldErrorId = require('./field-error-id-V_WejsRL.cjs');
 const utils_cn = require('./cn-DG0X1KEP.cjs');
 
 function SearchFieldBlock({
@@ -123,4 +123,4 @@ function SearchFieldBlock({
 }
 
 exports.SearchFieldBlock = SearchFieldBlock;
-//# sourceMappingURL=search-field-block-7-ufp4uG.cjs.map
+//# sourceMappingURL=search-field-block-K_e_S9WY.cjs.map

package/dist/{search-field-block-7-ufp4uG.cjs.map → search-field-block-K_e_S9WY.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"search-field-block-7-ufp4uG.cjs","sources":["../src/ds/components/FormFieldBlocks/fields/search-field-block.tsx"],"sourcesContent":["import { SearchIcon, XIcon } from 'lucide-react';\nimport { useEffect, useRef, type RefObject } from 'react';\nimport { Button } from '../../Button';\nimport { Input } from '../../Input';\nimport type { InputProps } from '../../Input';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '../../Tooltip';\nimport { FieldBlock } from '../block/field-block';\nimport { fieldErrorId } from '../block/field-error-id';\nimport { cn } from '@/lib/utils';\n\nexport type SearchFieldBlockProps = {\n  name: string;\n  testId?: string;\n  label?: string;\n  labelIsHidden?: boolean;\n  required?: boolean;\n  disabled?: boolean;\n  value?: string;\n  placeholder?: string;\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n  onReset?: () => void;\n  helpText?: string;\n  error?: boolean;\n  errorMsg?: string;\n  layout?: 'horizontal' | 'vertical';\n  className?: string;\n  size?: InputProps['size'];\n  isMinimized?: boolean;\n  onMinimizedChange?: (minimized: boolean) => void;\n  /** Gives the caller access to the underlying input, e.g. to focus it from a keyboard shortcut. */\n  inputRef?: RefObject<HTMLInputElement | null>;\n};\n\nexport function SearchFieldBlock({\n  name,\n  helpText,\n  error,\n  errorMsg,\n  required = false,\n  disabled = false,\n  value,\n  label,\n  labelIsHidden = false,\n  layout = 'vertical',\n  placeholder = 'Search...',\n  onChange,\n  onReset,\n  className,\n  size,\n  isMinimized,\n  onMinimizedChange,\n  inputRef: externalInputRef,\n}: SearchFieldBlockProps) {\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  const setInputRef = (element: HTMLInputElement | null) => {\n    inputRef.current = element;\n    if (externalInputRef) externalInputRef.current = element;\n  };\n  useEffect(() => {\n    if (isMinimized === false) {\n      inputRef.current?.focus();\n    }\n  }, [isMinimized]);\n\n  if (isMinimized) {\n    return (\n      <Tooltip>\n        <TooltipTrigger asChild>\n          <Button\n            size={size || 'sm'}\n            aria-label={label || 'Search'}\n            disabled={disabled}\n            onClick={() => onMinimizedChange?.(false)}\n          >\n            <SearchIcon />\n          </Button>\n        </TooltipTrigger>\n        <TooltipContent>{label || 'Search'}</TooltipContent>\n      </Tooltip>\n    );\n  }\n\n  return (\n    <FieldBlock.Layout layout={layout} className={className}>\n      {layout === 'horizontal' ? (\n        <FieldBlock.Column className={labelIsHidden ? 'sr-only' : undefined}>\n          <FieldBlock.Label name={name} required={required} disabled={disabled}>\n            {label}\n          </FieldBlock.Label>\n        </FieldBlock.Column>\n      ) : null}\n      <FieldBlock.Column className={layout === 'horizontal' && labelIsHidden ? 'col-span-full' : undefined}>\n        {layout === 'vertical' && label ? (\n          <FieldBlock.Label\n            name={name}\n            required={required}\n            disabled={disabled}\n            className={labelIsHidden ? 'sr-only' : undefined}\n          >\n            {label}\n          </FieldBlock.Label>\n        ) : null}\n        <FieldBlock.Column className=\"gap-1\">\n          <div className=\"group relative\">\n            <Input\n              ref={setInputRef}\n              id={`input-${name}`}\n              name={name}\n              disabled={disabled}\n              value={value}\n              placeholder={placeholder}\n              onChange={onChange}\n              size={size}\n              error={error || Boolean(errorMsg)}\n              aria-describedby={errorMsg ? fieldErrorId(name) : undefined}\n              className={cn(size === 'sm' && 'px-8', (!size || size === 'md') && 'px-9', size === 'lg' && 'px-10')}\n            />\n            <SearchIcon\n              aria-hidden=\"true\"\n              className={cn(\n                'absolute top-1/2 left-3 -translate-y-1/2 text-muted-foreground',\n                size === 'sm' && 'size-3.5',\n                (!size || size === 'md') && 'size-4',\n                size === 'lg' && 'size-[1.125rem]',\n              )}\n            />\n            {onReset && (value || isMinimized === false) && (\n              <Button\n                variant=\"ghost\"\n                size={size || 'md'}\n                aria-label=\"Clear search\"\n                onClick={() => {\n                  if (value) {\n                    onReset();\n                  }\n                  if (isMinimized === false) {\n                    onMinimizedChange?.(true);\n                  }\n                }}\n                className=\"absolute top-1/2 right-0 -translate-y-1/2\"\n              >\n                <XIcon />\n              </Button>\n            )}\n          </div>\n          {helpText || errorMsg ? <FieldBlock.Message name={name} helpText={helpText} errorMsg={errorMsg} /> : null}\n        </FieldBlock.Column>\n      </FieldBlock.Column>\n    </FieldBlock.Layout>\n  );\n}\n"],"names":["useRef","useEffect","Tooltip","jsx","TooltipTrigger","Button","SearchIcon","TooltipContent","jsxs","FieldBlock","Input","fieldErrorId","cn","XIcon"],"mappings":"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"}
+{"version":3,"file":"search-field-block-K_e_S9WY.cjs","sources":["../src/ds/components/FormFieldBlocks/fields/search-field-block.tsx"],"sourcesContent":["import { SearchIcon, XIcon } from 'lucide-react';\nimport { useEffect, useRef, type RefObject } from 'react';\nimport { Button } from '../../Button';\nimport { Input } from '../../Input';\nimport type { InputProps } from '../../Input';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '../../Tooltip';\nimport { FieldBlock } from '../block/field-block';\nimport { fieldErrorId } from '../block/field-error-id';\nimport { cn } from '@/lib/utils';\n\nexport type SearchFieldBlockProps = {\n  name: string;\n  testId?: string;\n  label?: string;\n  labelIsHidden?: boolean;\n  required?: boolean;\n  disabled?: boolean;\n  value?: string;\n  placeholder?: string;\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n  onReset?: () => void;\n  helpText?: string;\n  error?: boolean;\n  errorMsg?: string;\n  layout?: 'horizontal' | 'vertical';\n  className?: string;\n  size?: InputProps['size'];\n  isMinimized?: boolean;\n  onMinimizedChange?: (minimized: boolean) => void;\n  /** Gives the caller access to the underlying input, e.g. to focus it from a keyboard shortcut. */\n  inputRef?: RefObject<HTMLInputElement | null>;\n};\n\nexport function SearchFieldBlock({\n  name,\n  helpText,\n  error,\n  errorMsg,\n  required = false,\n  disabled = false,\n  value,\n  label,\n  labelIsHidden = false,\n  layout = 'vertical',\n  placeholder = 'Search...',\n  onChange,\n  onReset,\n  className,\n  size,\n  isMinimized,\n  onMinimizedChange,\n  inputRef: externalInputRef,\n}: SearchFieldBlockProps) {\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  const setInputRef = (element: HTMLInputElement | null) => {\n    inputRef.current = element;\n    if (externalInputRef) externalInputRef.current = element;\n  };\n  useEffect(() => {\n    if (isMinimized === false) {\n      inputRef.current?.focus();\n    }\n  }, [isMinimized]);\n\n  if (isMinimized) {\n    return (\n      <Tooltip>\n        <TooltipTrigger asChild>\n          <Button\n            size={size || 'sm'}\n            aria-label={label || 'Search'}\n            disabled={disabled}\n            onClick={() => onMinimizedChange?.(false)}\n          >\n            <SearchIcon />\n          </Button>\n        </TooltipTrigger>\n        <TooltipContent>{label || 'Search'}</TooltipContent>\n      </Tooltip>\n    );\n  }\n\n  return (\n    <FieldBlock.Layout layout={layout} className={className}>\n      {layout === 'horizontal' ? (\n        <FieldBlock.Column className={labelIsHidden ? 'sr-only' : undefined}>\n          <FieldBlock.Label name={name} required={required} disabled={disabled}>\n            {label}\n          </FieldBlock.Label>\n        </FieldBlock.Column>\n      ) : null}\n      <FieldBlock.Column className={layout === 'horizontal' && labelIsHidden ? 'col-span-full' : undefined}>\n        {layout === 'vertical' && label ? (\n          <FieldBlock.Label\n            name={name}\n            required={required}\n            disabled={disabled}\n            className={labelIsHidden ? 'sr-only' : undefined}\n          >\n            {label}\n          </FieldBlock.Label>\n        ) : null}\n        <FieldBlock.Column className=\"gap-1\">\n          <div className=\"group relative\">\n            <Input\n              ref={setInputRef}\n              id={`input-${name}`}\n              name={name}\n              disabled={disabled}\n              value={value}\n              placeholder={placeholder}\n              onChange={onChange}\n              size={size}\n              error={error || Boolean(errorMsg)}\n              aria-describedby={errorMsg ? fieldErrorId(name) : undefined}\n              className={cn(size === 'sm' && 'px-8', (!size || size === 'md') && 'px-9', size === 'lg' && 'px-10')}\n            />\n            <SearchIcon\n              aria-hidden=\"true\"\n              className={cn(\n                'absolute top-1/2 left-3 -translate-y-1/2 text-muted-foreground',\n                size === 'sm' && 'size-3.5',\n                (!size || size === 'md') && 'size-4',\n                size === 'lg' && 'size-[1.125rem]',\n              )}\n            />\n            {onReset && (value || isMinimized === false) && (\n              <Button\n                variant=\"ghost\"\n                size={size || 'md'}\n                aria-label=\"Clear search\"\n                onClick={() => {\n                  if (value) {\n                    onReset();\n                  }\n                  if (isMinimized === false) {\n                    onMinimizedChange?.(true);\n                  }\n                }}\n                className=\"absolute top-1/2 right-0 -translate-y-1/2\"\n              >\n                <XIcon />\n              </Button>\n            )}\n          </div>\n          {helpText || errorMsg ? <FieldBlock.Message name={name} helpText={helpText} errorMsg={errorMsg} /> : null}\n        </FieldBlock.Column>\n      </FieldBlock.Column>\n    </FieldBlock.Layout>\n  );\n}\n"],"names":["useRef","useEffect","Tooltip","jsx","TooltipTrigger","Button","SearchIcon","TooltipContent","jsxs","FieldBlock","Input","fieldErrorId","cn","XIcon"],"mappings":"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"}

package/dist/{section-B9OLuEq3.js → section-Bi0g7cn6.js}

@@ -1,7 +1,7 @@
 import { jsx } from 'react/jsx-runtime';
 import { a as SettingsContainerLayout } from './settings-container-T53heJKd.js';
 import { c as cn } from './cn-65Adrsfj.js';
-import { S as SettingsRowLayout } from './settings-row-B2IekRyH.js';
+import { S as SettingsRowLayout } from './settings-row-Cr9DsBSX.js';
 
 function SectionContent(props) {
   return /* @__PURE__ */ jsx(SettingsContainerLayout, { ...props, layout: "section" });
@@ -108,4 +108,4 @@ Section.DestructiveRow = SectionDestructiveRow;
 Section.Divider = SectionDivider;
 
 export { Section as S, SectionRoot as a, SubSectionRoot as b };
-//# sourceMappingURL=section-B9OLuEq3.js.map
+//# sourceMappingURL=section-Bi0g7cn6.js.map