@mastra/playground-ui 56.0.0 → 57.0.0-alpha.1

package/dist/domains/logs/components/logs-error-content.cjs.js

@@ -3,11 +3,10 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
-const lucideReact = require('lucide-react');
-const EmptyState = require('../../../EmptyState-CdRjFB06.cjs');
-const ErrorState = require('../../../ErrorState-B3uTRAEd.cjs');
-const PermissionDenied = require('../../../PermissionDenied-Dz5qXpQj.cjs');
-const SessionExpired = require('../../../SessionExpired-CF0BGNo_.cjs');
+const EmptyState = require('../../../EmptyState-DiSP6UIy.cjs');
+const ErrorState = require('../../../ErrorState-B0839u-q.cjs');
+const PermissionDenied = require('../../../PermissionDenied-fdVmTjjf.cjs');
+const SessionExpired = require('../../../SessionExpired-CFGTqnU5.cjs');
 const utils_queryUtils = require('../../../utils/query-utils.cjs.js');
 
 function LogsErrorContent({ error, resource, errorTitle }) {
@@ -17,7 +16,6 @@ function LogsErrorContent({ error, resource, errorTitle }) {
     return /* @__PURE__ */ jsxRuntime.jsx(
       EmptyState.EmptyState,
       {
-        iconSlot: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CircleSlashIcon, {}),
         titleSlot: "Observability storage is not available",
         descriptionSlot: "The observability storage domain is disabled or not configured. Enable it in your storage configuration to view logs in Studio."
       }
@@ -27,7 +25,6 @@ function LogsErrorContent({ error, resource, errorTitle }) {
     return /* @__PURE__ */ jsxRuntime.jsx(
       EmptyState.EmptyState,
       {
-        iconSlot: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CircleSlashIcon, {}),
         titleSlot: "Logs are not available with your current storage",
         descriptionSlot: "The configured observability storage provider does not support listing logs. Switch to a storage provider with logs support to view runtime logs in Studio."
       }

package/dist/domains/logs/components/logs-error-content.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"logs-error-content.cjs.js","sources":["../../../../src/domains/logs/components/logs-error-content.tsx"],"sourcesContent":["import { CircleSlashIcon } from 'lucide-react';\nimport { EmptyState } from '@/ds/components/EmptyState';\nimport { ErrorState } from '@/ds/components/ErrorState';\nimport { PermissionDenied } from '@/ds/components/PermissionDenied';\nimport { SessionExpired } from '@/ds/components/SessionExpired';\nimport {\n  is401UnauthorizedError,\n  is403ForbiddenError,\n  isObservabilityUnavailableError,\n  isUnsupportedObservabilityOperationError,\n} from '@/lib/query-utils';\n\nexport interface LogsErrorContentProps {\n  /** The error from a useLogs query. */\n  error: unknown;\n  /** Passed to PermissionDenied (usually 'logs'). */\n  resource: string;\n  /** Title shown on the generic ErrorState fallback. */\n  errorTitle: string;\n}\n\n/**\n * Renders the appropriate fallback content for a logs-related query error:\n * `<SessionExpired />` for 401, `<PermissionDenied />` for 403, otherwise `<ErrorState />`.\n * Mirror of `TracesErrorContent` for the logs domain.\n */\nexport function LogsErrorContent({ error, resource, errorTitle }: LogsErrorContentProps) {\n  if (is401UnauthorizedError(error)) return <SessionExpired />;\n  if (is403ForbiddenError(error)) return <PermissionDenied resource={resource} />;\n  if (isObservabilityUnavailableError(error)) {\n    return (\n      <EmptyState\n        iconSlot={<CircleSlashIcon />}\n        titleSlot=\"Observability storage is not available\"\n        descriptionSlot=\"The observability storage domain is disabled or not configured. Enable it in your storage configuration to view logs in Studio.\"\n      />\n    );\n  }\n  if (isUnsupportedObservabilityOperationError(error, 'logs')) {\n    return (\n      <EmptyState\n        iconSlot={<CircleSlashIcon />}\n        titleSlot=\"Logs are not available with your current storage\"\n        descriptionSlot=\"The configured observability storage provider does not support listing logs. Switch to a storage provider with logs support to view runtime logs in Studio.\"\n      />\n    );\n  }\n  const message = error instanceof Error ? error.message : undefined;\n  return <ErrorState title={errorTitle} message={message ?? 'Unknown error'} />;\n}\n"],"names":["is401UnauthorizedError","SessionExpired","is403ForbiddenError","jsx","PermissionDenied","isObservabilityUnavailableError","EmptyState","CircleSlashIcon","isUnsupportedObservabilityOperationError","ErrorState"],"mappings":";;;;;;;;;;;;AA0BO,SAAS,gBAAA,CAAiB,EAAE,KAAA,EAAO,QAAA,EAAU,YAAW,EAA0B;AACvF,EAAA,IAAIA,uCAAA,CAAuB,KAAK,CAAA,EAAG,sCAAQC,6BAAA,EAAA,EAAe,CAAA;AAC1D,EAAA,IAAIC,qCAAoB,KAAK,CAAA,EAAG,uBAAOC,cAAA,CAACC,qCAAiB,QAAA,EAAoB,CAAA;AAC7E,EAAA,IAAIC,gDAAA,CAAgC,KAAK,CAAA,EAAG;AAC1C,IAAA,uBACEF,cAAA;AAAA,MAACG,qBAAA;AAAA,MAAA;AAAA,QACC,QAAA,iCAAWC,2BAAA,EAAA,EAAgB,CAAA;AAAA,QAC3B,SAAA,EAAU,wCAAA;AAAA,QACV,eAAA,EAAgB;AAAA;AAAA,KAClB;AAAA,EAEJ;AACA,EAAA,IAAIC,yDAAA,CAAyC,KAAA,EAAO,MAAM,CAAA,EAAG;AAC3D,IAAA,uBACEL,cAAA;AAAA,MAACG,qBAAA;AAAA,MAAA;AAAA,QACC,QAAA,iCAAWC,2BAAA,EAAA,EAAgB,CAAA;AAAA,QAC3B,SAAA,EAAU,kDAAA;AAAA,QACV,eAAA,EAAgB;AAAA;AAAA,KAClB;AAAA,EAEJ;AACA,EAAA,MAAM,OAAA,GAAU,KAAA,YAAiB,KAAA,GAAQ,KAAA,CAAM,OAAA,GAAU,MAAA;AACzD,EAAA,sCAAQE,qBAAA,EAAA,EAAW,KAAA,EAAO,UAAA,EAAY,OAAA,EAAS,WAAW,eAAA,EAAiB,CAAA;AAC7E;;;;"}
+{"version":3,"file":"logs-error-content.cjs.js","sources":["../../../../src/domains/logs/components/logs-error-content.tsx"],"sourcesContent":["import { EmptyState } from '@/ds/components/EmptyState';\nimport { ErrorState } from '@/ds/components/ErrorState';\nimport { PermissionDenied } from '@/ds/components/PermissionDenied';\nimport { SessionExpired } from '@/ds/components/SessionExpired';\nimport {\n  is401UnauthorizedError,\n  is403ForbiddenError,\n  isObservabilityUnavailableError,\n  isUnsupportedObservabilityOperationError,\n} from '@/lib/query-utils';\n\nexport interface LogsErrorContentProps {\n  /** The error from a useLogs query. */\n  error: unknown;\n  /** Passed to PermissionDenied (usually 'logs'). */\n  resource: string;\n  /** Title shown on the generic ErrorState fallback. */\n  errorTitle: string;\n}\n\n/**\n * Renders the appropriate fallback content for a logs-related query error:\n * `<SessionExpired />` for 401, `<PermissionDenied />` for 403, otherwise `<ErrorState />`.\n * Mirror of `TracesErrorContent` for the logs domain.\n */\nexport function LogsErrorContent({ error, resource, errorTitle }: LogsErrorContentProps) {\n  if (is401UnauthorizedError(error)) return <SessionExpired />;\n  if (is403ForbiddenError(error)) return <PermissionDenied resource={resource} />;\n  if (isObservabilityUnavailableError(error)) {\n    return (\n      <EmptyState\n        titleSlot=\"Observability storage is not available\"\n        descriptionSlot=\"The observability storage domain is disabled or not configured. Enable it in your storage configuration to view logs in Studio.\"\n      />\n    );\n  }\n  if (isUnsupportedObservabilityOperationError(error, 'logs')) {\n    return (\n      <EmptyState\n        titleSlot=\"Logs are not available with your current storage\"\n        descriptionSlot=\"The configured observability storage provider does not support listing logs. Switch to a storage provider with logs support to view runtime logs in Studio.\"\n      />\n    );\n  }\n  const message = error instanceof Error ? error.message : undefined;\n  return <ErrorState title={errorTitle} message={message ?? 'Unknown error'} />;\n}\n"],"names":["is401UnauthorizedError","SessionExpired","is403ForbiddenError","jsx","PermissionDenied","isObservabilityUnavailableError","EmptyState","isUnsupportedObservabilityOperationError","ErrorState"],"mappings":";;;;;;;;;;;AAyBO,SAAS,gBAAA,CAAiB,EAAE,KAAA,EAAO,QAAA,EAAU,YAAW,EAA0B;AACvF,EAAA,IAAIA,uCAAA,CAAuB,KAAK,CAAA,EAAG,sCAAQC,6BAAA,EAAA,EAAe,CAAA;AAC1D,EAAA,IAAIC,qCAAoB,KAAK,CAAA,EAAG,uBAAOC,cAAA,CAACC,qCAAiB,QAAA,EAAoB,CAAA;AAC7E,EAAA,IAAIC,gDAAA,CAAgC,KAAK,CAAA,EAAG;AAC1C,IAAA,uBACEF,cAAA;AAAA,MAACG,qBAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAU,wCAAA;AAAA,QACV,eAAA,EAAgB;AAAA;AAAA,KAClB;AAAA,EAEJ;AACA,EAAA,IAAIC,yDAAA,CAAyC,KAAA,EAAO,MAAM,CAAA,EAAG;AAC3D,IAAA,uBACEJ,cAAA;AAAA,MAACG,qBAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAU,kDAAA;AAAA,QACV,eAAA,EAAgB;AAAA;AAAA,KAClB;AAAA,EAEJ;AACA,EAAA,MAAM,OAAA,GAAU,KAAA,YAAiB,KAAA,GAAQ,KAAA,CAAM,OAAA,GAAU,MAAA;AACzD,EAAA,sCAAQE,qBAAA,EAAA,EAAW,KAAA,EAAO,UAAA,EAAY,OAAA,EAAS,WAAW,eAAA,EAAiB,CAAA;AAC7E;;;;"}

package/dist/domains/logs/components/logs-error-content.es.js

@@ -1,9 +1,8 @@
 import { jsx } from 'react/jsx-runtime';
-import { CircleSlashIcon } from 'lucide-react';
-import { E as EmptyState } from '../../../EmptyState-UWXhBp5U.js';
-import { E as ErrorState } from '../../../ErrorState-DqRx8Dw_.js';
-import { P as PermissionDenied } from '../../../PermissionDenied-B6TSGolC.js';
-import { S as SessionExpired } from '../../../SessionExpired-Bq5LcsDu.js';
+import { E as EmptyState } from '../../../EmptyState-B6cyZw6m.js';
+import { E as ErrorState } from '../../../ErrorState-HyRJdaA2.js';
+import { P as PermissionDenied } from '../../../PermissionDenied-CTqnE57B.js';
+import { S as SessionExpired } from '../../../SessionExpired-COK6flhT.js';
 import { is401UnauthorizedError, is403ForbiddenError, isObservabilityUnavailableError, isUnsupportedObservabilityOperationError } from '../../../utils/query-utils.es.js';
 
 function LogsErrorContent({ error, resource, errorTitle }) {
@@ -13,7 +12,6 @@ function LogsErrorContent({ error, resource, errorTitle }) {
     return /* @__PURE__ */ jsx(
       EmptyState,
       {
-        iconSlot: /* @__PURE__ */ jsx(CircleSlashIcon, {}),
         titleSlot: "Observability storage is not available",
         descriptionSlot: "The observability storage domain is disabled or not configured. Enable it in your storage configuration to view logs in Studio."
       }
@@ -23,7 +21,6 @@ function LogsErrorContent({ error, resource, errorTitle }) {
     return /* @__PURE__ */ jsx(
       EmptyState,
       {
-        iconSlot: /* @__PURE__ */ jsx(CircleSlashIcon, {}),
         titleSlot: "Logs are not available with your current storage",
         descriptionSlot: "The configured observability storage provider does not support listing logs. Switch to a storage provider with logs support to view runtime logs in Studio."
       }

package/dist/domains/logs/components/logs-error-content.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"logs-error-content.es.js","sources":["../../../../src/domains/logs/components/logs-error-content.tsx"],"sourcesContent":["import { CircleSlashIcon } from 'lucide-react';\nimport { EmptyState } from '@/ds/components/EmptyState';\nimport { ErrorState } from '@/ds/components/ErrorState';\nimport { PermissionDenied } from '@/ds/components/PermissionDenied';\nimport { SessionExpired } from '@/ds/components/SessionExpired';\nimport {\n  is401UnauthorizedError,\n  is403ForbiddenError,\n  isObservabilityUnavailableError,\n  isUnsupportedObservabilityOperationError,\n} from '@/lib/query-utils';\n\nexport interface LogsErrorContentProps {\n  /** The error from a useLogs query. */\n  error: unknown;\n  /** Passed to PermissionDenied (usually 'logs'). */\n  resource: string;\n  /** Title shown on the generic ErrorState fallback. */\n  errorTitle: string;\n}\n\n/**\n * Renders the appropriate fallback content for a logs-related query error:\n * `<SessionExpired />` for 401, `<PermissionDenied />` for 403, otherwise `<ErrorState />`.\n * Mirror of `TracesErrorContent` for the logs domain.\n */\nexport function LogsErrorContent({ error, resource, errorTitle }: LogsErrorContentProps) {\n  if (is401UnauthorizedError(error)) return <SessionExpired />;\n  if (is403ForbiddenError(error)) return <PermissionDenied resource={resource} />;\n  if (isObservabilityUnavailableError(error)) {\n    return (\n      <EmptyState\n        iconSlot={<CircleSlashIcon />}\n        titleSlot=\"Observability storage is not available\"\n        descriptionSlot=\"The observability storage domain is disabled or not configured. Enable it in your storage configuration to view logs in Studio.\"\n      />\n    );\n  }\n  if (isUnsupportedObservabilityOperationError(error, 'logs')) {\n    return (\n      <EmptyState\n        iconSlot={<CircleSlashIcon />}\n        titleSlot=\"Logs are not available with your current storage\"\n        descriptionSlot=\"The configured observability storage provider does not support listing logs. Switch to a storage provider with logs support to view runtime logs in Studio.\"\n      />\n    );\n  }\n  const message = error instanceof Error ? error.message : undefined;\n  return <ErrorState title={errorTitle} message={message ?? 'Unknown error'} />;\n}\n"],"names":[],"mappings":";;;;;;;;AA0BO,SAAS,gBAAA,CAAiB,EAAE,KAAA,EAAO,QAAA,EAAU,YAAW,EAA0B;AACvF,EAAA,IAAI,sBAAA,CAAuB,KAAK,CAAA,EAAG,2BAAQ,cAAA,EAAA,EAAe,CAAA;AAC1D,EAAA,IAAI,oBAAoB,KAAK,CAAA,EAAG,uBAAO,GAAA,CAAC,oBAAiB,QAAA,EAAoB,CAAA;AAC7E,EAAA,IAAI,+BAAA,CAAgC,KAAK,CAAA,EAAG;AAC1C,IAAA,uBACE,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,QAAA,sBAAW,eAAA,EAAA,EAAgB,CAAA;AAAA,QAC3B,SAAA,EAAU,wCAAA;AAAA,QACV,eAAA,EAAgB;AAAA;AAAA,KAClB;AAAA,EAEJ;AACA,EAAA,IAAI,wCAAA,CAAyC,KAAA,EAAO,MAAM,CAAA,EAAG;AAC3D,IAAA,uBACE,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,QAAA,sBAAW,eAAA,EAAA,EAAgB,CAAA;AAAA,QAC3B,SAAA,EAAU,kDAAA;AAAA,QACV,eAAA,EAAgB;AAAA;AAAA,KAClB;AAAA,EAEJ;AACA,EAAA,MAAM,OAAA,GAAU,KAAA,YAAiB,KAAA,GAAQ,KAAA,CAAM,OAAA,GAAU,MAAA;AACzD,EAAA,2BAAQ,UAAA,EAAA,EAAW,KAAA,EAAO,UAAA,EAAY,OAAA,EAAS,WAAW,eAAA,EAAiB,CAAA;AAC7E;;;;"}
+{"version":3,"file":"logs-error-content.es.js","sources":["../../../../src/domains/logs/components/logs-error-content.tsx"],"sourcesContent":["import { EmptyState } from '@/ds/components/EmptyState';\nimport { ErrorState } from '@/ds/components/ErrorState';\nimport { PermissionDenied } from '@/ds/components/PermissionDenied';\nimport { SessionExpired } from '@/ds/components/SessionExpired';\nimport {\n  is401UnauthorizedError,\n  is403ForbiddenError,\n  isObservabilityUnavailableError,\n  isUnsupportedObservabilityOperationError,\n} from '@/lib/query-utils';\n\nexport interface LogsErrorContentProps {\n  /** The error from a useLogs query. */\n  error: unknown;\n  /** Passed to PermissionDenied (usually 'logs'). */\n  resource: string;\n  /** Title shown on the generic ErrorState fallback. */\n  errorTitle: string;\n}\n\n/**\n * Renders the appropriate fallback content for a logs-related query error:\n * `<SessionExpired />` for 401, `<PermissionDenied />` for 403, otherwise `<ErrorState />`.\n * Mirror of `TracesErrorContent` for the logs domain.\n */\nexport function LogsErrorContent({ error, resource, errorTitle }: LogsErrorContentProps) {\n  if (is401UnauthorizedError(error)) return <SessionExpired />;\n  if (is403ForbiddenError(error)) return <PermissionDenied resource={resource} />;\n  if (isObservabilityUnavailableError(error)) {\n    return (\n      <EmptyState\n        titleSlot=\"Observability storage is not available\"\n        descriptionSlot=\"The observability storage domain is disabled or not configured. Enable it in your storage configuration to view logs in Studio.\"\n      />\n    );\n  }\n  if (isUnsupportedObservabilityOperationError(error, 'logs')) {\n    return (\n      <EmptyState\n        titleSlot=\"Logs are not available with your current storage\"\n        descriptionSlot=\"The configured observability storage provider does not support listing logs. Switch to a storage provider with logs support to view runtime logs in Studio.\"\n      />\n    );\n  }\n  const message = error instanceof Error ? error.message : undefined;\n  return <ErrorState title={errorTitle} message={message ?? 'Unknown error'} />;\n}\n"],"names":[],"mappings":";;;;;;;AAyBO,SAAS,gBAAA,CAAiB,EAAE,KAAA,EAAO,QAAA,EAAU,YAAW,EAA0B;AACvF,EAAA,IAAI,sBAAA,CAAuB,KAAK,CAAA,EAAG,2BAAQ,cAAA,EAAA,EAAe,CAAA;AAC1D,EAAA,IAAI,oBAAoB,KAAK,CAAA,EAAG,uBAAO,GAAA,CAAC,oBAAiB,QAAA,EAAoB,CAAA;AAC7E,EAAA,IAAI,+BAAA,CAAgC,KAAK,CAAA,EAAG;AAC1C,IAAA,uBACE,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAU,wCAAA;AAAA,QACV,eAAA,EAAgB;AAAA;AAAA,KAClB;AAAA,EAEJ;AACA,EAAA,IAAI,wCAAA,CAAyC,KAAA,EAAO,MAAM,CAAA,EAAG;AAC3D,IAAA,uBACE,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAU,kDAAA;AAAA,QACV,eAAA,EAAgB;AAAA;AAAA,KAClB;AAAA,EAEJ;AACA,EAAA,MAAM,OAAA,GAAU,KAAA,YAAiB,KAAA,GAAQ,KAAA,CAAM,OAAA,GAAU,MAAA;AACzD,EAAA,2BAAQ,UAAA,EAAA,EAAW,KAAA,EAAO,UAAA,EAAY,OAAA,EAAS,WAAW,eAAA,EAAiB,CAAA;AAC7E;;;;"}

package/dist/domains/logs/components/logs-list-view.cjs.js

@@ -5,9 +5,9 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const reactVirtual = require('@tanstack/react-virtual');
 const React = require('react');
-const dataListSkeleton = require('../../../data-list-skeleton-ADXw-opu.cjs');
+const dataListSkeleton = require('../../../data-list-skeleton-DYG2LLri.cjs');
 const useDataListKeyboard = require('../../../use-data-list-keyboard-DF3tLe10.cjs');
-const logsDataList = require('../../../logs-data-list-BSHJPGi6.cjs');
+const logsDataList = require('../../../logs-data-list-C5tjRtkQ.cjs');
 
 const COLUMNS = "6rem 9rem 5rem 10rem minmax(8rem,1fr) minmax(8rem,1fr)";
 const ROW_HEIGHT = 36;

package/dist/domains/logs/components/logs-list-view.es.js

@@ -1,9 +1,9 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useVirtualizer } from '@tanstack/react-virtual';
 import { useRef, useEffect } from 'react';
-import { D as DataListSkeleton } from '../../../data-list-skeleton-D7-glFuk.js';
+import { D as DataListSkeleton } from '../../../data-list-skeleton-PXHovGLv.js';
 import { u as useDataListKeyboard } from '../../../use-data-list-keyboard-DFQr4t38.js';
-import { L as LogsDataList } from '../../../logs-data-list-CG-UgC_x.js';
+import { L as LogsDataList } from '../../../logs-data-list-Cl3abARp.js';
 
 const COLUMNS = "6rem 9rem 5rem 10rem minmax(8rem,1fr) minmax(8rem,1fr)";
 const ROW_HEIGHT = 36;

package/dist/domains/logs/components/logs-toolbar.cjs.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
-const propertyFilterApplied = require('../../../property-filter-applied-BmxCPe2d.cjs');
+const propertyFilterApplied = require('../../../property-filter-applied-DtSjGypB.cjs');
 const utils_cn = require('../../../cn-DG0X1KEP.cjs');
 
 function LogsToolbar({

package/dist/domains/logs/components/logs-toolbar.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"logs-toolbar.cjs.js","sources":["../../../../src/domains/logs/components/logs-toolbar.tsx"],"sourcesContent":["import { PropertyFilterActions } from '@/ds/components/PropertyFilter/property-filter-actions';\nimport { PropertyFilterApplied } from '@/ds/components/PropertyFilter/property-filter-applied';\nimport type { PropertyFilterField, PropertyFilterToken } from '@/ds/components/PropertyFilter/types';\nimport { cn } from '@/lib/utils';\n\nexport interface LogsToolbarProps {\n  onClear?: () => void;\n  onRemoveAll?: () => void;\n  onSave?: () => void;\n  onRemoveSaved?: () => void;\n  isLoading?: boolean;\n  filterFields: PropertyFilterField[];\n  filterTokens: PropertyFilterToken[];\n  onFilterTokensChange: (tokens: PropertyFilterToken[]) => void;\n  autoFocusFilterFieldId?: string;\n}\n\nexport function LogsToolbar({\n  onClear,\n  onRemoveAll,\n  onSave,\n  onRemoveSaved,\n  isLoading,\n  filterFields,\n  filterTokens,\n  onFilterTokensChange,\n  autoFocusFilterFieldId,\n}: LogsToolbarProps) {\n  const hasActiveFilters = filterTokens.length > 0;\n  const hasNonDefaultFilter = filterTokens.some(token => isNonDefaultFilter(token, filterFields));\n\n  // No filters → no empty grid row (and its gap) in `PageLayout.TopArea`.\n  if (!hasActiveFilters) return null;\n\n  return (\n    <div className={cn('grid grid-cols-[1fr_auto] items-start gap-3')}>\n      <PropertyFilterApplied\n        fields={filterFields}\n        tokens={filterTokens}\n        onTokensChange={onFilterTokensChange}\n        disabled={isLoading}\n        autoFocusFieldId={autoFocusFilterFieldId}\n      />\n\n      {hasActiveFilters && (\n        <PropertyFilterActions\n          disabled={isLoading}\n          onClear={hasNonDefaultFilter ? onClear : undefined}\n          onRemoveAll={onRemoveAll}\n          onSave={onSave}\n          onRemoveSaved={onRemoveSaved}\n        />\n      )}\n    </div>\n  );\n}\n\nfunction isNonDefaultFilter(token: PropertyFilterToken, fields: PropertyFilterField[]): boolean {\n  const field = fields.find(f => f.id === token.fieldId);\n  if (!field) return false;\n  if (field.kind === 'text') {\n    return typeof token.value === 'string' && token.value.trim() !== '';\n  }\n  if (field.kind === 'pick-multi') {\n    if (field.multi) return Array.isArray(token.value) && token.value.length > 0;\n    return typeof token.value === 'string' && token.value !== '' && token.value !== 'Any';\n  }\n  if (field.kind === 'multi-select') {\n    return Array.isArray(token.value) && token.value.length > 0;\n  }\n  return false;\n}\n"],"names":["jsxs","cn","jsx","PropertyFilterApplied","PropertyFilterActions"],"mappings":";;;;;;;;AAiBO,SAAS,WAAA,CAAY;AAAA,EAC1B,OAAA;AAAA,EACA,WAAA;AAAA,EACA,MAAA;AAAA,EACA,aAAA;AAAA,EACA,SAAA;AAAA,EACA,YAAA;AAAA,EACA,YAAA;AAAA,EACA,oBAAA;AAAA,EACA;AACF,CAAA,EAAqB;AACnB,EAAA,MAAM,gBAAA,GAAmB,aAAa,MAAA,GAAS,CAAA;AAC/C,EAAA,MAAM,sBAAsB,YAAA,CAAa,IAAA,CAAK,WAAS,kBAAA,CAAmB,KAAA,EAAO,YAAY,CAAC,CAAA;AAG9F,EAAA,IAAI,CAAC,kBAAkB,OAAO,IAAA;AAE9B,EAAA,uBACEA,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAWC,WAAA,CAAG,6CAA6C,CAAA,EAC9D,QAAA,EAAA;AAAA,oBAAAC,cAAA;AAAA,MAACC,2CAAA;AAAA,MAAA;AAAA,QACC,MAAA,EAAQ,YAAA;AAAA,QACR,MAAA,EAAQ,YAAA;AAAA,QACR,cAAA,EAAgB,oBAAA;AAAA,QAChB,QAAA,EAAU,SAAA;AAAA,QACV,gBAAA,EAAkB;AAAA;AAAA,KACpB;AAAA,IAEC,gBAAA,oBACCD,cAAA;AAAA,MAACE,2CAAA;AAAA,MAAA;AAAA,QACC,QAAA,EAAU,SAAA;AAAA,QACV,OAAA,EAAS,sBAAsB,OAAA,GAAU,MAAA;AAAA,QACzC,WAAA;AAAA,QACA,MAAA;AAAA,QACA;AAAA;AAAA;AACF,GAAA,EAEJ,CAAA;AAEJ;AAEA,SAAS,kBAAA,CAAmB,OAA4B,MAAA,EAAwC;AAC9F,EAAA,MAAM,QAAQ,MAAA,CAAO,IAAA,CAAK,OAAK,CAAA,CAAE,EAAA,KAAO,MAAM,OAAO,CAAA;AACrD,EAAA,IAAI,CAAC,OAAO,OAAO,KAAA;AACnB,EAAA,IAAI,KAAA,CAAM,SAAS,MAAA,EAAQ;AACzB,IAAA,OAAO,OAAO,KAAA,CAAM,KAAA,KAAU,YAAY,KAAA,CAAM,KAAA,CAAM,MAAK,KAAM,EAAA;AAAA,EACnE;AACA,EAAA,IAAI,KAAA,CAAM,SAAS,YAAA,EAAc;AAC/B,IAAA,IAAI,KAAA,CAAM,KAAA,EAAO,OAAO,KAAA,CAAM,OAAA,CAAQ,MAAM,KAAK,CAAA,IAAK,KAAA,CAAM,KAAA,CAAM,MAAA,GAAS,CAAA;AAC3E,IAAA,OAAO,OAAO,MAAM,KAAA,KAAU,QAAA,IAAY,MAAM,KAAA,KAAU,EAAA,IAAM,MAAM,KAAA,KAAU,KAAA;AAAA,EAClF;AACA,EAAA,IAAI,KAAA,CAAM,SAAS,cAAA,EAAgB;AACjC,IAAA,OAAO,MAAM,OAAA,CAAQ,KAAA,CAAM,KAAK,CAAA,IAAK,KAAA,CAAM,MAAM,MAAA,GAAS,CAAA;AAAA,EAC5D;AACA,EAAA,OAAO,KAAA;AACT;;;;"}
+{"version":3,"file":"logs-toolbar.cjs.js","sources":["../../../../src/domains/logs/components/logs-toolbar.tsx"],"sourcesContent":["import { PropertyFilterActions } from '@/ds/components/PropertyFilter/property-filter-actions';\nimport { PropertyFilterApplied } from '@/ds/components/PropertyFilter/property-filter-applied';\nimport type { PropertyFilterField, PropertyFilterToken } from '@/ds/components/PropertyFilter/types';\nimport { cn } from '@/lib/utils';\n\nexport interface LogsToolbarProps {\n  onClear?: () => void;\n  onRemoveAll?: () => void;\n  onSave?: () => void;\n  onRemoveSaved?: () => void;\n  isLoading?: boolean;\n  filterFields: PropertyFilterField[];\n  filterTokens: PropertyFilterToken[];\n  onFilterTokensChange: (tokens: PropertyFilterToken[]) => void;\n  autoFocusFilterFieldId?: string;\n}\n\nexport function LogsToolbar({\n  onClear,\n  onRemoveAll,\n  onSave,\n  onRemoveSaved,\n  isLoading,\n  filterFields,\n  filterTokens,\n  onFilterTokensChange,\n  autoFocusFilterFieldId,\n}: LogsToolbarProps) {\n  const hasActiveFilters = filterTokens.length > 0;\n  const hasNonDefaultFilter = filterTokens.some(token => isNonDefaultFilter(token, filterFields));\n\n  // No filters → no empty grid row (and its gap) in the page action row.\n  if (!hasActiveFilters) return null;\n\n  return (\n    <div className={cn('grid grid-cols-[1fr_auto] items-start gap-3')}>\n      <PropertyFilterApplied\n        fields={filterFields}\n        tokens={filterTokens}\n        onTokensChange={onFilterTokensChange}\n        disabled={isLoading}\n        autoFocusFieldId={autoFocusFilterFieldId}\n      />\n\n      {hasActiveFilters && (\n        <PropertyFilterActions\n          disabled={isLoading}\n          onClear={hasNonDefaultFilter ? onClear : undefined}\n          onRemoveAll={onRemoveAll}\n          onSave={onSave}\n          onRemoveSaved={onRemoveSaved}\n        />\n      )}\n    </div>\n  );\n}\n\nfunction isNonDefaultFilter(token: PropertyFilterToken, fields: PropertyFilterField[]): boolean {\n  const field = fields.find(f => f.id === token.fieldId);\n  if (!field) return false;\n  if (field.kind === 'text') {\n    return typeof token.value === 'string' && token.value.trim() !== '';\n  }\n  if (field.kind === 'pick-multi') {\n    if (field.multi) return Array.isArray(token.value) && token.value.length > 0;\n    return typeof token.value === 'string' && token.value !== '' && token.value !== 'Any';\n  }\n  if (field.kind === 'multi-select') {\n    return Array.isArray(token.value) && token.value.length > 0;\n  }\n  return false;\n}\n"],"names":["jsxs","cn","jsx","PropertyFilterApplied","PropertyFilterActions"],"mappings":";;;;;;;;AAiBO,SAAS,WAAA,CAAY;AAAA,EAC1B,OAAA;AAAA,EACA,WAAA;AAAA,EACA,MAAA;AAAA,EACA,aAAA;AAAA,EACA,SAAA;AAAA,EACA,YAAA;AAAA,EACA,YAAA;AAAA,EACA,oBAAA;AAAA,EACA;AACF,CAAA,EAAqB;AACnB,EAAA,MAAM,gBAAA,GAAmB,aAAa,MAAA,GAAS,CAAA;AAC/C,EAAA,MAAM,sBAAsB,YAAA,CAAa,IAAA,CAAK,WAAS,kBAAA,CAAmB,KAAA,EAAO,YAAY,CAAC,CAAA;AAG9F,EAAA,IAAI,CAAC,kBAAkB,OAAO,IAAA;AAE9B,EAAA,uBACEA,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAWC,WAAA,CAAG,6CAA6C,CAAA,EAC9D,QAAA,EAAA;AAAA,oBAAAC,cAAA;AAAA,MAACC,2CAAA;AAAA,MAAA;AAAA,QACC,MAAA,EAAQ,YAAA;AAAA,QACR,MAAA,EAAQ,YAAA;AAAA,QACR,cAAA,EAAgB,oBAAA;AAAA,QAChB,QAAA,EAAU,SAAA;AAAA,QACV,gBAAA,EAAkB;AAAA;AAAA,KACpB;AAAA,IAEC,gBAAA,oBACCD,cAAA;AAAA,MAACE,2CAAA;AAAA,MAAA;AAAA,QACC,QAAA,EAAU,SAAA;AAAA,QACV,OAAA,EAAS,sBAAsB,OAAA,GAAU,MAAA;AAAA,QACzC,WAAA;AAAA,QACA,MAAA;AAAA,QACA;AAAA;AAAA;AACF,GAAA,EAEJ,CAAA;AAEJ;AAEA,SAAS,kBAAA,CAAmB,OAA4B,MAAA,EAAwC;AAC9F,EAAA,MAAM,QAAQ,MAAA,CAAO,IAAA,CAAK,OAAK,CAAA,CAAE,EAAA,KAAO,MAAM,OAAO,CAAA;AACrD,EAAA,IAAI,CAAC,OAAO,OAAO,KAAA;AACnB,EAAA,IAAI,KAAA,CAAM,SAAS,MAAA,EAAQ;AACzB,IAAA,OAAO,OAAO,KAAA,CAAM,KAAA,KAAU,YAAY,KAAA,CAAM,KAAA,CAAM,MAAK,KAAM,EAAA;AAAA,EACnE;AACA,EAAA,IAAI,KAAA,CAAM,SAAS,YAAA,EAAc;AAC/B,IAAA,IAAI,KAAA,CAAM,KAAA,EAAO,OAAO,KAAA,CAAM,OAAA,CAAQ,MAAM,KAAK,CAAA,IAAK,KAAA,CAAM,KAAA,CAAM,MAAA,GAAS,CAAA;AAC3E,IAAA,OAAO,OAAO,MAAM,KAAA,KAAU,QAAA,IAAY,MAAM,KAAA,KAAU,EAAA,IAAM,MAAM,KAAA,KAAU,KAAA;AAAA,EAClF;AACA,EAAA,IAAI,KAAA,CAAM,SAAS,cAAA,EAAgB;AACjC,IAAA,OAAO,MAAM,OAAA,CAAQ,KAAA,CAAM,KAAK,CAAA,IAAK,KAAA,CAAM,MAAM,MAAA,GAAS,CAAA;AAAA,EAC5D;AACA,EAAA,OAAO,KAAA;AACT;;;;"}

package/dist/domains/logs/components/logs-toolbar.es.js

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { P as PropertyFilterApplied, a as PropertyFilterActions } from '../../../property-filter-applied-BBiUbtr0.js';
+import { P as PropertyFilterApplied, a as PropertyFilterActions } from '../../../property-filter-applied-C15IJHLs.js';
 import { c as cn } from '../../../cn-65Adrsfj.js';
 
 function LogsToolbar({

package/dist/domains/logs/components/logs-toolbar.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"logs-toolbar.es.js","sources":["../../../../src/domains/logs/components/logs-toolbar.tsx"],"sourcesContent":["import { PropertyFilterActions } from '@/ds/components/PropertyFilter/property-filter-actions';\nimport { PropertyFilterApplied } from '@/ds/components/PropertyFilter/property-filter-applied';\nimport type { PropertyFilterField, PropertyFilterToken } from '@/ds/components/PropertyFilter/types';\nimport { cn } from '@/lib/utils';\n\nexport interface LogsToolbarProps {\n  onClear?: () => void;\n  onRemoveAll?: () => void;\n  onSave?: () => void;\n  onRemoveSaved?: () => void;\n  isLoading?: boolean;\n  filterFields: PropertyFilterField[];\n  filterTokens: PropertyFilterToken[];\n  onFilterTokensChange: (tokens: PropertyFilterToken[]) => void;\n  autoFocusFilterFieldId?: string;\n}\n\nexport function LogsToolbar({\n  onClear,\n  onRemoveAll,\n  onSave,\n  onRemoveSaved,\n  isLoading,\n  filterFields,\n  filterTokens,\n  onFilterTokensChange,\n  autoFocusFilterFieldId,\n}: LogsToolbarProps) {\n  const hasActiveFilters = filterTokens.length > 0;\n  const hasNonDefaultFilter = filterTokens.some(token => isNonDefaultFilter(token, filterFields));\n\n  // No filters → no empty grid row (and its gap) in `PageLayout.TopArea`.\n  if (!hasActiveFilters) return null;\n\n  return (\n    <div className={cn('grid grid-cols-[1fr_auto] items-start gap-3')}>\n      <PropertyFilterApplied\n        fields={filterFields}\n        tokens={filterTokens}\n        onTokensChange={onFilterTokensChange}\n        disabled={isLoading}\n        autoFocusFieldId={autoFocusFilterFieldId}\n      />\n\n      {hasActiveFilters && (\n        <PropertyFilterActions\n          disabled={isLoading}\n          onClear={hasNonDefaultFilter ? onClear : undefined}\n          onRemoveAll={onRemoveAll}\n          onSave={onSave}\n          onRemoveSaved={onRemoveSaved}\n        />\n      )}\n    </div>\n  );\n}\n\nfunction isNonDefaultFilter(token: PropertyFilterToken, fields: PropertyFilterField[]): boolean {\n  const field = fields.find(f => f.id === token.fieldId);\n  if (!field) return false;\n  if (field.kind === 'text') {\n    return typeof token.value === 'string' && token.value.trim() !== '';\n  }\n  if (field.kind === 'pick-multi') {\n    if (field.multi) return Array.isArray(token.value) && token.value.length > 0;\n    return typeof token.value === 'string' && token.value !== '' && token.value !== 'Any';\n  }\n  if (field.kind === 'multi-select') {\n    return Array.isArray(token.value) && token.value.length > 0;\n  }\n  return false;\n}\n"],"names":[],"mappings":";;;;AAiBO,SAAS,WAAA,CAAY;AAAA,EAC1B,OAAA;AAAA,EACA,WAAA;AAAA,EACA,MAAA;AAAA,EACA,aAAA;AAAA,EACA,SAAA;AAAA,EACA,YAAA;AAAA,EACA,YAAA;AAAA,EACA,oBAAA;AAAA,EACA;AACF,CAAA,EAAqB;AACnB,EAAA,MAAM,gBAAA,GAAmB,aAAa,MAAA,GAAS,CAAA;AAC/C,EAAA,MAAM,sBAAsB,YAAA,CAAa,IAAA,CAAK,WAAS,kBAAA,CAAmB,KAAA,EAAO,YAAY,CAAC,CAAA;AAG9F,EAAA,IAAI,CAAC,kBAAkB,OAAO,IAAA;AAE9B,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,EAAA,CAAG,6CAA6C,CAAA,EAC9D,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,qBAAA;AAAA,MAAA;AAAA,QACC,MAAA,EAAQ,YAAA;AAAA,QACR,MAAA,EAAQ,YAAA;AAAA,QACR,cAAA,EAAgB,oBAAA;AAAA,QAChB,QAAA,EAAU,SAAA;AAAA,QACV,gBAAA,EAAkB;AAAA;AAAA,KACpB;AAAA,IAEC,gBAAA,oBACC,GAAA;AAAA,MAAC,qBAAA;AAAA,MAAA;AAAA,QACC,QAAA,EAAU,SAAA;AAAA,QACV,OAAA,EAAS,sBAAsB,OAAA,GAAU,MAAA;AAAA,QACzC,WAAA;AAAA,QACA,MAAA;AAAA,QACA;AAAA;AAAA;AACF,GAAA,EAEJ,CAAA;AAEJ;AAEA,SAAS,kBAAA,CAAmB,OAA4B,MAAA,EAAwC;AAC9F,EAAA,MAAM,QAAQ,MAAA,CAAO,IAAA,CAAK,OAAK,CAAA,CAAE,EAAA,KAAO,MAAM,OAAO,CAAA;AACrD,EAAA,IAAI,CAAC,OAAO,OAAO,KAAA;AACnB,EAAA,IAAI,KAAA,CAAM,SAAS,MAAA,EAAQ;AACzB,IAAA,OAAO,OAAO,KAAA,CAAM,KAAA,KAAU,YAAY,KAAA,CAAM,KAAA,CAAM,MAAK,KAAM,EAAA;AAAA,EACnE;AACA,EAAA,IAAI,KAAA,CAAM,SAAS,YAAA,EAAc;AAC/B,IAAA,IAAI,KAAA,CAAM,KAAA,EAAO,OAAO,KAAA,CAAM,OAAA,CAAQ,MAAM,KAAK,CAAA,IAAK,KAAA,CAAM,KAAA,CAAM,MAAA,GAAS,CAAA;AAC3E,IAAA,OAAO,OAAO,MAAM,KAAA,KAAU,QAAA,IAAY,MAAM,KAAA,KAAU,EAAA,IAAM,MAAM,KAAA,KAAU,KAAA;AAAA,EAClF;AACA,EAAA,IAAI,KAAA,CAAM,SAAS,cAAA,EAAgB;AACjC,IAAA,OAAO,MAAM,OAAA,CAAQ,KAAA,CAAM,KAAK,CAAA,IAAK,KAAA,CAAM,MAAM,MAAA,GAAS,CAAA;AAAA,EAC5D;AACA,EAAA,OAAO,KAAA;AACT;;;;"}
+{"version":3,"file":"logs-toolbar.es.js","sources":["../../../../src/domains/logs/components/logs-toolbar.tsx"],"sourcesContent":["import { PropertyFilterActions } from '@/ds/components/PropertyFilter/property-filter-actions';\nimport { PropertyFilterApplied } from '@/ds/components/PropertyFilter/property-filter-applied';\nimport type { PropertyFilterField, PropertyFilterToken } from '@/ds/components/PropertyFilter/types';\nimport { cn } from '@/lib/utils';\n\nexport interface LogsToolbarProps {\n  onClear?: () => void;\n  onRemoveAll?: () => void;\n  onSave?: () => void;\n  onRemoveSaved?: () => void;\n  isLoading?: boolean;\n  filterFields: PropertyFilterField[];\n  filterTokens: PropertyFilterToken[];\n  onFilterTokensChange: (tokens: PropertyFilterToken[]) => void;\n  autoFocusFilterFieldId?: string;\n}\n\nexport function LogsToolbar({\n  onClear,\n  onRemoveAll,\n  onSave,\n  onRemoveSaved,\n  isLoading,\n  filterFields,\n  filterTokens,\n  onFilterTokensChange,\n  autoFocusFilterFieldId,\n}: LogsToolbarProps) {\n  const hasActiveFilters = filterTokens.length > 0;\n  const hasNonDefaultFilter = filterTokens.some(token => isNonDefaultFilter(token, filterFields));\n\n  // No filters → no empty grid row (and its gap) in the page action row.\n  if (!hasActiveFilters) return null;\n\n  return (\n    <div className={cn('grid grid-cols-[1fr_auto] items-start gap-3')}>\n      <PropertyFilterApplied\n        fields={filterFields}\n        tokens={filterTokens}\n        onTokensChange={onFilterTokensChange}\n        disabled={isLoading}\n        autoFocusFieldId={autoFocusFilterFieldId}\n      />\n\n      {hasActiveFilters && (\n        <PropertyFilterActions\n          disabled={isLoading}\n          onClear={hasNonDefaultFilter ? onClear : undefined}\n          onRemoveAll={onRemoveAll}\n          onSave={onSave}\n          onRemoveSaved={onRemoveSaved}\n        />\n      )}\n    </div>\n  );\n}\n\nfunction isNonDefaultFilter(token: PropertyFilterToken, fields: PropertyFilterField[]): boolean {\n  const field = fields.find(f => f.id === token.fieldId);\n  if (!field) return false;\n  if (field.kind === 'text') {\n    return typeof token.value === 'string' && token.value.trim() !== '';\n  }\n  if (field.kind === 'pick-multi') {\n    if (field.multi) return Array.isArray(token.value) && token.value.length > 0;\n    return typeof token.value === 'string' && token.value !== '' && token.value !== 'Any';\n  }\n  if (field.kind === 'multi-select') {\n    return Array.isArray(token.value) && token.value.length > 0;\n  }\n  return false;\n}\n"],"names":[],"mappings":";;;;AAiBO,SAAS,WAAA,CAAY;AAAA,EAC1B,OAAA;AAAA,EACA,WAAA;AAAA,EACA,MAAA;AAAA,EACA,aAAA;AAAA,EACA,SAAA;AAAA,EACA,YAAA;AAAA,EACA,YAAA;AAAA,EACA,oBAAA;AAAA,EACA;AACF,CAAA,EAAqB;AACnB,EAAA,MAAM,gBAAA,GAAmB,aAAa,MAAA,GAAS,CAAA;AAC/C,EAAA,MAAM,sBAAsB,YAAA,CAAa,IAAA,CAAK,WAAS,kBAAA,CAAmB,KAAA,EAAO,YAAY,CAAC,CAAA;AAG9F,EAAA,IAAI,CAAC,kBAAkB,OAAO,IAAA;AAE9B,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,EAAA,CAAG,6CAA6C,CAAA,EAC9D,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,qBAAA;AAAA,MAAA;AAAA,QACC,MAAA,EAAQ,YAAA;AAAA,QACR,MAAA,EAAQ,YAAA;AAAA,QACR,cAAA,EAAgB,oBAAA;AAAA,QAChB,QAAA,EAAU,SAAA;AAAA,QACV,gBAAA,EAAkB;AAAA;AAAA,KACpB;AAAA,IAEC,gBAAA,oBACC,GAAA;AAAA,MAAC,qBAAA;AAAA,MAAA;AAAA,QACC,QAAA,EAAU,SAAA;AAAA,QACV,OAAA,EAAS,sBAAsB,OAAA,GAAU,MAAA;AAAA,QACzC,WAAA;AAAA,QACA,MAAA;AAAA,QACA;AAAA;AAAA;AACF,GAAA,EAEJ,CAAA;AAEJ;AAEA,SAAS,kBAAA,CAAmB,OAA4B,MAAA,EAAwC;AAC9F,EAAA,MAAM,QAAQ,MAAA,CAAO,IAAA,CAAK,OAAK,CAAA,CAAE,EAAA,KAAO,MAAM,OAAO,CAAA;AACrD,EAAA,IAAI,CAAC,OAAO,OAAO,KAAA;AACnB,EAAA,IAAI,KAAA,CAAM,SAAS,MAAA,EAAQ;AACzB,IAAA,OAAO,OAAO,KAAA,CAAM,KAAA,KAAU,YAAY,KAAA,CAAM,KAAA,CAAM,MAAK,KAAM,EAAA;AAAA,EACnE;AACA,EAAA,IAAI,KAAA,CAAM,SAAS,YAAA,EAAc;AAC/B,IAAA,IAAI,KAAA,CAAM,KAAA,EAAO,OAAO,KAAA,CAAM,OAAA,CAAQ,MAAM,KAAK,CAAA,IAAK,KAAA,CAAM,KAAA,CAAM,MAAA,GAAS,CAAA;AAC3E,IAAA,OAAO,OAAO,MAAM,KAAA,KAAU,QAAA,IAAY,MAAM,KAAA,KAAU,EAAA,IAAM,MAAM,KAAA,KAAU,KAAA;AAAA,EAClF;AACA,EAAA,IAAI,KAAA,CAAM,SAAS,cAAA,EAAgB;AACjC,IAAA,OAAO,MAAM,OAAA,CAAQ,KAAA,CAAM,KAAK,CAAA,IAAK,KAAA,CAAM,MAAM,MAAA,GAAS,CAAA;AAAA,EAC5D;AACA,EAAA,OAAO,KAAA;AACT;;;;"}

package/dist/domains/logs/components/no-logs-info.cjs.js

@@ -5,8 +5,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const dateFns = require('date-fns');
 const lucideReact = require('lucide-react');
-const Button = require('../../../Button-CVewl8nT.cjs');
-const EmptyState = require('../../../EmptyState-CdRjFB06.cjs');
+const Button = require('../../../Button-C0DBEBcJ.cjs');
+const EmptyState = require('../../../EmptyState-DiSP6UIy.cjs');
 
 const PRESET_LABELS = {
   "last-24h": "the last 24 hours",
@@ -43,10 +43,9 @@ function describeRange({ datePreset, dateFrom, dateTo }) {
 }
 const NoLogsInfo = ({ datePreset, dateFrom, dateTo } = {}) => {
   const { title, description } = describeRange({ datePreset, dateFrom, dateTo });
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx(
     EmptyState.EmptyState,
     {
-      iconSlot: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CircleSlashIcon, {}),
       titleSlot: title,
       descriptionSlot: description,
       actionSlot: /* @__PURE__ */ jsxRuntime.jsx(
@@ -57,9 +56,10 @@ const NoLogsInfo = ({ datePreset, dateFrom, dateTo } = {}) => {
           icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ExternalLinkIcon, {}),
           children: "Logging Documentation"
         }
-      )
+      ),
+      variant: "fill"
     }
-  ) });
+  );
 };
 
 exports.NoLogsInfo = NoLogsInfo;

package/dist/domains/logs/components/no-logs-info.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"no-logs-info.cjs.js","sources":["../../../../src/domains/logs/components/no-logs-info.tsx"],"sourcesContent":["import { format } from 'date-fns';\nimport { CircleSlashIcon, ExternalLinkIcon } from 'lucide-react';\nimport type { LogsDatePreset } from '../log-filters';\nimport { Button } from '@/ds/components/Button';\nimport { EmptyState } from '@/ds/components/EmptyState';\n\nconst PRESET_LABELS: Record<Exclude<LogsDatePreset, 'all' | 'custom'>, string> = {\n  'last-24h': 'the last 24 hours',\n  'last-3d': 'the last 3 days',\n  'last-7d': 'the last 7 days',\n  'last-14d': 'the last 14 days',\n  'last-30d': 'the last 30 days',\n};\n\nexport interface NoLogsInfoProps {\n  datePreset?: LogsDatePreset;\n  dateFrom?: Date;\n  dateTo?: Date;\n}\n\nconst DATE_FORMAT = 'MMM d, yyyy HH:mm';\n\nconst LEVEL_TIP = 'Pick a wider range or lower the logging level — verbose entries (debug, info) may be filtered out.';\n\nfunction describeRange({ datePreset, dateFrom, dateTo }: NoLogsInfoProps): { title: string; description: string } {\n  if (datePreset && datePreset !== 'all' && datePreset !== 'custom') {\n    return {\n      title: `No logs for ${PRESET_LABELS[datePreset]}`,\n      description: LEVEL_TIP,\n    };\n  }\n  if (dateFrom && dateTo) {\n    return {\n      title: `No logs between ${format(dateFrom, DATE_FORMAT)} and ${format(dateTo, DATE_FORMAT)}`,\n      description: LEVEL_TIP,\n    };\n  }\n  if (dateFrom) {\n    return {\n      title: `No logs since ${format(dateFrom, DATE_FORMAT)}`,\n      description: LEVEL_TIP,\n    };\n  }\n  return {\n    title: 'No logs yet',\n    description: 'Logs will appear here once agents, workflows, or tools are executed.',\n  };\n}\n\nexport const NoLogsInfo = ({ datePreset, dateFrom, dateTo }: NoLogsInfoProps = {}) => {\n  const { title, description } = describeRange({ datePreset, dateFrom, dateTo });\n  return (\n    <div className=\"flex h-full items-center justify-center\">\n      <EmptyState\n        iconSlot={<CircleSlashIcon />}\n        titleSlot={title}\n        descriptionSlot={description}\n        actionSlot={\n          <Button\n            variant=\"ghost\"\n            render={\n              <a href=\"https://mastra.ai/en/docs/observability/logging\" target=\"_blank\" rel=\"noopener noreferrer\" />\n            }\n            icon={<ExternalLinkIcon />}\n          >\n            Logging Documentation\n          </Button>\n        }\n      />\n    </div>\n  );\n};\n"],"names":["format","jsx","EmptyState","CircleSlashIcon","Button","ExternalLinkIcon"],"mappings":";;;;;;;;;;AAMA,MAAM,aAAA,GAA2E;AAAA,EAC/E,UAAA,EAAY,mBAAA;AAAA,EACZ,SAAA,EAAW,iBAAA;AAAA,EACX,SAAA,EAAW,iBAAA;AAAA,EACX,UAAA,EAAY,kBAAA;AAAA,EACZ,UAAA,EAAY;AACd,CAAA;AAQA,MAAM,WAAA,GAAc,mBAAA;AAEpB,MAAM,SAAA,GAAY,oGAAA;AAElB,SAAS,aAAA,CAAc,EAAE,UAAA,EAAY,QAAA,EAAU,QAAO,EAA4D;AAChH,EAAA,IAAI,UAAA,IAAc,UAAA,KAAe,KAAA,IAAS,UAAA,KAAe,QAAA,EAAU;AACjE,IAAA,OAAO;AAAA,MACL,KAAA,EAAO,CAAA,YAAA,EAAe,aAAA,CAAc,UAAU,CAAC,CAAA,CAAA;AAAA,MAC/C,WAAA,EAAa;AAAA,KACf;AAAA,EACF;AACA,EAAA,IAAI,YAAY,MAAA,EAAQ;AACtB,IAAA,OAAO;AAAA,MACL,KAAA,EAAO,CAAA,gBAAA,EAAmBA,cAAA,CAAO,QAAA,EAAU,WAAW,CAAC,CAAA,KAAA,EAAQA,cAAA,CAAO,MAAA,EAAQ,WAAW,CAAC,CAAA,CAAA;AAAA,MAC1F,WAAA,EAAa;AAAA,KACf;AAAA,EACF;AACA,EAAA,IAAI,QAAA,EAAU;AACZ,IAAA,OAAO;AAAA,MACL,KAAA,EAAO,CAAA,cAAA,EAAiBA,cAAA,CAAO,QAAA,EAAU,WAAW,CAAC,CAAA,CAAA;AAAA,MACrD,WAAA,EAAa;AAAA,KACf;AAAA,EACF;AACA,EAAA,OAAO;AAAA,IACL,KAAA,EAAO,aAAA;AAAA,IACP,WAAA,EAAa;AAAA,GACf;AACF;AAEO,MAAM,UAAA,GAAa,CAAC,EAAE,UAAA,EAAY,UAAU,MAAA,EAAO,GAAqB,EAAC,KAAM;AACpF,EAAA,MAAM,EAAE,OAAO,WAAA,EAAY,GAAI,cAAc,EAAE,UAAA,EAAY,QAAA,EAAU,MAAA,EAAQ,CAAA;AAC7E,EAAA,uBACEC,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,yCAAA,EACb,QAAA,kBAAAA,cAAA;AAAA,IAACC,qBAAA;AAAA,IAAA;AAAA,MACC,QAAA,iCAAWC,2BAAA,EAAA,EAAgB,CAAA;AAAA,MAC3B,SAAA,EAAW,KAAA;AAAA,MACX,eAAA,EAAiB,WAAA;AAAA,MACjB,UAAA,kBACEF,cAAA;AAAA,QAACG,aAAA;AAAA,QAAA;AAAA,UACC,OAAA,EAAQ,OAAA;AAAA,UACR,MAAA,iCACG,GAAA,EAAA,EAAE,IAAA,EAAK,mDAAkD,MAAA,EAAO,QAAA,EAAS,KAAI,qBAAA,EAAsB,CAAA;AAAA,UAEtG,IAAA,iCAAOC,4BAAA,EAAA,EAAiB,CAAA;AAAA,UACzB,QAAA,EAAA;AAAA;AAAA;AAED;AAAA,GAEJ,EACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"no-logs-info.cjs.js","sources":["../../../../src/domains/logs/components/no-logs-info.tsx"],"sourcesContent":["import { format } from 'date-fns';\nimport { ExternalLinkIcon } from 'lucide-react';\nimport type { LogsDatePreset } from '../log-filters';\nimport { Button } from '@/ds/components/Button';\nimport { EmptyState } from '@/ds/components/EmptyState';\n\nconst PRESET_LABELS: Record<Exclude<LogsDatePreset, 'all' | 'custom'>, string> = {\n  'last-24h': 'the last 24 hours',\n  'last-3d': 'the last 3 days',\n  'last-7d': 'the last 7 days',\n  'last-14d': 'the last 14 days',\n  'last-30d': 'the last 30 days',\n};\n\nexport interface NoLogsInfoProps {\n  datePreset?: LogsDatePreset;\n  dateFrom?: Date;\n  dateTo?: Date;\n}\n\nconst DATE_FORMAT = 'MMM d, yyyy HH:mm';\n\nconst LEVEL_TIP = 'Pick a wider range or lower the logging level — verbose entries (debug, info) may be filtered out.';\n\nfunction describeRange({ datePreset, dateFrom, dateTo }: NoLogsInfoProps): { title: string; description: string } {\n  if (datePreset && datePreset !== 'all' && datePreset !== 'custom') {\n    return {\n      title: `No logs for ${PRESET_LABELS[datePreset]}`,\n      description: LEVEL_TIP,\n    };\n  }\n  if (dateFrom && dateTo) {\n    return {\n      title: `No logs between ${format(dateFrom, DATE_FORMAT)} and ${format(dateTo, DATE_FORMAT)}`,\n      description: LEVEL_TIP,\n    };\n  }\n  if (dateFrom) {\n    return {\n      title: `No logs since ${format(dateFrom, DATE_FORMAT)}`,\n      description: LEVEL_TIP,\n    };\n  }\n  return {\n    title: 'No logs yet',\n    description: 'Logs will appear here once agents, workflows, or tools are executed.',\n  };\n}\n\nexport const NoLogsInfo = ({ datePreset, dateFrom, dateTo }: NoLogsInfoProps = {}) => {\n  const { title, description } = describeRange({ datePreset, dateFrom, dateTo });\n  return (\n    <EmptyState\n      titleSlot={title}\n      descriptionSlot={description}\n      actionSlot={\n        <Button\n          variant=\"ghost\"\n          render={\n            <a href=\"https://mastra.ai/en/docs/observability/logging\" target=\"_blank\" rel=\"noopener noreferrer\" />\n          }\n          icon={<ExternalLinkIcon />}\n        >\n          Logging Documentation\n        </Button>\n      }\n      variant=\"fill\"\n    />\n  );\n};\n"],"names":["format","jsx","EmptyState","Button","ExternalLinkIcon"],"mappings":";;;;;;;;;;AAMA,MAAM,aAAA,GAA2E;AAAA,EAC/E,UAAA,EAAY,mBAAA;AAAA,EACZ,SAAA,EAAW,iBAAA;AAAA,EACX,SAAA,EAAW,iBAAA;AAAA,EACX,UAAA,EAAY,kBAAA;AAAA,EACZ,UAAA,EAAY;AACd,CAAA;AAQA,MAAM,WAAA,GAAc,mBAAA;AAEpB,MAAM,SAAA,GAAY,oGAAA;AAElB,SAAS,aAAA,CAAc,EAAE,UAAA,EAAY,QAAA,EAAU,QAAO,EAA4D;AAChH,EAAA,IAAI,UAAA,IAAc,UAAA,KAAe,KAAA,IAAS,UAAA,KAAe,QAAA,EAAU;AACjE,IAAA,OAAO;AAAA,MACL,KAAA,EAAO,CAAA,YAAA,EAAe,aAAA,CAAc,UAAU,CAAC,CAAA,CAAA;AAAA,MAC/C,WAAA,EAAa;AAAA,KACf;AAAA,EACF;AACA,EAAA,IAAI,YAAY,MAAA,EAAQ;AACtB,IAAA,OAAO;AAAA,MACL,KAAA,EAAO,CAAA,gBAAA,EAAmBA,cAAA,CAAO,QAAA,EAAU,WAAW,CAAC,CAAA,KAAA,EAAQA,cAAA,CAAO,MAAA,EAAQ,WAAW,CAAC,CAAA,CAAA;AAAA,MAC1F,WAAA,EAAa;AAAA,KACf;AAAA,EACF;AACA,EAAA,IAAI,QAAA,EAAU;AACZ,IAAA,OAAO;AAAA,MACL,KAAA,EAAO,CAAA,cAAA,EAAiBA,cAAA,CAAO,QAAA,EAAU,WAAW,CAAC,CAAA,CAAA;AAAA,MACrD,WAAA,EAAa;AAAA,KACf;AAAA,EACF;AACA,EAAA,OAAO;AAAA,IACL,KAAA,EAAO,aAAA;AAAA,IACP,WAAA,EAAa;AAAA,GACf;AACF;AAEO,MAAM,UAAA,GAAa,CAAC,EAAE,UAAA,EAAY,UAAU,MAAA,EAAO,GAAqB,EAAC,KAAM;AACpF,EAAA,MAAM,EAAE,OAAO,WAAA,EAAY,GAAI,cAAc,EAAE,UAAA,EAAY,QAAA,EAAU,MAAA,EAAQ,CAAA;AAC7E,EAAA,uBACEC,cAAA;AAAA,IAACC,qBAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,KAAA;AAAA,MACX,eAAA,EAAiB,WAAA;AAAA,MACjB,UAAA,kBACED,cAAA;AAAA,QAACE,aAAA;AAAA,QAAA;AAAA,UACC,OAAA,EAAQ,OAAA;AAAA,UACR,MAAA,iCACG,GAAA,EAAA,EAAE,IAAA,EAAK,mDAAkD,MAAA,EAAO,QAAA,EAAS,KAAI,qBAAA,EAAsB,CAAA;AAAA,UAEtG,IAAA,iCAAOC,4BAAA,EAAA,EAAiB,CAAA;AAAA,UACzB,QAAA,EAAA;AAAA;AAAA,OAED;AAAA,MAEF,OAAA,EAAQ;AAAA;AAAA,GACV;AAEJ;;;;"}

package/dist/domains/logs/components/no-logs-info.es.js

@@ -1,8 +1,8 @@
 import { jsx } from 'react/jsx-runtime';
 import { format } from 'date-fns';
-import { ExternalLinkIcon, CircleSlashIcon } from 'lucide-react';
-import { B as Button } from '../../../Button-cWcBEd-G.js';
-import { E as EmptyState } from '../../../EmptyState-UWXhBp5U.js';
+import { ExternalLinkIcon } from 'lucide-react';
+import { B as Button } from '../../../Button-C9cvaVFG.js';
+import { E as EmptyState } from '../../../EmptyState-B6cyZw6m.js';
 
 const PRESET_LABELS = {
   "last-24h": "the last 24 hours",
@@ -39,10 +39,9 @@ function describeRange({ datePreset, dateFrom, dateTo }) {
 }
 const NoLogsInfo = ({ datePreset, dateFrom, dateTo } = {}) => {
   const { title, description } = describeRange({ datePreset, dateFrom, dateTo });
-  return /* @__PURE__ */ jsx("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(
     EmptyState,
     {
-      iconSlot: /* @__PURE__ */ jsx(CircleSlashIcon, {}),
       titleSlot: title,
       descriptionSlot: description,
       actionSlot: /* @__PURE__ */ jsx(
@@ -53,9 +52,10 @@ const NoLogsInfo = ({ datePreset, dateFrom, dateTo } = {}) => {
           icon: /* @__PURE__ */ jsx(ExternalLinkIcon, {}),
           children: "Logging Documentation"
         }
-      )
+      ),
+      variant: "fill"
     }
-  ) });
+  );
 };
 
 export { NoLogsInfo };

package/dist/domains/logs/components/no-logs-info.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"no-logs-info.es.js","sources":["../../../../src/domains/logs/components/no-logs-info.tsx"],"sourcesContent":["import { format } from 'date-fns';\nimport { CircleSlashIcon, ExternalLinkIcon } from 'lucide-react';\nimport type { LogsDatePreset } from '../log-filters';\nimport { Button } from '@/ds/components/Button';\nimport { EmptyState } from '@/ds/components/EmptyState';\n\nconst PRESET_LABELS: Record<Exclude<LogsDatePreset, 'all' | 'custom'>, string> = {\n  'last-24h': 'the last 24 hours',\n  'last-3d': 'the last 3 days',\n  'last-7d': 'the last 7 days',\n  'last-14d': 'the last 14 days',\n  'last-30d': 'the last 30 days',\n};\n\nexport interface NoLogsInfoProps {\n  datePreset?: LogsDatePreset;\n  dateFrom?: Date;\n  dateTo?: Date;\n}\n\nconst DATE_FORMAT = 'MMM d, yyyy HH:mm';\n\nconst LEVEL_TIP = 'Pick a wider range or lower the logging level — verbose entries (debug, info) may be filtered out.';\n\nfunction describeRange({ datePreset, dateFrom, dateTo }: NoLogsInfoProps): { title: string; description: string } {\n  if (datePreset && datePreset !== 'all' && datePreset !== 'custom') {\n    return {\n      title: `No logs for ${PRESET_LABELS[datePreset]}`,\n      description: LEVEL_TIP,\n    };\n  }\n  if (dateFrom && dateTo) {\n    return {\n      title: `No logs between ${format(dateFrom, DATE_FORMAT)} and ${format(dateTo, DATE_FORMAT)}`,\n      description: LEVEL_TIP,\n    };\n  }\n  if (dateFrom) {\n    return {\n      title: `No logs since ${format(dateFrom, DATE_FORMAT)}`,\n      description: LEVEL_TIP,\n    };\n  }\n  return {\n    title: 'No logs yet',\n    description: 'Logs will appear here once agents, workflows, or tools are executed.',\n  };\n}\n\nexport const NoLogsInfo = ({ datePreset, dateFrom, dateTo }: NoLogsInfoProps = {}) => {\n  const { title, description } = describeRange({ datePreset, dateFrom, dateTo });\n  return (\n    <div className=\"flex h-full items-center justify-center\">\n      <EmptyState\n        iconSlot={<CircleSlashIcon />}\n        titleSlot={title}\n        descriptionSlot={description}\n        actionSlot={\n          <Button\n            variant=\"ghost\"\n            render={\n              <a href=\"https://mastra.ai/en/docs/observability/logging\" target=\"_blank\" rel=\"noopener noreferrer\" />\n            }\n            icon={<ExternalLinkIcon />}\n          >\n            Logging Documentation\n          </Button>\n        }\n      />\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;;;AAMA,MAAM,aAAA,GAA2E;AAAA,EAC/E,UAAA,EAAY,mBAAA;AAAA,EACZ,SAAA,EAAW,iBAAA;AAAA,EACX,SAAA,EAAW,iBAAA;AAAA,EACX,UAAA,EAAY,kBAAA;AAAA,EACZ,UAAA,EAAY;AACd,CAAA;AAQA,MAAM,WAAA,GAAc,mBAAA;AAEpB,MAAM,SAAA,GAAY,oGAAA;AAElB,SAAS,aAAA,CAAc,EAAE,UAAA,EAAY,QAAA,EAAU,QAAO,EAA4D;AAChH,EAAA,IAAI,UAAA,IAAc,UAAA,KAAe,KAAA,IAAS,UAAA,KAAe,QAAA,EAAU;AACjE,IAAA,OAAO;AAAA,MACL,KAAA,EAAO,CAAA,YAAA,EAAe,aAAA,CAAc,UAAU,CAAC,CAAA,CAAA;AAAA,MAC/C,WAAA,EAAa;AAAA,KACf;AAAA,EACF;AACA,EAAA,IAAI,YAAY,MAAA,EAAQ;AACtB,IAAA,OAAO;AAAA,MACL,KAAA,EAAO,CAAA,gBAAA,EAAmB,MAAA,CAAO,QAAA,EAAU,WAAW,CAAC,CAAA,KAAA,EAAQ,MAAA,CAAO,MAAA,EAAQ,WAAW,CAAC,CAAA,CAAA;AAAA,MAC1F,WAAA,EAAa;AAAA,KACf;AAAA,EACF;AACA,EAAA,IAAI,QAAA,EAAU;AACZ,IAAA,OAAO;AAAA,MACL,KAAA,EAAO,CAAA,cAAA,EAAiB,MAAA,CAAO,QAAA,EAAU,WAAW,CAAC,CAAA,CAAA;AAAA,MACrD,WAAA,EAAa;AAAA,KACf;AAAA,EACF;AACA,EAAA,OAAO;AAAA,IACL,KAAA,EAAO,aAAA;AAAA,IACP,WAAA,EAAa;AAAA,GACf;AACF;AAEO,MAAM,UAAA,GAAa,CAAC,EAAE,UAAA,EAAY,UAAU,MAAA,EAAO,GAAqB,EAAC,KAAM;AACpF,EAAA,MAAM,EAAE,OAAO,WAAA,EAAY,GAAI,cAAc,EAAE,UAAA,EAAY,QAAA,EAAU,MAAA,EAAQ,CAAA;AAC7E,EAAA,uBACE,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,yCAAA,EACb,QAAA,kBAAA,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,QAAA,sBAAW,eAAA,EAAA,EAAgB,CAAA;AAAA,MAC3B,SAAA,EAAW,KAAA;AAAA,MACX,eAAA,EAAiB,WAAA;AAAA,MACjB,UAAA,kBACE,GAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,OAAA,EAAQ,OAAA;AAAA,UACR,MAAA,sBACG,GAAA,EAAA,EAAE,IAAA,EAAK,mDAAkD,MAAA,EAAO,QAAA,EAAS,KAAI,qBAAA,EAAsB,CAAA;AAAA,UAEtG,IAAA,sBAAO,gBAAA,EAAA,EAAiB,CAAA;AAAA,UACzB,QAAA,EAAA;AAAA;AAAA;AAED;AAAA,GAEJ,EACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"no-logs-info.es.js","sources":["../../../../src/domains/logs/components/no-logs-info.tsx"],"sourcesContent":["import { format } from 'date-fns';\nimport { ExternalLinkIcon } from 'lucide-react';\nimport type { LogsDatePreset } from '../log-filters';\nimport { Button } from '@/ds/components/Button';\nimport { EmptyState } from '@/ds/components/EmptyState';\n\nconst PRESET_LABELS: Record<Exclude<LogsDatePreset, 'all' | 'custom'>, string> = {\n  'last-24h': 'the last 24 hours',\n  'last-3d': 'the last 3 days',\n  'last-7d': 'the last 7 days',\n  'last-14d': 'the last 14 days',\n  'last-30d': 'the last 30 days',\n};\n\nexport interface NoLogsInfoProps {\n  datePreset?: LogsDatePreset;\n  dateFrom?: Date;\n  dateTo?: Date;\n}\n\nconst DATE_FORMAT = 'MMM d, yyyy HH:mm';\n\nconst LEVEL_TIP = 'Pick a wider range or lower the logging level — verbose entries (debug, info) may be filtered out.';\n\nfunction describeRange({ datePreset, dateFrom, dateTo }: NoLogsInfoProps): { title: string; description: string } {\n  if (datePreset && datePreset !== 'all' && datePreset !== 'custom') {\n    return {\n      title: `No logs for ${PRESET_LABELS[datePreset]}`,\n      description: LEVEL_TIP,\n    };\n  }\n  if (dateFrom && dateTo) {\n    return {\n      title: `No logs between ${format(dateFrom, DATE_FORMAT)} and ${format(dateTo, DATE_FORMAT)}`,\n      description: LEVEL_TIP,\n    };\n  }\n  if (dateFrom) {\n    return {\n      title: `No logs since ${format(dateFrom, DATE_FORMAT)}`,\n      description: LEVEL_TIP,\n    };\n  }\n  return {\n    title: 'No logs yet',\n    description: 'Logs will appear here once agents, workflows, or tools are executed.',\n  };\n}\n\nexport const NoLogsInfo = ({ datePreset, dateFrom, dateTo }: NoLogsInfoProps = {}) => {\n  const { title, description } = describeRange({ datePreset, dateFrom, dateTo });\n  return (\n    <EmptyState\n      titleSlot={title}\n      descriptionSlot={description}\n      actionSlot={\n        <Button\n          variant=\"ghost\"\n          render={\n            <a href=\"https://mastra.ai/en/docs/observability/logging\" target=\"_blank\" rel=\"noopener noreferrer\" />\n          }\n          icon={<ExternalLinkIcon />}\n        >\n          Logging Documentation\n        </Button>\n      }\n      variant=\"fill\"\n    />\n  );\n};\n"],"names":[],"mappings":";;;;;;AAMA,MAAM,aAAA,GAA2E;AAAA,EAC/E,UAAA,EAAY,mBAAA;AAAA,EACZ,SAAA,EAAW,iBAAA;AAAA,EACX,SAAA,EAAW,iBAAA;AAAA,EACX,UAAA,EAAY,kBAAA;AAAA,EACZ,UAAA,EAAY;AACd,CAAA;AAQA,MAAM,WAAA,GAAc,mBAAA;AAEpB,MAAM,SAAA,GAAY,oGAAA;AAElB,SAAS,aAAA,CAAc,EAAE,UAAA,EAAY,QAAA,EAAU,QAAO,EAA4D;AAChH,EAAA,IAAI,UAAA,IAAc,UAAA,KAAe,KAAA,IAAS,UAAA,KAAe,QAAA,EAAU;AACjE,IAAA,OAAO;AAAA,MACL,KAAA,EAAO,CAAA,YAAA,EAAe,aAAA,CAAc,UAAU,CAAC,CAAA,CAAA;AAAA,MAC/C,WAAA,EAAa;AAAA,KACf;AAAA,EACF;AACA,EAAA,IAAI,YAAY,MAAA,EAAQ;AACtB,IAAA,OAAO;AAAA,MACL,KAAA,EAAO,CAAA,gBAAA,EAAmB,MAAA,CAAO,QAAA,EAAU,WAAW,CAAC,CAAA,KAAA,EAAQ,MAAA,CAAO,MAAA,EAAQ,WAAW,CAAC,CAAA,CAAA;AAAA,MAC1F,WAAA,EAAa;AAAA,KACf;AAAA,EACF;AACA,EAAA,IAAI,QAAA,EAAU;AACZ,IAAA,OAAO;AAAA,MACL,KAAA,EAAO,CAAA,cAAA,EAAiB,MAAA,CAAO,QAAA,EAAU,WAAW,CAAC,CAAA,CAAA;AAAA,MACrD,WAAA,EAAa;AAAA,KACf;AAAA,EACF;AACA,EAAA,OAAO;AAAA,IACL,KAAA,EAAO,aAAA;AAAA,IACP,WAAA,EAAa;AAAA,GACf;AACF;AAEO,MAAM,UAAA,GAAa,CAAC,EAAE,UAAA,EAAY,UAAU,MAAA,EAAO,GAAqB,EAAC,KAAM;AACpF,EAAA,MAAM,EAAE,OAAO,WAAA,EAAY,GAAI,cAAc,EAAE,UAAA,EAAY,QAAA,EAAU,MAAA,EAAQ,CAAA;AAC7E,EAAA,uBACE,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,KAAA;AAAA,MACX,eAAA,EAAiB,WAAA;AAAA,MACjB,UAAA,kBACE,GAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,OAAA,EAAQ,OAAA;AAAA,UACR,MAAA,sBACG,GAAA,EAAA,EAAE,IAAA,EAAK,mDAAkD,MAAA,EAAO,QAAA,EAAS,KAAI,qBAAA,EAAsB,CAAA;AAAA,UAEtG,IAAA,sBAAO,gBAAA,EAAA,EAAiB,CAAA;AAAA,UACzB,QAAA,EAAA;AAAA;AAAA,OAED;AAAA,MAEF,OAAA,EAAQ;AAAA;AAAA,GACV;AAEJ;;;;"}

package/dist/domains/memory/components/flame-graph.cjs.js

@@ -6,7 +6,7 @@ const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
 const React = require('react');
 const recharts = require('recharts');
-const Button = require('../../../Button-CVewl8nT.cjs');
+const Button = require('../../../Button-C0DBEBcJ.cjs');
 const primitives_raisedSurface = require('../../../primitives/raised-surface.cjs.js');
 const domains_memory_lib_replaySelection = require('../lib/replay-selection.cjs.js');
 const domains_memory_lib_timeline = require('../lib/timeline.cjs.js');
@@ -18,8 +18,8 @@ const REFLECT_COLOR = "#ec4899";
 function TimeAxis({ domain }) {
   const ticks = [0, 0.25, 0.5, 0.75, 1];
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-[6rem_1fr] items-center", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground border-border/50 text-meta flex items-center self-stretch border-r pl-3", children: "Time" }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-muted-foreground text-meta flex justify-between px-1 py-1.5 font-mono", children: ticks.map((t) => /* @__PURE__ */ jsxRuntime.jsx("span", { children: domains_memory_lib_timeline.formatTimeDisplay(domains_memory_lib_timeline.tToTimestamp(t, domain)) }, t)) })
+    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "flex items-center self-stretch border-r border-border/50 pl-3 text-meta text-muted-foreground", children: "Time" }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-between px-1 py-1.5 font-mono text-meta text-muted-foreground", children: ticks.map((t) => /* @__PURE__ */ jsxRuntime.jsx("span", { children: domains_memory_lib_timeline.formatTimeDisplay(domains_memory_lib_timeline.tToTimestamp(t, domain)) }, t)) })
   ] });
 }
 function FlameTooltip({
@@ -33,7 +33,7 @@ function FlameTooltip({
   const time = domain != null && t != null ? domains_memory_lib_timeline.formatTimeDisplay(domains_memory_lib_timeline.tToTimestamp(t, domain)) : null;
   const visibleEntries = payload.filter((entry) => entry.name !== "t" && entry.name !== "time" && entry.value != null);
   if (showValue) {
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${primitives_raisedSurface.overlaySurfaceStyle} text-meta flex flex-col gap-0.5 rounded px-2 py-1.5 font-mono`, children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${primitives_raisedSurface.overlaySurfaceStyle} flex flex-col gap-0.5 rounded px-2 py-1.5 font-mono text-meta`, children: [
       time && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-3", children: [
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: "time" }),
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-foreground", children: time })
@@ -44,12 +44,12 @@ function FlameTooltip({
       ] }, entry.name))
     ] });
   }
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${primitives_raisedSurface.overlaySurfaceStyle} text-meta rounded px-2 py-1 font-mono`, children: time && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-foreground", children: time }) });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${primitives_raisedSurface.overlaySurfaceStyle} rounded px-2 py-1 font-mono text-meta`, children: time && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-foreground", children: time }) });
 }
 function AreaRow({ label, data, dataKey, color, gradientId, domain, zoomDomain, threshold }) {
   const yMax = domains_memory_components_flameGraphData.getAreaRowYMax(data, dataKey, threshold);
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-border/50 relative grid grid-cols-[6rem_1fr] items-center border-b hover:z-10", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground border-border/50 text-meta flex items-center self-stretch border-r pl-3", children: label }),
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative grid grid-cols-[6rem_1fr] items-center border-b border-border/50 hover:z-10", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "flex items-center self-stretch border-r border-border/50 pl-3 text-meta text-muted-foreground", children: label }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(recharts.ResponsiveContainer, { width: "100%", height: 32, children: /* @__PURE__ */ jsxRuntime.jsxs(recharts.AreaChart, { data, margin: { top: 0, right: 0, bottom: 0, left: 0 }, children: [
       /* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsxs("linearGradient", { id: gradientId, x1: "0", y1: "0", x2: "0", y2: "1", children: [
         /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "0%", stopColor: color, stopOpacity: 0.35 }),
@@ -81,8 +81,8 @@ function AreaRow({ label, data, dataKey, color, gradientId, domain, zoomDomain,
   ] });
 }
 function EventRow({ label, data, color, height = 32, domain, zoomDomain }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-border/50 relative grid grid-cols-[6rem_1fr] items-center border-b hover:z-10", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground border-border/50 text-meta flex items-center self-stretch border-r pl-3", children: label }),
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative grid grid-cols-[6rem_1fr] items-center border-b border-border/50 hover:z-10", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "flex items-center self-stretch border-r border-border/50 pl-3 text-meta text-muted-foreground", children: label }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(recharts.ResponsiveContainer, { width: "100%", height, children: /* @__PURE__ */ jsxRuntime.jsxs(recharts.ScatterChart, { margin: { top: 0, right: 0, bottom: 0, left: 0 }, children: [
       /* @__PURE__ */ jsxRuntime.jsx(recharts.XAxis, { dataKey: "t", type: "number", domain: zoomDomain, allowDataOverflow: true, hide: true }),
       /* @__PURE__ */ jsxRuntime.jsx(recharts.YAxis, { dataKey: "event", type: "number", domain: [0, 2], hide: true }),
@@ -119,8 +119,8 @@ function CombinedRow({
   onSelectT
 }) {
   const combinedData = domains_memory_components_flameGraphData.toCombinedRowData(areaData, areaDataKey, eventData);
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-border/50 relative grid grid-cols-[6rem_1fr] items-center border-b hover:z-10", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground border-border/50 text-meta flex items-center self-stretch border-r pl-3", children: label }),
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative grid grid-cols-[6rem_1fr] items-center border-b border-border/50 hover:z-10", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "flex items-center self-stretch border-r border-border/50 pl-3 text-meta text-muted-foreground", children: label }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(recharts.ResponsiveContainer, { width: "100%", height, children: /* @__PURE__ */ jsxRuntime.jsxs(
       recharts.ComposedChart,
       {
@@ -204,9 +204,9 @@ function ZoomTrack({
       window.removeEventListener("mouseup", onMouseUp);
     };
   }, [toTimestamp, zoomLeft, zoomRight, onZoomLeftChange, onZoomRightChange]);
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-border/50 grid grid-cols-[6rem_1fr] items-center border-b", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-border/50 flex items-center gap-1 self-stretch border-r pl-3", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground text-meta", children: "Zoom" }),
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-[6rem_1fr] items-center border-b border-border/50", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1 self-stretch border-r border-border/50 pl-3", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-meta text-muted-foreground", children: "Zoom" }),
       /* @__PURE__ */ jsxRuntime.jsx(Button.Button, { variant: "ghost", size: "icon-sm", "aria-label": "Reset zoom", onClick: onReset, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.RotateCcw, { className: "size-3" }) })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxs(
@@ -234,7 +234,7 @@ function ZoomTrack({
             "div",
             {
               "data-zoom-part": "before",
-              className: "bg-background/60 absolute inset-y-0 left-0",
+              className: "absolute inset-y-0 left-0 bg-background/60",
               style: { width: `${leftPercent}%` }
             }
           ),
@@ -242,7 +242,7 @@ function ZoomTrack({
             "div",
             {
               "data-zoom-part": "band",
-              className: "border-border/30 bg-fill-subtle absolute inset-y-0 border-y",
+              className: "absolute inset-y-0 border-y border-border/30 bg-fill-subtle",
               style: { left: `${leftPercent}%`, right: `${100 - rightPercent}%` }
             }
           ),
@@ -250,7 +250,7 @@ function ZoomTrack({
             "div",
             {
               "data-zoom-part": "after",
-              className: "bg-background/60 absolute inset-y-0 right-0",
+              className: "absolute inset-y-0 right-0 bg-background/60",
               style: { width: `${100 - rightPercent}%` }
             }
           ),
@@ -258,7 +258,7 @@ function ZoomTrack({
             "div",
             {
               "data-zoom-handle": "left",
-              className: "bg-foreground/50 hover:bg-foreground absolute inset-y-0 w-1 cursor-col-resize",
+              className: "absolute inset-y-0 w-1 cursor-col-resize bg-foreground/50 hover:bg-foreground",
               style: { left: `${leftPercent}%`, transform: "translateX(-50%)" },
               onMouseDown: (e) => {
                 e.preventDefault();
@@ -271,7 +271,7 @@ function ZoomTrack({
             "div",
             {
               "data-zoom-handle": "right",
-              className: "bg-foreground/50 hover:bg-foreground absolute inset-y-0 w-1 cursor-col-resize",
+              className: "absolute inset-y-0 w-1 cursor-col-resize bg-foreground/50 hover:bg-foreground",
               style: { left: `${rightPercent}%`, transform: "translateX(-50%)" },
               onMouseDown: (e) => {
                 e.preventDefault();