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

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-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-CAiO4FBw.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-MIKU9okW.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

@@ -6,7 +6,7 @@ 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 EmptyState = require('../../../EmptyState-0MgNiP40.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 { ExternalLinkIcon } from 'lucide-react';
 import { B as Button } from '../../../Button-cWcBEd-G.js';
-import { E as EmptyState } from '../../../EmptyState-UWXhBp5U.js';
+import { E as EmptyState } from '../../../EmptyState-CiZVWvpH.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

@@ -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: "border-border/50 text-meta text-muted-foreground flex items-center self-stretch border-r pl-3", children: "Time" }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-meta text-muted-foreground 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)) })
   ] });
 }
 function FlameTooltip({
@@ -49,7 +49,7 @@ function FlameTooltip({
 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 }),
+    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "border-border/50 text-meta text-muted-foreground flex items-center self-stretch border-r pl-3", 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 }),
@@ -82,7 +82,7 @@ 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 }),
+    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "border-border/50 text-meta text-muted-foreground flex items-center self-stretch border-r pl-3", 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 }),
@@ -120,7 +120,7 @@ function CombinedRow({
 }) {
   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 }),
+    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "border-border/50 text-meta text-muted-foreground flex items-center self-stretch border-r pl-3", children: label }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(recharts.ResponsiveContainer, { width: "100%", height, children: /* @__PURE__ */ jsxRuntime.jsxs(
       recharts.ComposedChart,
       {
@@ -206,7 +206,7 @@ function ZoomTrack({
   }, [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" }),
+      /* @__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(

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

@@ -1 +1 @@
-{"version":3,"file":"flame-graph.cjs.js","sources":["../../../../src/domains/memory/components/flame-graph.tsx"],"sourcesContent":["import { RotateCcw } from 'lucide-react';\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport {\n  Area,\n  AreaChart,\n  ComposedChart,\n  ReferenceLine,\n  ResponsiveContainer,\n  Scatter,\n  ScatterChart,\n  Tooltip,\n  XAxis,\n  YAxis,\n} from 'recharts';\n\nimport { Button } from '../../../ds/components/Button';\nimport { overlaySurfaceStyle } from '../../../ds/primitives/raised-surface';\nimport type { ExtractedOmMarker } from '../lib/extract-markers';\nimport { tToTimestampMs } from '../lib/replay-selection';\nimport type { TDomain } from '../lib/timeline';\nimport { formatTimeDisplay, tToTimestamp } from '../lib/timeline';\nimport type { MemoryMessage, OMHistoryRecord } from '../types';\nimport {\n  getAreaRowYMax,\n  isEventPoint,\n  toActiveObservationData,\n  toBufferedObservationData,\n  toCombinedRowData,\n  toContextData,\n  toEventData,\n  toMessageData,\n  toSelectedT,\n} from './flame-graph-data';\n\nexport interface ZoomRange {\n  left: number;\n  right: number;\n}\n\ninterface FlameGraphProps {\n  omRecords: OMHistoryRecord[];\n  markers: ExtractedOmMarker[];\n  messages: MemoryMessage[];\n  tDomain: TDomain;\n  observationThreshold?: number;\n  reflectionThreshold?: number;\n  onSelectTimestamp?: (timestamp: number | null) => void;\n  /**\n   * Controlled zoom range (epoch ms). When provided together with\n   * `onZoomRangeChange`, the caller owns the range and the graph becomes a\n   * controlled component; otherwise the range is managed internally.\n   */\n  zoomRange?: ZoomRange;\n  onZoomRangeChange?: (range: ZoomRange) => void;\n}\n\ntype RechartsClickState = { activeLabel?: string | number } | null | undefined;\n\nconst MSG_COLOR = 'var(--color-green-500, #22c55e)';\nconst OBS_COLOR = '#f59e0b';\nconst REFLECT_COLOR = '#ec4899';\n\nfunction TimeAxis({ domain }: { domain: TDomain }) {\n  const ticks = [0, 0.25, 0.5, 0.75, 1];\n  return (\n    <div className=\"grid grid-cols-[6rem_1fr] items-center\">\n      <p className=\"text-muted-foreground border-border/50 text-meta flex items-center self-stretch border-r pl-3\">\n        Time\n      </p>\n      <div className=\"text-muted-foreground text-meta flex justify-between px-1 py-1.5 font-mono\">\n        {ticks.map(t => (\n          <span key={t}>{formatTimeDisplay(tToTimestamp(t, domain))}</span>\n        ))}\n      </div>\n    </div>\n  );\n}\n\nexport function FlameTooltip({\n  active,\n  payload,\n  domain,\n  showValue,\n}: {\n  active?: boolean;\n  payload?: Array<{ value: unknown; name: string; payload?: { t?: number } }>;\n  domain?: TDomain;\n  showValue?: boolean;\n}) {\n  if (!active || !payload?.length) return null;\n  const t = payload[0]?.payload?.t;\n  const time = domain != null && t != null ? formatTimeDisplay(tToTimestamp(t, domain)) : null;\n  const visibleEntries = payload.filter(entry => entry.name !== 't' && entry.name !== 'time' && entry.value != null);\n\n  if (showValue) {\n    return (\n      <div className={`${overlaySurfaceStyle} text-meta flex flex-col gap-0.5 rounded px-2 py-1.5 font-mono`}>\n        {time && (\n          <div className=\"flex items-center justify-between gap-3\">\n            <span className=\"text-muted-foreground\">time</span>\n            <span className=\"text-foreground\">{time}</span>\n          </div>\n        )}\n        {visibleEntries.map(entry => (\n          <div key={entry.name} className=\"flex items-center justify-between gap-3\">\n            <span className=\"text-muted-foreground\">{entry.name}</span>\n            <span className=\"text-foreground\">\n              {typeof entry.value === 'number' ? Math.round(entry.value).toLocaleString() : String(entry.value)}\n            </span>\n          </div>\n        ))}\n      </div>\n    );\n  }\n\n  return (\n    <div className={`${overlaySurfaceStyle} text-meta rounded px-2 py-1 font-mono`}>\n      {time && <span className=\"text-foreground\">{time}</span>}\n    </div>\n  );\n}\n\ninterface AreaRowProps {\n  label: string;\n  data: Array<{ t: number; [k: string]: unknown }>;\n  dataKey: string;\n  color: string;\n  gradientId: string;\n  domain: TDomain;\n  zoomDomain: [number, number];\n  threshold?: number;\n}\n\nfunction AreaRow({ label, data, dataKey, color, gradientId, domain, zoomDomain, threshold }: AreaRowProps) {\n  const yMax = getAreaRowYMax(data, dataKey, threshold);\n\n  return (\n    <div className=\"border-border/50 relative grid grid-cols-[6rem_1fr] items-center border-b hover:z-10\">\n      <p className=\"text-muted-foreground border-border/50 text-meta flex items-center self-stretch border-r pl-3\">\n        {label}\n      </p>\n      <div>\n        <ResponsiveContainer width=\"100%\" height={32}>\n          <AreaChart data={data} margin={{ top: 0, right: 0, bottom: 0, left: 0 }}>\n            <defs>\n              <linearGradient id={gradientId} x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n                <stop offset=\"0%\" stopColor={color} stopOpacity={0.35} />\n                <stop offset=\"100%\" stopColor={color} stopOpacity={0.03} />\n              </linearGradient>\n            </defs>\n            <XAxis dataKey=\"t\" type=\"number\" domain={zoomDomain} allowDataOverflow hide />\n            <YAxis type=\"number\" domain={yMax != null ? [0, yMax] : undefined} hide />\n            <Tooltip\n              content={<FlameTooltip domain={domain} showValue />}\n              cursor={{ stroke: 'rgba(255,255,255,0.08)' }}\n            />\n            <Area\n              type=\"linear\"\n              dataKey={dataKey}\n              stroke={color}\n              strokeWidth={1}\n              strokeOpacity={0.6}\n              fill={`url(#${gradientId})`}\n              isAnimationActive={false}\n            />\n            {threshold != null && (\n              <ReferenceLine y={threshold} stroke={color} strokeDasharray=\"4 3\" strokeOpacity={0.4} />\n            )}\n          </AreaChart>\n        </ResponsiveContainer>\n      </div>\n    </div>\n  );\n}\n\ninterface EventRowProps {\n  label: string;\n  data: Array<{ t: number; event: number; [k: string]: unknown }>;\n  color: string;\n  height?: number;\n  domain: TDomain;\n  zoomDomain: [number, number];\n}\n\nfunction EventRow({ label, data, color, height = 32, domain, zoomDomain }: EventRowProps) {\n  return (\n    <div className=\"border-border/50 relative grid grid-cols-[6rem_1fr] items-center border-b hover:z-10\">\n      <p className=\"text-muted-foreground border-border/50 text-meta flex items-center self-stretch border-r pl-3\">\n        {label}\n      </p>\n      <div>\n        <ResponsiveContainer width=\"100%\" height={height}>\n          <ScatterChart margin={{ top: 0, right: 0, bottom: 0, left: 0 }}>\n            <XAxis dataKey=\"t\" type=\"number\" domain={zoomDomain} allowDataOverflow hide />\n            <YAxis dataKey=\"event\" type=\"number\" domain={[0, 2]} hide />\n            <Tooltip content={<FlameTooltip domain={domain} />} cursor={false} />\n            <Scatter\n              data={data}\n              fill={color}\n              isAnimationActive={false}\n              shape={(props: Record<string, unknown>) => {\n                const cx = props.cx as number;\n                return (\n                  <g>\n                    <rect x={cx - 6} y={0} width={12} height={height} fill=\"transparent\" />\n                    <rect x={cx - 1.5} y={0} width={3} height={height} fill={color} />\n                  </g>\n                );\n              }}\n            />\n          </ScatterChart>\n        </ResponsiveContainer>\n      </div>\n    </div>\n  );\n}\n\ninterface CombinedRowProps {\n  label: string;\n  areaData: Array<Record<string, number>>;\n  areaDataKey: string;\n  eventData: Array<{ t: number; event: number; [k: string]: unknown }>;\n  color: string;\n  gradientId: string;\n  domain: TDomain;\n  zoomDomain: [number, number];\n  threshold?: number;\n  height?: number;\n  onSelectT?: (t: number) => void;\n}\n\nfunction CombinedRow({\n  label,\n  areaData,\n  areaDataKey,\n  eventData,\n  color,\n  gradientId,\n  domain,\n  zoomDomain,\n  threshold,\n  height = 44,\n  onSelectT,\n}: CombinedRowProps) {\n  const combinedData = toCombinedRowData(areaData, areaDataKey, eventData);\n\n  return (\n    <div className=\"border-border/50 relative grid grid-cols-[6rem_1fr] items-center border-b hover:z-10\">\n      <p className=\"text-muted-foreground border-border/50 text-meta flex items-center self-stretch border-r pl-3\">\n        {label}\n      </p>\n      <div>\n        <ResponsiveContainer width=\"100%\" height={height}>\n          <ComposedChart\n            margin={{ top: 0, right: 0, bottom: 0, left: 0 }}\n            onClick={(state: RechartsClickState) => {\n              const t = toSelectedT(state?.activeLabel);\n              if (t != null && onSelectT) onSelectT(t);\n            }}\n            className={onSelectT ? 'cursor-pointer' : undefined}\n          >\n            <defs>\n              <linearGradient id={gradientId} x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n                <stop offset=\"0%\" stopColor={color} stopOpacity={0.35} />\n                <stop offset=\"100%\" stopColor={color} stopOpacity={0.06} />\n              </linearGradient>\n            </defs>\n            <XAxis dataKey=\"t\" type=\"number\" domain={zoomDomain} allowDataOverflow hide />\n            <YAxis yAxisId=\"area\" dataKey={areaDataKey} type=\"number\" hide domain={[0, 'dataMax']} />\n            <Tooltip content={<FlameTooltip domain={domain} showValue />} cursor={false} />\n            <Area\n              yAxisId=\"area\"\n              data={combinedData}\n              type=\"linear\"\n              dataKey={areaDataKey}\n              stroke={color}\n              strokeWidth={1}\n              strokeOpacity={0.6}\n              fill={`url(#${gradientId})`}\n              isAnimationActive={false}\n              activeDot={{ r: 5, stroke: color, strokeWidth: 2, fill: '#0a0a0a' }}\n              dot={(props: Record<string, unknown>) =>\n                isEventPoint(props.payload) ? (\n                  <circle cx={props.cx as number} cy={props.cy as number} r={4} fill={color} />\n                ) : (\n                  <></>\n                )\n              }\n            />\n            {threshold != null && (\n              <ReferenceLine yAxisId=\"area\" y={threshold} stroke={color} strokeDasharray=\"4 3\" strokeOpacity={0.4} />\n            )}\n          </ComposedChart>\n        </ResponsiveContainer>\n      </div>\n    </div>\n  );\n}\n\nfunction ZoomTrack({\n  tDomain,\n  zoomLeft,\n  zoomRight,\n  onZoomLeftChange,\n  onZoomRightChange,\n  onReset,\n}: {\n  tDomain: TDomain;\n  zoomLeft: number;\n  zoomRight: number;\n  onZoomLeftChange: (ts: number) => void;\n  onZoomRightChange: (ts: number) => void;\n  onReset: () => void;\n}) {\n  const trackRef = useRef<HTMLDivElement>(null);\n  const dragging = useRef<'left' | 'right' | null>(null);\n\n  const range = tDomain.tMax - tDomain.tMin;\n  const leftPercent = range > 0 ? ((zoomLeft - tDomain.tMin) / range) * 100 : 0;\n  const rightPercent = range > 0 ? ((zoomRight - tDomain.tMin) / range) * 100 : 100;\n\n  const toTimestamp = useCallback(\n    (clientX: number) => {\n      const track = trackRef.current;\n      if (!track) return null;\n      const rect = track.getBoundingClientRect();\n      const frac = Math.max(0, Math.min(1, (clientX - rect.left) / rect.width));\n      return tDomain.tMin + frac * (tDomain.tMax - tDomain.tMin);\n    },\n    [tDomain.tMin, tDomain.tMax],\n  );\n\n  useEffect(() => {\n    const onMouseMove = (e: MouseEvent) => {\n      if (!dragging.current) return;\n      const ts = toTimestamp(e.clientX);\n      if (ts == null) return;\n      if (dragging.current === 'left') {\n        onZoomLeftChange(Math.min(ts, zoomRight));\n      } else {\n        onZoomRightChange(Math.max(ts, zoomLeft));\n      }\n    };\n    const onMouseUp = () => {\n      dragging.current = null;\n    };\n    window.addEventListener('mousemove', onMouseMove);\n    window.addEventListener('mouseup', onMouseUp);\n    return () => {\n      window.removeEventListener('mousemove', onMouseMove);\n      window.removeEventListener('mouseup', onMouseUp);\n    };\n  }, [toTimestamp, zoomLeft, zoomRight, onZoomLeftChange, onZoomRightChange]);\n\n  return (\n    <div className=\"border-border/50 grid grid-cols-[6rem_1fr] items-center border-b\">\n      <div className=\"border-border/50 flex items-center gap-1 self-stretch border-r pl-3\">\n        <p className=\"text-muted-foreground text-meta\">Zoom</p>\n        <Button variant=\"ghost\" size=\"icon-sm\" aria-label=\"Reset zoom\" onClick={onReset}>\n          <RotateCcw className=\"size-3\" />\n        </Button>\n      </div>\n      <div\n        ref={trackRef}\n        data-zoom-track=\"\"\n        className=\"relative h-6 cursor-pointer select-none\"\n        onMouseDown={e => {\n          const ts = toTimestamp(e.clientX);\n          if (ts == null) return;\n          e.preventDefault();\n          const distLeft = Math.abs(ts - zoomLeft);\n          const distRight = Math.abs(ts - zoomRight);\n          if (distLeft <= distRight) {\n            onZoomLeftChange(Math.min(ts, zoomRight));\n            dragging.current = 'left';\n          } else {\n            onZoomRightChange(Math.max(ts, zoomLeft));\n            dragging.current = 'right';\n          }\n        }}\n      >\n        <div\n          data-zoom-part=\"before\"\n          className=\"bg-background/60 absolute inset-y-0 left-0\"\n          style={{ width: `${leftPercent}%` }}\n        />\n        <div\n          data-zoom-part=\"band\"\n          className=\"border-border/30 bg-fill-subtle absolute inset-y-0 border-y\"\n          style={{ left: `${leftPercent}%`, right: `${100 - rightPercent}%` }}\n        />\n        <div\n          data-zoom-part=\"after\"\n          className=\"bg-background/60 absolute inset-y-0 right-0\"\n          style={{ width: `${100 - rightPercent}%` }}\n        />\n        <div\n          data-zoom-handle=\"left\"\n          className=\"bg-foreground/50 hover:bg-foreground absolute inset-y-0 w-1 cursor-col-resize\"\n          style={{ left: `${leftPercent}%`, transform: 'translateX(-50%)' }}\n          onMouseDown={e => {\n            e.preventDefault();\n            e.stopPropagation();\n            dragging.current = 'left';\n          }}\n        />\n        <div\n          data-zoom-handle=\"right\"\n          className=\"bg-foreground/50 hover:bg-foreground absolute inset-y-0 w-1 cursor-col-resize\"\n          style={{ left: `${rightPercent}%`, transform: 'translateX(-50%)' }}\n          onMouseDown={e => {\n            e.preventDefault();\n            e.stopPropagation();\n            dragging.current = 'right';\n          }}\n        />\n      </div>\n    </div>\n  );\n}\n\nconst FALLBACK_DOMAIN: TDomain = { tMin: 0, tMax: 1 };\n\nexport function FlameGraph({\n  omRecords,\n  markers,\n  messages,\n  tDomain: tDomainProp,\n  observationThreshold,\n  reflectionThreshold,\n  onSelectTimestamp,\n  zoomRange,\n  onZoomRangeChange,\n}: FlameGraphProps) {\n  const domain = tDomainProp ?? FALLBACK_DOMAIN;\n\n  const handleSelectT = useCallback(\n    (t: number) => {\n      onSelectTimestamp?.(tToTimestampMs(t, domain));\n    },\n    [onSelectTimestamp, domain],\n  );\n\n  const isControlled = zoomRange != null && onZoomRangeChange != null;\n  const [internalZoomLeft, setInternalZoomLeft] = useState<number>(domain.tMin);\n  const [internalZoomRight, setInternalZoomRight] = useState<number>(domain.tMax);\n\n  // Reset the internal (uncontrolled) range whenever the domain changes.\n  // Controlled callers own resetting via `onZoomRangeChange`.\n  useEffect(() => {\n    if (isControlled) return;\n    setInternalZoomLeft(domain.tMin);\n    setInternalZoomRight(domain.tMax);\n  }, [domain.tMin, domain.tMax, isControlled]);\n\n  const zoomLeft = isControlled ? zoomRange.left : internalZoomLeft;\n  const zoomRight = isControlled ? zoomRange.right : internalZoomRight;\n\n  const setZoomLeft = useCallback(\n    (ts: number) => {\n      if (isControlled) onZoomRangeChange({ left: ts, right: zoomRight });\n      else setInternalZoomLeft(ts);\n    },\n    [isControlled, onZoomRangeChange, zoomRight],\n  );\n  const setZoomRight = useCallback(\n    (ts: number) => {\n      if (isControlled) onZoomRangeChange({ left: zoomLeft, right: ts });\n      else setInternalZoomRight(ts);\n    },\n    [isControlled, onZoomRangeChange, zoomLeft],\n  );\n\n  const resetZoom = useCallback(() => {\n    if (isControlled) onZoomRangeChange({ left: domain.tMin, right: domain.tMax });\n    else {\n      setInternalZoomLeft(domain.tMin);\n      setInternalZoomRight(domain.tMax);\n    }\n  }, [isControlled, onZoomRangeChange, domain.tMin, domain.tMax]);\n\n  const range = domain.tMax - domain.tMin;\n  const zoomTLeft = range > 0 ? (zoomLeft - domain.tMin) / range : 0;\n  const zoomTRight = range > 0 ? (zoomRight - domain.tMin) / range : 1;\n  const zoomDomain: [number, number] = [zoomTLeft, zoomTRight];\n\n  const messageData = useMemo(() => toMessageData(messages, domain), [messages, domain]);\n  const contextData = useMemo(() => toContextData(omRecords, markers, domain), [omRecords, markers, domain]);\n  const activeObservationData = useMemo(\n    () => toActiveObservationData(omRecords, markers, domain),\n    [omRecords, markers, domain],\n  );\n  const bufferedObservationData = useMemo(() => toBufferedObservationData(markers, domain), [markers, domain]);\n  const eventData = useMemo(() => toEventData(omRecords, domain), [omRecords, domain]);\n\n  const hasData =\n    messageData.length > 0 || contextData.length > 0 || activeObservationData.length > 0 || eventData.length > 0;\n\n  if (!hasData) return null;\n\n  return (\n    <div className=\"flex flex-col pr-2 pb-2 [&_.recharts-surface]:outline-none\">\n      <CombinedRow\n        label=\"Messages\"\n        areaData={contextData}\n        areaDataKey=\"pendingMessageTokens\"\n        eventData={messageData}\n        color={MSG_COLOR}\n        gradientId=\"grad-messages\"\n        domain={domain}\n        zoomDomain={zoomDomain}\n        threshold={observationThreshold}\n        onSelectT={onSelectTimestamp ? handleSelectT : undefined}\n      />\n\n      <CombinedRow\n        label=\"Observations\"\n        areaData={activeObservationData}\n        areaDataKey=\"observationTokenCount\"\n        eventData={eventData}\n        color={OBS_COLOR}\n        gradientId=\"grad-observations\"\n        domain={domain}\n        zoomDomain={zoomDomain}\n        threshold={reflectionThreshold}\n        onSelectT={onSelectTimestamp ? handleSelectT : undefined}\n      />\n\n      {bufferedObservationData.length > 0 && (\n        <AreaRow\n          label=\"Buffered obs\"\n          data={bufferedObservationData}\n          dataKey=\"bufferedObservationTokenCount\"\n          color={REFLECT_COLOR}\n          gradientId=\"grad-buffered-obs\"\n          domain={domain}\n          zoomDomain={zoomDomain}\n          threshold={reflectionThreshold}\n        />\n      )}\n\n      {eventData.length > 0 && (\n        <EventRow label=\"Events\" data={eventData} color={REFLECT_COLOR} domain={domain} zoomDomain={zoomDomain} />\n      )}\n\n      <TimeAxis domain={domain} />\n\n      <ZoomTrack\n        tDomain={domain}\n        zoomLeft={zoomLeft}\n        zoomRight={zoomRight}\n        onZoomLeftChange={setZoomLeft}\n        onZoomRightChange={setZoomRight}\n        onReset={resetZoom}\n      />\n    </div>\n  );\n}\n"],"names":["jsxs","jsx","formatTimeDisplay","tToTimestamp","overlaySurfaceStyle","getAreaRowYMax","ResponsiveContainer","AreaChart","XAxis","YAxis","Tooltip","Area","ReferenceLine","ScatterChart","Scatter","toCombinedRowData","ComposedChart","toSelectedT","isEventPoint","Fragment","useRef","useCallback","useEffect","Button","RotateCcw","tToTimestampMs","useState","useMemo","toMessageData","toContextData","toActiveObservationData","toBufferedObservationData","toEventData"],"mappings":"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"}
+{"version":3,"file":"flame-graph.cjs.js","sources":["../../../../src/domains/memory/components/flame-graph.tsx"],"sourcesContent":["import { RotateCcw } from 'lucide-react';\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport {\n  Area,\n  AreaChart,\n  ComposedChart,\n  ReferenceLine,\n  ResponsiveContainer,\n  Scatter,\n  ScatterChart,\n  Tooltip,\n  XAxis,\n  YAxis,\n} from 'recharts';\n\nimport { Button } from '../../../ds/components/Button';\nimport { overlaySurfaceStyle } from '../../../ds/primitives/raised-surface';\nimport type { ExtractedOmMarker } from '../lib/extract-markers';\nimport { tToTimestampMs } from '../lib/replay-selection';\nimport type { TDomain } from '../lib/timeline';\nimport { formatTimeDisplay, tToTimestamp } from '../lib/timeline';\nimport type { MemoryMessage, OMHistoryRecord } from '../types';\nimport {\n  getAreaRowYMax,\n  isEventPoint,\n  toActiveObservationData,\n  toBufferedObservationData,\n  toCombinedRowData,\n  toContextData,\n  toEventData,\n  toMessageData,\n  toSelectedT,\n} from './flame-graph-data';\n\nexport interface ZoomRange {\n  left: number;\n  right: number;\n}\n\ninterface FlameGraphProps {\n  omRecords: OMHistoryRecord[];\n  markers: ExtractedOmMarker[];\n  messages: MemoryMessage[];\n  tDomain: TDomain;\n  observationThreshold?: number;\n  reflectionThreshold?: number;\n  onSelectTimestamp?: (timestamp: number | null) => void;\n  /**\n   * Controlled zoom range (epoch ms). When provided together with\n   * `onZoomRangeChange`, the caller owns the range and the graph becomes a\n   * controlled component; otherwise the range is managed internally.\n   */\n  zoomRange?: ZoomRange;\n  onZoomRangeChange?: (range: ZoomRange) => void;\n}\n\ntype RechartsClickState = { activeLabel?: string | number } | null | undefined;\n\nconst MSG_COLOR = 'var(--color-green-500, #22c55e)';\nconst OBS_COLOR = '#f59e0b';\nconst REFLECT_COLOR = '#ec4899';\n\nfunction TimeAxis({ domain }: { domain: TDomain }) {\n  const ticks = [0, 0.25, 0.5, 0.75, 1];\n  return (\n    <div className=\"grid grid-cols-[6rem_1fr] items-center\">\n      <p className=\"border-border/50 text-meta text-muted-foreground flex items-center self-stretch border-r pl-3\">\n        Time\n      </p>\n      <div className=\"text-meta text-muted-foreground flex justify-between px-1 py-1.5 font-mono\">\n        {ticks.map(t => (\n          <span key={t}>{formatTimeDisplay(tToTimestamp(t, domain))}</span>\n        ))}\n      </div>\n    </div>\n  );\n}\n\nexport function FlameTooltip({\n  active,\n  payload,\n  domain,\n  showValue,\n}: {\n  active?: boolean;\n  payload?: Array<{ value: unknown; name: string; payload?: { t?: number } }>;\n  domain?: TDomain;\n  showValue?: boolean;\n}) {\n  if (!active || !payload?.length) return null;\n  const t = payload[0]?.payload?.t;\n  const time = domain != null && t != null ? formatTimeDisplay(tToTimestamp(t, domain)) : null;\n  const visibleEntries = payload.filter(entry => entry.name !== 't' && entry.name !== 'time' && entry.value != null);\n\n  if (showValue) {\n    return (\n      <div className={`${overlaySurfaceStyle} text-meta flex flex-col gap-0.5 rounded px-2 py-1.5 font-mono`}>\n        {time && (\n          <div className=\"flex items-center justify-between gap-3\">\n            <span className=\"text-muted-foreground\">time</span>\n            <span className=\"text-foreground\">{time}</span>\n          </div>\n        )}\n        {visibleEntries.map(entry => (\n          <div key={entry.name} className=\"flex items-center justify-between gap-3\">\n            <span className=\"text-muted-foreground\">{entry.name}</span>\n            <span className=\"text-foreground\">\n              {typeof entry.value === 'number' ? Math.round(entry.value).toLocaleString() : String(entry.value)}\n            </span>\n          </div>\n        ))}\n      </div>\n    );\n  }\n\n  return (\n    <div className={`${overlaySurfaceStyle} text-meta rounded px-2 py-1 font-mono`}>\n      {time && <span className=\"text-foreground\">{time}</span>}\n    </div>\n  );\n}\n\ninterface AreaRowProps {\n  label: string;\n  data: Array<{ t: number; [k: string]: unknown }>;\n  dataKey: string;\n  color: string;\n  gradientId: string;\n  domain: TDomain;\n  zoomDomain: [number, number];\n  threshold?: number;\n}\n\nfunction AreaRow({ label, data, dataKey, color, gradientId, domain, zoomDomain, threshold }: AreaRowProps) {\n  const yMax = getAreaRowYMax(data, dataKey, threshold);\n\n  return (\n    <div className=\"border-border/50 relative grid grid-cols-[6rem_1fr] items-center border-b hover:z-10\">\n      <p className=\"border-border/50 text-meta text-muted-foreground flex items-center self-stretch border-r pl-3\">\n        {label}\n      </p>\n      <div>\n        <ResponsiveContainer width=\"100%\" height={32}>\n          <AreaChart data={data} margin={{ top: 0, right: 0, bottom: 0, left: 0 }}>\n            <defs>\n              <linearGradient id={gradientId} x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n                <stop offset=\"0%\" stopColor={color} stopOpacity={0.35} />\n                <stop offset=\"100%\" stopColor={color} stopOpacity={0.03} />\n              </linearGradient>\n            </defs>\n            <XAxis dataKey=\"t\" type=\"number\" domain={zoomDomain} allowDataOverflow hide />\n            <YAxis type=\"number\" domain={yMax != null ? [0, yMax] : undefined} hide />\n            <Tooltip\n              content={<FlameTooltip domain={domain} showValue />}\n              cursor={{ stroke: 'rgba(255,255,255,0.08)' }}\n            />\n            <Area\n              type=\"linear\"\n              dataKey={dataKey}\n              stroke={color}\n              strokeWidth={1}\n              strokeOpacity={0.6}\n              fill={`url(#${gradientId})`}\n              isAnimationActive={false}\n            />\n            {threshold != null && (\n              <ReferenceLine y={threshold} stroke={color} strokeDasharray=\"4 3\" strokeOpacity={0.4} />\n            )}\n          </AreaChart>\n        </ResponsiveContainer>\n      </div>\n    </div>\n  );\n}\n\ninterface EventRowProps {\n  label: string;\n  data: Array<{ t: number; event: number; [k: string]: unknown }>;\n  color: string;\n  height?: number;\n  domain: TDomain;\n  zoomDomain: [number, number];\n}\n\nfunction EventRow({ label, data, color, height = 32, domain, zoomDomain }: EventRowProps) {\n  return (\n    <div className=\"border-border/50 relative grid grid-cols-[6rem_1fr] items-center border-b hover:z-10\">\n      <p className=\"border-border/50 text-meta text-muted-foreground flex items-center self-stretch border-r pl-3\">\n        {label}\n      </p>\n      <div>\n        <ResponsiveContainer width=\"100%\" height={height}>\n          <ScatterChart margin={{ top: 0, right: 0, bottom: 0, left: 0 }}>\n            <XAxis dataKey=\"t\" type=\"number\" domain={zoomDomain} allowDataOverflow hide />\n            <YAxis dataKey=\"event\" type=\"number\" domain={[0, 2]} hide />\n            <Tooltip content={<FlameTooltip domain={domain} />} cursor={false} />\n            <Scatter\n              data={data}\n              fill={color}\n              isAnimationActive={false}\n              shape={(props: Record<string, unknown>) => {\n                const cx = props.cx as number;\n                return (\n                  <g>\n                    <rect x={cx - 6} y={0} width={12} height={height} fill=\"transparent\" />\n                    <rect x={cx - 1.5} y={0} width={3} height={height} fill={color} />\n                  </g>\n                );\n              }}\n            />\n          </ScatterChart>\n        </ResponsiveContainer>\n      </div>\n    </div>\n  );\n}\n\ninterface CombinedRowProps {\n  label: string;\n  areaData: Array<Record<string, number>>;\n  areaDataKey: string;\n  eventData: Array<{ t: number; event: number; [k: string]: unknown }>;\n  color: string;\n  gradientId: string;\n  domain: TDomain;\n  zoomDomain: [number, number];\n  threshold?: number;\n  height?: number;\n  onSelectT?: (t: number) => void;\n}\n\nfunction CombinedRow({\n  label,\n  areaData,\n  areaDataKey,\n  eventData,\n  color,\n  gradientId,\n  domain,\n  zoomDomain,\n  threshold,\n  height = 44,\n  onSelectT,\n}: CombinedRowProps) {\n  const combinedData = toCombinedRowData(areaData, areaDataKey, eventData);\n\n  return (\n    <div className=\"border-border/50 relative grid grid-cols-[6rem_1fr] items-center border-b hover:z-10\">\n      <p className=\"border-border/50 text-meta text-muted-foreground flex items-center self-stretch border-r pl-3\">\n        {label}\n      </p>\n      <div>\n        <ResponsiveContainer width=\"100%\" height={height}>\n          <ComposedChart\n            margin={{ top: 0, right: 0, bottom: 0, left: 0 }}\n            onClick={(state: RechartsClickState) => {\n              const t = toSelectedT(state?.activeLabel);\n              if (t != null && onSelectT) onSelectT(t);\n            }}\n            className={onSelectT ? 'cursor-pointer' : undefined}\n          >\n            <defs>\n              <linearGradient id={gradientId} x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n                <stop offset=\"0%\" stopColor={color} stopOpacity={0.35} />\n                <stop offset=\"100%\" stopColor={color} stopOpacity={0.06} />\n              </linearGradient>\n            </defs>\n            <XAxis dataKey=\"t\" type=\"number\" domain={zoomDomain} allowDataOverflow hide />\n            <YAxis yAxisId=\"area\" dataKey={areaDataKey} type=\"number\" hide domain={[0, 'dataMax']} />\n            <Tooltip content={<FlameTooltip domain={domain} showValue />} cursor={false} />\n            <Area\n              yAxisId=\"area\"\n              data={combinedData}\n              type=\"linear\"\n              dataKey={areaDataKey}\n              stroke={color}\n              strokeWidth={1}\n              strokeOpacity={0.6}\n              fill={`url(#${gradientId})`}\n              isAnimationActive={false}\n              activeDot={{ r: 5, stroke: color, strokeWidth: 2, fill: '#0a0a0a' }}\n              dot={(props: Record<string, unknown>) =>\n                isEventPoint(props.payload) ? (\n                  <circle cx={props.cx as number} cy={props.cy as number} r={4} fill={color} />\n                ) : (\n                  <></>\n                )\n              }\n            />\n            {threshold != null && (\n              <ReferenceLine yAxisId=\"area\" y={threshold} stroke={color} strokeDasharray=\"4 3\" strokeOpacity={0.4} />\n            )}\n          </ComposedChart>\n        </ResponsiveContainer>\n      </div>\n    </div>\n  );\n}\n\nfunction ZoomTrack({\n  tDomain,\n  zoomLeft,\n  zoomRight,\n  onZoomLeftChange,\n  onZoomRightChange,\n  onReset,\n}: {\n  tDomain: TDomain;\n  zoomLeft: number;\n  zoomRight: number;\n  onZoomLeftChange: (ts: number) => void;\n  onZoomRightChange: (ts: number) => void;\n  onReset: () => void;\n}) {\n  const trackRef = useRef<HTMLDivElement>(null);\n  const dragging = useRef<'left' | 'right' | null>(null);\n\n  const range = tDomain.tMax - tDomain.tMin;\n  const leftPercent = range > 0 ? ((zoomLeft - tDomain.tMin) / range) * 100 : 0;\n  const rightPercent = range > 0 ? ((zoomRight - tDomain.tMin) / range) * 100 : 100;\n\n  const toTimestamp = useCallback(\n    (clientX: number) => {\n      const track = trackRef.current;\n      if (!track) return null;\n      const rect = track.getBoundingClientRect();\n      const frac = Math.max(0, Math.min(1, (clientX - rect.left) / rect.width));\n      return tDomain.tMin + frac * (tDomain.tMax - tDomain.tMin);\n    },\n    [tDomain.tMin, tDomain.tMax],\n  );\n\n  useEffect(() => {\n    const onMouseMove = (e: MouseEvent) => {\n      if (!dragging.current) return;\n      const ts = toTimestamp(e.clientX);\n      if (ts == null) return;\n      if (dragging.current === 'left') {\n        onZoomLeftChange(Math.min(ts, zoomRight));\n      } else {\n        onZoomRightChange(Math.max(ts, zoomLeft));\n      }\n    };\n    const onMouseUp = () => {\n      dragging.current = null;\n    };\n    window.addEventListener('mousemove', onMouseMove);\n    window.addEventListener('mouseup', onMouseUp);\n    return () => {\n      window.removeEventListener('mousemove', onMouseMove);\n      window.removeEventListener('mouseup', onMouseUp);\n    };\n  }, [toTimestamp, zoomLeft, zoomRight, onZoomLeftChange, onZoomRightChange]);\n\n  return (\n    <div className=\"border-border/50 grid grid-cols-[6rem_1fr] items-center border-b\">\n      <div className=\"border-border/50 flex items-center gap-1 self-stretch border-r pl-3\">\n        <p className=\"text-meta text-muted-foreground\">Zoom</p>\n        <Button variant=\"ghost\" size=\"icon-sm\" aria-label=\"Reset zoom\" onClick={onReset}>\n          <RotateCcw className=\"size-3\" />\n        </Button>\n      </div>\n      <div\n        ref={trackRef}\n        data-zoom-track=\"\"\n        className=\"relative h-6 cursor-pointer select-none\"\n        onMouseDown={e => {\n          const ts = toTimestamp(e.clientX);\n          if (ts == null) return;\n          e.preventDefault();\n          const distLeft = Math.abs(ts - zoomLeft);\n          const distRight = Math.abs(ts - zoomRight);\n          if (distLeft <= distRight) {\n            onZoomLeftChange(Math.min(ts, zoomRight));\n            dragging.current = 'left';\n          } else {\n            onZoomRightChange(Math.max(ts, zoomLeft));\n            dragging.current = 'right';\n          }\n        }}\n      >\n        <div\n          data-zoom-part=\"before\"\n          className=\"bg-background/60 absolute inset-y-0 left-0\"\n          style={{ width: `${leftPercent}%` }}\n        />\n        <div\n          data-zoom-part=\"band\"\n          className=\"border-border/30 bg-fill-subtle absolute inset-y-0 border-y\"\n          style={{ left: `${leftPercent}%`, right: `${100 - rightPercent}%` }}\n        />\n        <div\n          data-zoom-part=\"after\"\n          className=\"bg-background/60 absolute inset-y-0 right-0\"\n          style={{ width: `${100 - rightPercent}%` }}\n        />\n        <div\n          data-zoom-handle=\"left\"\n          className=\"bg-foreground/50 hover:bg-foreground absolute inset-y-0 w-1 cursor-col-resize\"\n          style={{ left: `${leftPercent}%`, transform: 'translateX(-50%)' }}\n          onMouseDown={e => {\n            e.preventDefault();\n            e.stopPropagation();\n            dragging.current = 'left';\n          }}\n        />\n        <div\n          data-zoom-handle=\"right\"\n          className=\"bg-foreground/50 hover:bg-foreground absolute inset-y-0 w-1 cursor-col-resize\"\n          style={{ left: `${rightPercent}%`, transform: 'translateX(-50%)' }}\n          onMouseDown={e => {\n            e.preventDefault();\n            e.stopPropagation();\n            dragging.current = 'right';\n          }}\n        />\n      </div>\n    </div>\n  );\n}\n\nconst FALLBACK_DOMAIN: TDomain = { tMin: 0, tMax: 1 };\n\nexport function FlameGraph({\n  omRecords,\n  markers,\n  messages,\n  tDomain: tDomainProp,\n  observationThreshold,\n  reflectionThreshold,\n  onSelectTimestamp,\n  zoomRange,\n  onZoomRangeChange,\n}: FlameGraphProps) {\n  const domain = tDomainProp ?? FALLBACK_DOMAIN;\n\n  const handleSelectT = useCallback(\n    (t: number) => {\n      onSelectTimestamp?.(tToTimestampMs(t, domain));\n    },\n    [onSelectTimestamp, domain],\n  );\n\n  const isControlled = zoomRange != null && onZoomRangeChange != null;\n  const [internalZoomLeft, setInternalZoomLeft] = useState<number>(domain.tMin);\n  const [internalZoomRight, setInternalZoomRight] = useState<number>(domain.tMax);\n\n  // Reset the internal (uncontrolled) range whenever the domain changes.\n  // Controlled callers own resetting via `onZoomRangeChange`.\n  useEffect(() => {\n    if (isControlled) return;\n    setInternalZoomLeft(domain.tMin);\n    setInternalZoomRight(domain.tMax);\n  }, [domain.tMin, domain.tMax, isControlled]);\n\n  const zoomLeft = isControlled ? zoomRange.left : internalZoomLeft;\n  const zoomRight = isControlled ? zoomRange.right : internalZoomRight;\n\n  const setZoomLeft = useCallback(\n    (ts: number) => {\n      if (isControlled) onZoomRangeChange({ left: ts, right: zoomRight });\n      else setInternalZoomLeft(ts);\n    },\n    [isControlled, onZoomRangeChange, zoomRight],\n  );\n  const setZoomRight = useCallback(\n    (ts: number) => {\n      if (isControlled) onZoomRangeChange({ left: zoomLeft, right: ts });\n      else setInternalZoomRight(ts);\n    },\n    [isControlled, onZoomRangeChange, zoomLeft],\n  );\n\n  const resetZoom = useCallback(() => {\n    if (isControlled) onZoomRangeChange({ left: domain.tMin, right: domain.tMax });\n    else {\n      setInternalZoomLeft(domain.tMin);\n      setInternalZoomRight(domain.tMax);\n    }\n  }, [isControlled, onZoomRangeChange, domain.tMin, domain.tMax]);\n\n  const range = domain.tMax - domain.tMin;\n  const zoomTLeft = range > 0 ? (zoomLeft - domain.tMin) / range : 0;\n  const zoomTRight = range > 0 ? (zoomRight - domain.tMin) / range : 1;\n  const zoomDomain: [number, number] = [zoomTLeft, zoomTRight];\n\n  const messageData = useMemo(() => toMessageData(messages, domain), [messages, domain]);\n  const contextData = useMemo(() => toContextData(omRecords, markers, domain), [omRecords, markers, domain]);\n  const activeObservationData = useMemo(\n    () => toActiveObservationData(omRecords, markers, domain),\n    [omRecords, markers, domain],\n  );\n  const bufferedObservationData = useMemo(() => toBufferedObservationData(markers, domain), [markers, domain]);\n  const eventData = useMemo(() => toEventData(omRecords, domain), [omRecords, domain]);\n\n  const hasData =\n    messageData.length > 0 || contextData.length > 0 || activeObservationData.length > 0 || eventData.length > 0;\n\n  if (!hasData) return null;\n\n  return (\n    <div className=\"flex flex-col pr-2 pb-2 [&_.recharts-surface]:outline-none\">\n      <CombinedRow\n        label=\"Messages\"\n        areaData={contextData}\n        areaDataKey=\"pendingMessageTokens\"\n        eventData={messageData}\n        color={MSG_COLOR}\n        gradientId=\"grad-messages\"\n        domain={domain}\n        zoomDomain={zoomDomain}\n        threshold={observationThreshold}\n        onSelectT={onSelectTimestamp ? handleSelectT : undefined}\n      />\n\n      <CombinedRow\n        label=\"Observations\"\n        areaData={activeObservationData}\n        areaDataKey=\"observationTokenCount\"\n        eventData={eventData}\n        color={OBS_COLOR}\n        gradientId=\"grad-observations\"\n        domain={domain}\n        zoomDomain={zoomDomain}\n        threshold={reflectionThreshold}\n        onSelectT={onSelectTimestamp ? handleSelectT : undefined}\n      />\n\n      {bufferedObservationData.length > 0 && (\n        <AreaRow\n          label=\"Buffered obs\"\n          data={bufferedObservationData}\n          dataKey=\"bufferedObservationTokenCount\"\n          color={REFLECT_COLOR}\n          gradientId=\"grad-buffered-obs\"\n          domain={domain}\n          zoomDomain={zoomDomain}\n          threshold={reflectionThreshold}\n        />\n      )}\n\n      {eventData.length > 0 && (\n        <EventRow label=\"Events\" data={eventData} color={REFLECT_COLOR} domain={domain} zoomDomain={zoomDomain} />\n      )}\n\n      <TimeAxis domain={domain} />\n\n      <ZoomTrack\n        tDomain={domain}\n        zoomLeft={zoomLeft}\n        zoomRight={zoomRight}\n        onZoomLeftChange={setZoomLeft}\n        onZoomRightChange={setZoomRight}\n        onReset={resetZoom}\n      />\n    </div>\n  );\n}\n"],"names":["jsxs","jsx","formatTimeDisplay","tToTimestamp","overlaySurfaceStyle","getAreaRowYMax","ResponsiveContainer","AreaChart","XAxis","YAxis","Tooltip","Area","ReferenceLine","ScatterChart","Scatter","toCombinedRowData","ComposedChart","toSelectedT","isEventPoint","Fragment","useRef","useCallback","useEffect","Button","RotateCcw","tToTimestampMs","useState","useMemo","toMessageData","toContextData","toActiveObservationData","toBufferedObservationData","toEventData"],"mappings":";;;;;;;;;;;;;;AA0DA,MAAM,SAAA,GAAY,iCAAA;AAClB,MAAM,SAAA,GAAY,SAAA;AAClB,MAAM,aAAA,GAAgB,SAAA;AAEtB,SAAS,QAAA,CAAS,EAAE,MAAA,EAAO,EAAwB;AACjD,EAAA,MAAM,QAAQ,CAAC,CAAA,EAAG,IAAA,EAAM,GAAA,EAAK,MAAM,CAAC,CAAA;AACpC,EAAA,uBACEA,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,wCAAA,EACb,QAAA,EAAA;AAAA,oBAAAC,cAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,+FAAA,EAAgG,QAAA,EAAA,MAAA,EAE7G,CAAA;AAAA,mCACC,KAAA,EAAA,EAAI,SAAA,EAAU,4EAAA,EACZ,QAAA,EAAA,KAAA,CAAM,IAAI,CAAA,CAAA,qBACTA,cAAA,CAAC,MAAA,EAAA,EAAc,QAAA,EAAAC,6CAAA,CAAkBC,yCAAa,CAAA,EAAG,MAAM,CAAC,CAAA,EAAA,EAA7C,CAA+C,CAC3D,CAAA,EACH;AAAA,GAAA,EACF,CAAA;AAEJ;AAEO,SAAS,YAAA,CAAa;AAAA,EAC3B,MAAA;AAAA,EACA,OAAA;AAAA,EACA,MAAA;AAAA,EACA;AACF,CAAA,EAKG;AACD,EAAA,IAAI,CAAC,MAAA,IAAU,CAAC,OAAA,EAAS,QAAQ,OAAO,IAAA;AACxC,EAAA,MAAM,CAAA,GAAI,OAAA,CAAQ,CAAC,CAAA,EAAG,OAAA,EAAS,CAAA;AAC/B,EAAA,MAAM,IAAA,GAAO,MAAA,IAAU,IAAA,IAAQ,CAAA,IAAK,IAAA,GAAOD,8CAAkBC,wCAAA,CAAa,CAAA,EAAG,MAAM,CAAC,CAAA,GAAI,IAAA;AACxF,EAAA,MAAM,cAAA,GAAiB,OAAA,CAAQ,MAAA,CAAO,CAAA,KAAA,KAAS,KAAA,CAAM,IAAA,KAAS,GAAA,IAAO,KAAA,CAAM,IAAA,KAAS,MAAA,IAAU,KAAA,CAAM,KAAA,IAAS,IAAI,CAAA;AAEjH,EAAA,IAAI,SAAA,EAAW;AACb,IAAA,uBACEH,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,CAAA,EAAGI,4CAAmB,CAAA,8DAAA,CAAA,EACnC,QAAA,EAAA;AAAA,MAAA,IAAA,oBACCJ,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,yCAAA,EACb,QAAA,EAAA;AAAA,wBAAAC,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,uBAAA,EAAwB,QAAA,EAAA,MAAA,EAAI,CAAA;AAAA,wBAC5CA,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,iBAAA,EAAmB,QAAA,EAAA,IAAA,EAAK;AAAA,OAAA,EAC1C,CAAA;AAAA,MAED,eAAe,GAAA,CAAI,CAAA,KAAA,qBAClBD,eAAA,CAAC,KAAA,EAAA,EAAqB,WAAU,yCAAA,EAC9B,QAAA,EAAA;AAAA,wBAAAC,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,uBAAA,EAAyB,QAAA,EAAA,KAAA,CAAM,IAAA,EAAK,CAAA;AAAA,uCACnD,MAAA,EAAA,EAAK,SAAA,EAAU,mBACb,QAAA,EAAA,OAAO,KAAA,CAAM,UAAU,QAAA,GAAW,IAAA,CAAK,KAAA,CAAM,KAAA,CAAM,KAAK,CAAA,CAAE,cAAA,KAAmB,MAAA,CAAO,KAAA,CAAM,KAAK,CAAA,EAClG;AAAA,OAAA,EAAA,EAJQ,KAAA,CAAM,IAKhB,CACD;AAAA,KAAA,EACH,CAAA;AAAA,EAEJ;AAEA,EAAA,uBACEA,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,CAAA,EAAGG,4CAAmB,CAAA,sCAAA,CAAA,EACnC,QAAA,EAAA,IAAA,oBAAQH,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,iBAAA,EAAmB,QAAA,EAAA,IAAA,EAAK,CAAA,EACnD,CAAA;AAEJ;AAaA,SAAS,OAAA,CAAQ,EAAE,KAAA,EAAO,IAAA,EAAM,OAAA,EAAS,OAAO,UAAA,EAAY,MAAA,EAAQ,UAAA,EAAY,SAAA,EAAU,EAAiB;AACzG,EAAA,MAAM,IAAA,GAAOI,uDAAA,CAAe,IAAA,EAAM,OAAA,EAAS,SAAS,CAAA;AAEpD,EAAA,uBACEL,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,sFAAA,EACb,QAAA,EAAA;AAAA,oBAAAC,cAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,+FAAA,EACV,QAAA,EAAA,KAAA,EACH,CAAA;AAAA,oBACAA,cAAA,CAAC,SACC,QAAA,kBAAAA,cAAA,CAACK,4BAAA,EAAA,EAAoB,OAAM,MAAA,EAAO,MAAA,EAAQ,IACxC,QAAA,kBAAAN,eAAA,CAACO,kBAAA,EAAA,EAAU,MAAY,MAAA,EAAQ,EAAE,KAAK,CAAA,EAAG,KAAA,EAAO,GAAG,MAAA,EAAQ,CAAA,EAAG,IAAA,EAAM,CAAA,EAAE,EACpE,QAAA,EAAA;AAAA,sBAAAN,cAAA,CAAC,MAAA,EAAA,EACC,QAAA,kBAAAD,eAAA,CAAC,gBAAA,EAAA,EAAe,EAAA,EAAI,UAAA,EAAY,EAAA,EAAG,GAAA,EAAI,EAAA,EAAG,GAAA,EAAI,EAAA,EAAG,GAAA,EAAI,EAAA,EAAG,GAAA,EACtD,QAAA,EAAA;AAAA,wBAAAC,cAAA,CAAC,UAAK,MAAA,EAAO,IAAA,EAAK,SAAA,EAAW,KAAA,EAAO,aAAa,IAAA,EAAM,CAAA;AAAA,uCACtD,MAAA,EAAA,EAAK,MAAA,EAAO,QAAO,SAAA,EAAW,KAAA,EAAO,aAAa,IAAA,EAAM;AAAA,OAAA,EAC3D,CAAA,EACF,CAAA;AAAA,sBACAA,cAAA,CAACO,cAAA,EAAA,EAAM,OAAA,EAAQ,GAAA,EAAI,IAAA,EAAK,QAAA,EAAS,MAAA,EAAQ,UAAA,EAAY,iBAAA,EAAiB,IAAA,EAAC,IAAA,EAAI,IAAA,EAAC,CAAA;AAAA,sBAC5EP,cAAA,CAACQ,cAAA,EAAA,EAAM,IAAA,EAAK,QAAA,EAAS,MAAA,EAAQ,IAAA,IAAQ,IAAA,GAAO,CAAC,CAAA,EAAG,IAAI,CAAA,GAAI,MAAA,EAAW,MAAI,IAAA,EAAC,CAAA;AAAA,sBACxER,cAAA;AAAA,QAACS,gBAAA;AAAA,QAAA;AAAA,UACC,OAAA,kBAAST,cAAA,CAAC,YAAA,EAAA,EAAa,MAAA,EAAgB,WAAS,IAAA,EAAC,CAAA;AAAA,UACjD,MAAA,EAAQ,EAAE,MAAA,EAAQ,wBAAA;AAAyB;AAAA,OAC7C;AAAA,sBACAA,cAAA;AAAA,QAACU,aAAA;AAAA,QAAA;AAAA,UACC,IAAA,EAAK,QAAA;AAAA,UACL,OAAA;AAAA,UACA,MAAA,EAAQ,KAAA;AAAA,UACR,WAAA,EAAa,CAAA;AAAA,UACb,aAAA,EAAe,GAAA;AAAA,UACf,IAAA,EAAM,QAAQ,UAAU,CAAA,CAAA,CAAA;AAAA,UACxB,iBAAA,EAAmB;AAAA;AAAA,OACrB;AAAA,MACC,SAAA,IAAa,IAAA,oBACZV,cAAA,CAACW,sBAAA,EAAA,EAAc,CAAA,EAAG,SAAA,EAAW,MAAA,EAAQ,KAAA,EAAO,eAAA,EAAgB,KAAA,EAAM,aAAA,EAAe,GAAA,EAAK;AAAA,KAAA,EAE1F,GACF,CAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;AAWA,SAAS,QAAA,CAAS,EAAE,KAAA,EAAO,IAAA,EAAM,OAAO,MAAA,GAAS,EAAA,EAAI,MAAA,EAAQ,UAAA,EAAW,EAAkB;AACxF,EAAA,uBACEZ,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,sFAAA,EACb,QAAA,EAAA;AAAA,oBAAAC,cAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,+FAAA,EACV,QAAA,EAAA,KAAA,EACH,CAAA;AAAA,mCACC,KAAA,EAAA,EACC,QAAA,kBAAAA,cAAA,CAACK,gCAAoB,KAAA,EAAM,MAAA,EAAO,QAChC,QAAA,kBAAAN,eAAA,CAACa,qBAAA,EAAA,EAAa,QAAQ,EAAE,GAAA,EAAK,GAAG,KAAA,EAAO,CAAA,EAAG,QAAQ,CAAA,EAAG,IAAA,EAAM,GAAE,EAC3D,QAAA,EAAA;AAAA,sBAAAZ,cAAA,CAACO,cAAA,EAAA,EAAM,OAAA,EAAQ,GAAA,EAAI,IAAA,EAAK,QAAA,EAAS,QAAQ,UAAA,EAAY,iBAAA,EAAiB,IAAA,EAAC,IAAA,EAAI,IAAA,EAAC,CAAA;AAAA,sBAC5EP,cAAA,CAACQ,cAAA,EAAA,EAAM,OAAA,EAAQ,OAAA,EAAQ,IAAA,EAAK,QAAA,EAAS,MAAA,EAAQ,CAAC,CAAA,EAAG,CAAC,CAAA,EAAG,IAAA,EAAI,IAAA,EAAC,CAAA;AAAA,sBAC1DR,cAAA,CAACS,oBAAQ,OAAA,kBAAST,cAAA,CAAC,gBAAa,MAAA,EAAgB,CAAA,EAAI,QAAQ,KAAA,EAAO,CAAA;AAAA,sBACnEA,cAAA;AAAA,QAACa,gBAAA;AAAA,QAAA;AAAA,UACC,IAAA;AAAA,UACA,IAAA,EAAM,KAAA;AAAA,UACN,iBAAA,EAAmB,KAAA;AAAA,UACnB,KAAA,EAAO,CAAC,KAAA,KAAmC;AACzC,YAAA,MAAM,KAAK,KAAA,CAAM,EAAA;AACjB,YAAA,uCACG,GAAA,EAAA,EACC,QAAA,EAAA;AAAA,8BAAAb,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAG,EAAA,GAAK,CAAA,EAAG,CAAA,EAAG,GAAG,KAAA,EAAO,EAAA,EAAI,MAAA,EAAgB,IAAA,EAAK,aAAA,EAAc,CAAA;AAAA,8BACrEA,cAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAG,EAAA,GAAK,GAAA,EAAK,CAAA,EAAG,CAAA,EAAG,KAAA,EAAO,CAAA,EAAG,MAAA,EAAgB,IAAA,EAAM,KAAA,EAAO;AAAA,aAAA,EAClE,CAAA;AAAA,UAEJ;AAAA;AAAA;AACF,KAAA,EACF,GACF,CAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;AAgBA,SAAS,WAAA,CAAY;AAAA,EACnB,KAAA;AAAA,EACA,QAAA;AAAA,EACA,WAAA;AAAA,EACA,SAAA;AAAA,EACA,KAAA;AAAA,EACA,UAAA;AAAA,EACA,MAAA;AAAA,EACA,UAAA;AAAA,EACA,SAAA;AAAA,EACA,MAAA,GAAS,EAAA;AAAA,EACT;AACF,CAAA,EAAqB;AACnB,EAAA,MAAM,YAAA,GAAec,0DAAA,CAAkB,QAAA,EAAU,WAAA,EAAa,SAAS,CAAA;AAEvE,EAAA,uBACEf,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,sFAAA,EACb,QAAA,EAAA;AAAA,oBAAAC,cAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,+FAAA,EACV,QAAA,EAAA,KAAA,EACH,CAAA;AAAA,mCACC,KAAA,EAAA,EACC,QAAA,kBAAAA,cAAA,CAACK,4BAAA,EAAA,EAAoB,KAAA,EAAM,QAAO,MAAA,EAChC,QAAA,kBAAAN,eAAA;AAAA,MAACgB,sBAAA;AAAA,MAAA;AAAA,QACC,MAAA,EAAQ,EAAE,GAAA,EAAK,CAAA,EAAG,OAAO,CAAA,EAAG,MAAA,EAAQ,CAAA,EAAG,IAAA,EAAM,CAAA,EAAE;AAAA,QAC/C,OAAA,EAAS,CAAC,KAAA,KAA8B;AACtC,UAAA,MAAM,CAAA,GAAIC,oDAAA,CAAY,KAAA,EAAO,WAAW,CAAA;AACxC,UAAA,IAAI,CAAA,IAAK,IAAA,IAAQ,SAAA,EAAW,SAAA,CAAU,CAAC,CAAA;AAAA,QACzC,CAAA;AAAA,QACA,SAAA,EAAW,YAAY,gBAAA,GAAmB,MAAA;AAAA,QAE1C,QAAA,EAAA;AAAA,0BAAAhB,cAAA,CAAC,MAAA,EAAA,EACC,QAAA,kBAAAD,eAAA,CAAC,gBAAA,EAAA,EAAe,EAAA,EAAI,UAAA,EAAY,EAAA,EAAG,GAAA,EAAI,EAAA,EAAG,GAAA,EAAI,EAAA,EAAG,GAAA,EAAI,EAAA,EAAG,GAAA,EACtD,QAAA,EAAA;AAAA,4BAAAC,cAAA,CAAC,UAAK,MAAA,EAAO,IAAA,EAAK,SAAA,EAAW,KAAA,EAAO,aAAa,IAAA,EAAM,CAAA;AAAA,2CACtD,MAAA,EAAA,EAAK,MAAA,EAAO,QAAO,SAAA,EAAW,KAAA,EAAO,aAAa,IAAA,EAAM;AAAA,WAAA,EAC3D,CAAA,EACF,CAAA;AAAA,0BACAA,cAAA,CAACO,cAAA,EAAA,EAAM,OAAA,EAAQ,GAAA,EAAI,IAAA,EAAK,QAAA,EAAS,MAAA,EAAQ,UAAA,EAAY,iBAAA,EAAiB,IAAA,EAAC,IAAA,EAAI,IAAA,EAAC,CAAA;AAAA,0BAC5EP,cAAA,CAACQ,cAAA,EAAA,EAAM,OAAA,EAAQ,MAAA,EAAO,SAAS,WAAA,EAAa,IAAA,EAAK,QAAA,EAAS,IAAA,EAAI,IAAA,EAAC,MAAA,EAAQ,CAAC,CAAA,EAAG,SAAS,CAAA,EAAG,CAAA;AAAA,0BACvFR,cAAA,CAACS,gBAAA,EAAA,EAAQ,OAAA,kBAAST,cAAA,CAAC,YAAA,EAAA,EAAa,QAAgB,SAAA,EAAS,IAAA,EAAC,CAAA,EAAI,MAAA,EAAQ,KAAA,EAAO,CAAA;AAAA,0BAC7EA,cAAA;AAAA,YAACU,aAAA;AAAA,YAAA;AAAA,cACC,OAAA,EAAQ,MAAA;AAAA,cACR,IAAA,EAAM,YAAA;AAAA,cACN,IAAA,EAAK,QAAA;AAAA,cACL,OAAA,EAAS,WAAA;AAAA,cACT,MAAA,EAAQ,KAAA;AAAA,cACR,WAAA,EAAa,CAAA;AAAA,cACb,aAAA,EAAe,GAAA;AAAA,cACf,IAAA,EAAM,QAAQ,UAAU,CAAA,CAAA,CAAA;AAAA,cACxB,iBAAA,EAAmB,KAAA;AAAA,cACnB,SAAA,EAAW,EAAE,CAAA,EAAG,CAAA,EAAG,QAAQ,KAAA,EAAO,WAAA,EAAa,CAAA,EAAG,IAAA,EAAM,SAAA,EAAU;AAAA,cAClE,GAAA,EAAK,CAAC,KAAA,KACJO,qDAAA,CAAa,MAAM,OAAO,CAAA,kCACvB,QAAA,EAAA,EAAO,EAAA,EAAI,MAAM,EAAA,EAAc,EAAA,EAAI,MAAM,EAAA,EAAc,CAAA,EAAG,GAAG,IAAA,EAAM,KAAA,EAAO,oBAE3EjB,cAAA,CAAAkB,mBAAA,EAAA,EAAE;AAAA;AAAA,WAGR;AAAA,UACC,SAAA,IAAa,IAAA,oBACZlB,cAAA,CAACW,sBAAA,EAAA,EAAc,OAAA,EAAQ,MAAA,EAAO,CAAA,EAAG,SAAA,EAAW,MAAA,EAAQ,KAAA,EAAO,eAAA,EAAgB,KAAA,EAAM,eAAe,GAAA,EAAK;AAAA;AAAA;AAAA,OAG3G,CAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;AAEA,SAAS,SAAA,CAAU;AAAA,EACjB,OAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA,gBAAA;AAAA,EACA,iBAAA;AAAA,EACA;AACF,CAAA,EAOG;AACD,EAAA,MAAM,QAAA,GAAWQ,aAAuB,IAAI,CAAA;AAC5C,EAAA,MAAM,QAAA,GAAWA,aAAgC,IAAI,CAAA;AAErD,EAAA,MAAM,KAAA,GAAQ,OAAA,CAAQ,IAAA,GAAO,OAAA,CAAQ,IAAA;AACrC,EAAA,MAAM,cAAc,KAAA,GAAQ,CAAA,GAAA,CAAM,WAAW,OAAA,CAAQ,IAAA,IAAQ,QAAS,GAAA,GAAM,CAAA;AAC5E,EAAA,MAAM,eAAe,KAAA,GAAQ,CAAA,GAAA,CAAM,YAAY,OAAA,CAAQ,IAAA,IAAQ,QAAS,GAAA,GAAM,GAAA;AAE9E,EAAA,MAAM,WAAA,GAAcC,iBAAA;AAAA,IAClB,CAAC,OAAA,KAAoB;AACnB,MAAA,MAAM,QAAQ,QAAA,CAAS,OAAA;AACvB,MAAA,IAAI,CAAC,OAAO,OAAO,IAAA;AACnB,MAAA,MAAM,IAAA,GAAO,MAAM,qBAAA,EAAsB;AACzC,MAAA,MAAM,IAAA,GAAO,IAAA,CAAK,GAAA,CAAI,CAAA,EAAG,IAAA,CAAK,GAAA,CAAI,CAAA,EAAA,CAAI,OAAA,GAAU,IAAA,CAAK,IAAA,IAAQ,IAAA,CAAK,KAAK,CAAC,CAAA;AACxE,MAAA,OAAO,OAAA,CAAQ,IAAA,GAAO,IAAA,IAAQ,OAAA,CAAQ,OAAO,OAAA,CAAQ,IAAA,CAAA;AAAA,IACvD,CAAA;AAAA,IACA,CAAC,OAAA,CAAQ,IAAA,EAAM,OAAA,CAAQ,IAAI;AAAA,GAC7B;AAEA,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,MAAM,WAAA,GAAc,CAAC,CAAA,KAAkB;AACrC,MAAA,IAAI,CAAC,SAAS,OAAA,EAAS;AACvB,MAAA,MAAM,EAAA,GAAK,WAAA,CAAY,CAAA,CAAE,OAAO,CAAA;AAChC,MAAA,IAAI,MAAM,IAAA,EAAM;AAChB,MAAA,IAAI,QAAA,CAAS,YAAY,MAAA,EAAQ;AAC/B,QAAA,gBAAA,CAAiB,IAAA,CAAK,GAAA,CAAI,EAAA,EAAI,SAAS,CAAC,CAAA;AAAA,MAC1C,CAAA,MAAO;AACL,QAAA,iBAAA,CAAkB,IAAA,CAAK,GAAA,CAAI,EAAA,EAAI,QAAQ,CAAC,CAAA;AAAA,MAC1C;AAAA,IACF,CAAA;AACA,IAAA,MAAM,YAAY,MAAM;AACtB,MAAA,QAAA,CAAS,OAAA,GAAU,IAAA;AAAA,IACrB,CAAA;AACA,IAAA,MAAA,CAAO,gBAAA,CAAiB,aAAa,WAAW,CAAA;AAChD,IAAA,MAAA,CAAO,gBAAA,CAAiB,WAAW,SAAS,CAAA;AAC5C,IAAA,OAAO,MAAM;AACX,MAAA,MAAA,CAAO,mBAAA,CAAoB,aAAa,WAAW,CAAA;AACnD,MAAA,MAAA,CAAO,mBAAA,CAAoB,WAAW,SAAS,CAAA;AAAA,IACjD,CAAA;AAAA,EACF,GAAG,CAAC,WAAA,EAAa,UAAU,SAAA,EAAW,gBAAA,EAAkB,iBAAiB,CAAC,CAAA;AAE1E,EAAA,uBACEtB,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,kEAAA,EACb,QAAA,EAAA;AAAA,oBAAAA,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,qEAAA,EACb,QAAA,EAAA;AAAA,sBAAAC,cAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,iCAAA,EAAkC,QAAA,EAAA,MAAA,EAAI,CAAA;AAAA,sBACnDA,cAAA,CAACsB,aAAA,EAAA,EAAO,OAAA,EAAQ,OAAA,EAAQ,MAAK,SAAA,EAAU,YAAA,EAAW,YAAA,EAAa,OAAA,EAAS,OAAA,EACtE,QAAA,kBAAAtB,cAAA,CAACuB,qBAAA,EAAA,EAAU,SAAA,EAAU,UAAS,CAAA,EAChC;AAAA,KAAA,EACF,CAAA;AAAA,oBACAxB,eAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA,EAAK,QAAA;AAAA,QACL,iBAAA,EAAgB,EAAA;AAAA,QAChB,SAAA,EAAU,yCAAA;AAAA,QACV,aAAa,CAAA,CAAA,KAAK;AAChB,UAAA,MAAM,EAAA,GAAK,WAAA,CAAY,CAAA,CAAE,OAAO,CAAA;AAChC,UAAA,IAAI,MAAM,IAAA,EAAM;AAChB,UAAA,CAAA,CAAE,cAAA,EAAe;AACjB,UAAA,MAAM,QAAA,GAAW,IAAA,CAAK,GAAA,CAAI,EAAA,GAAK,QAAQ,CAAA;AACvC,UAAA,MAAM,SAAA,GAAY,IAAA,CAAK,GAAA,CAAI,EAAA,GAAK,SAAS,CAAA;AACzC,UAAA,IAAI,YAAY,SAAA,EAAW;AACzB,YAAA,gBAAA,CAAiB,IAAA,CAAK,GAAA,CAAI,EAAA,EAAI,SAAS,CAAC,CAAA;AACxC,YAAA,QAAA,CAAS,OAAA,GAAU,MAAA;AAAA,UACrB,CAAA,MAAO;AACL,YAAA,iBAAA,CAAkB,IAAA,CAAK,GAAA,CAAI,EAAA,EAAI,QAAQ,CAAC,CAAA;AACxC,YAAA,QAAA,CAAS,OAAA,GAAU,OAAA;AAAA,UACrB;AAAA,QACF,CAAA;AAAA,QAEA,QAAA,EAAA;AAAA,0BAAAC,cAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,gBAAA,EAAe,QAAA;AAAA,cACf,SAAA,EAAU,4CAAA;AAAA,cACV,KAAA,EAAO,EAAE,KAAA,EAAO,CAAA,EAAG,WAAW,CAAA,CAAA,CAAA;AAAI;AAAA,WACpC;AAAA,0BACAA,cAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,gBAAA,EAAe,MAAA;AAAA,cACf,SAAA,EAAU,6DAAA;AAAA,cACV,KAAA,EAAO,EAAE,IAAA,EAAM,CAAA,EAAG,WAAW,KAAK,KAAA,EAAO,CAAA,EAAG,GAAA,GAAM,YAAY,CAAA,CAAA,CAAA;AAAI;AAAA,WACpE;AAAA,0BACAA,cAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,gBAAA,EAAe,OAAA;AAAA,cACf,SAAA,EAAU,6CAAA;AAAA,cACV,OAAO,EAAE,KAAA,EAAO,CAAA,EAAG,GAAA,GAAM,YAAY,CAAA,CAAA,CAAA;AAAI;AAAA,WAC3C;AAAA,0BACAA,cAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,kBAAA,EAAiB,MAAA;AAAA,cACjB,SAAA,EAAU,+EAAA;AAAA,cACV,OAAO,EAAE,IAAA,EAAM,GAAG,WAAW,CAAA,CAAA,CAAA,EAAK,WAAW,kBAAA,EAAmB;AAAA,cAChE,aAAa,CAAA,CAAA,KAAK;AAChB,gBAAA,CAAA,CAAE,cAAA,EAAe;AACjB,gBAAA,CAAA,CAAE,eAAA,EAAgB;AAClB,gBAAA,QAAA,CAAS,OAAA,GAAU,MAAA;AAAA,cACrB;AAAA;AAAA,WACF;AAAA,0BACAA,cAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,kBAAA,EAAiB,OAAA;AAAA,cACjB,SAAA,EAAU,+EAAA;AAAA,cACV,OAAO,EAAE,IAAA,EAAM,GAAG,YAAY,CAAA,CAAA,CAAA,EAAK,WAAW,kBAAA,EAAmB;AAAA,cACjE,aAAa,CAAA,CAAA,KAAK;AAChB,gBAAA,CAAA,CAAE,cAAA,EAAe;AACjB,gBAAA,CAAA,CAAE,eAAA,EAAgB;AAClB,gBAAA,QAAA,CAAS,OAAA,GAAU,OAAA;AAAA,cACrB;AAAA;AAAA;AACF;AAAA;AAAA;AACF,GAAA,EACF,CAAA;AAEJ;AAEA,MAAM,eAAA,GAA2B,EAAE,IAAA,EAAM,CAAA,EAAG,MAAM,CAAA,EAAE;AAE7C,SAAS,UAAA,CAAW;AAAA,EACzB,SAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EACA,OAAA,EAAS,WAAA;AAAA,EACT,oBAAA;AAAA,EACA,mBAAA;AAAA,EACA,iBAAA;AAAA,EACA,SAAA;AAAA,EACA;AACF,CAAA,EAAoB;AAClB,EAAA,MAAM,SAAS,WAAA,IAAe,eAAA;AAE9B,EAAA,MAAM,aAAA,GAAgBoB,iBAAA;AAAA,IACpB,CAAC,CAAA,KAAc;AACb,MAAA,iBAAA,GAAoBI,iDAAA,CAAe,CAAA,EAAG,MAAM,CAAC,CAAA;AAAA,IAC/C,CAAA;AAAA,IACA,CAAC,mBAAmB,MAAM;AAAA,GAC5B;AAEA,EAAA,MAAM,YAAA,GAAe,SAAA,IAAa,IAAA,IAAQ,iBAAA,IAAqB,IAAA;AAC/D,EAAA,MAAM,CAAC,gBAAA,EAAkB,mBAAmB,CAAA,GAAIC,cAAA,CAAiB,OAAO,IAAI,CAAA;AAC5E,EAAA,MAAM,CAAC,iBAAA,EAAmB,oBAAoB,CAAA,GAAIA,cAAA,CAAiB,OAAO,IAAI,CAAA;AAI9E,EAAAJ,eAAA,CAAU,MAAM;AACd,IAAA,IAAI,YAAA,EAAc;AAClB,IAAA,mBAAA,CAAoB,OAAO,IAAI,CAAA;AAC/B,IAAA,oBAAA,CAAqB,OAAO,IAAI,CAAA;AAAA,EAClC,GAAG,CAAC,MAAA,CAAO,MAAM,MAAA,CAAO,IAAA,EAAM,YAAY,CAAC,CAAA;AAE3C,EAAA,MAAM,QAAA,GAAW,YAAA,GAAe,SAAA,CAAU,IAAA,GAAO,gBAAA;AACjD,EAAA,MAAM,SAAA,GAAY,YAAA,GAAe,SAAA,CAAU,KAAA,GAAQ,iBAAA;AAEnD,EAAA,MAAM,WAAA,GAAcD,iBAAA;AAAA,IAClB,CAAC,EAAA,KAAe;AACd,MAAA,IAAI,cAAc,iBAAA,CAAkB,EAAE,MAAM,EAAA,EAAI,KAAA,EAAO,WAAW,CAAA;AAAA,+BACzC,EAAE,CAAA;AAAA,IAC7B,CAAA;AAAA,IACA,CAAC,YAAA,EAAc,iBAAA,EAAmB,SAAS;AAAA,GAC7C;AACA,EAAA,MAAM,YAAA,GAAeA,iBAAA;AAAA,IACnB,CAAC,EAAA,KAAe;AACd,MAAA,IAAI,cAAc,iBAAA,CAAkB,EAAE,MAAM,QAAA,EAAU,KAAA,EAAO,IAAI,CAAA;AAAA,gCACvC,EAAE,CAAA;AAAA,IAC9B,CAAA;AAAA,IACA,CAAC,YAAA,EAAc,iBAAA,EAAmB,QAAQ;AAAA,GAC5C;AAEA,EAAA,MAAM,SAAA,GAAYA,kBAAY,MAAM;AAClC,IAAA,IAAI,YAAA,oBAAgC,EAAE,IAAA,EAAM,OAAO,IAAA,EAAM,KAAA,EAAO,MAAA,CAAO,IAAA,EAAM,CAAA;AAAA,SACxE;AACH,MAAA,mBAAA,CAAoB,OAAO,IAAI,CAAA;AAC/B,MAAA,oBAAA,CAAqB,OAAO,IAAI,CAAA;AAAA,IAClC;AAAA,EACF,CAAA,EAAG,CAAC,YAAA,EAAc,iBAAA,EAAmB,OAAO,IAAA,EAAM,MAAA,CAAO,IAAI,CAAC,CAAA;AAE9D,EAAA,MAAM,KAAA,GAAQ,MAAA,CAAO,IAAA,GAAO,MAAA,CAAO,IAAA;AACnC,EAAA,MAAM,YAAY,KAAA,GAAQ,CAAA,GAAA,CAAK,QAAA,GAAW,MAAA,CAAO,QAAQ,KAAA,GAAQ,CAAA;AACjE,EAAA,MAAM,aAAa,KAAA,GAAQ,CAAA,GAAA,CAAK,SAAA,GAAY,MAAA,CAAO,QAAQ,KAAA,GAAQ,CAAA;AACnE,EAAA,MAAM,UAAA,GAA+B,CAAC,SAAA,EAAW,UAAU,CAAA;AAE3D,EAAA,MAAM,WAAA,GAAcM,aAAA,CAAQ,MAAMC,sDAAA,CAAc,QAAA,EAAU,MAAM,CAAA,EAAG,CAAC,QAAA,EAAU,MAAM,CAAC,CAAA;AACrF,EAAA,MAAM,WAAA,GAAcD,aAAA,CAAQ,MAAME,sDAAA,CAAc,SAAA,EAAW,OAAA,EAAS,MAAM,CAAA,EAAG,CAAC,SAAA,EAAW,OAAA,EAAS,MAAM,CAAC,CAAA;AACzG,EAAA,MAAM,qBAAA,GAAwBF,aAAA;AAAA,IAC5B,MAAMG,gEAAA,CAAwB,SAAA,EAAW,OAAA,EAAS,MAAM,CAAA;AAAA,IACxD,CAAC,SAAA,EAAW,OAAA,EAAS,MAAM;AAAA,GAC7B;AACA,EAAA,MAAM,uBAAA,GAA0BH,aAAA,CAAQ,MAAMI,kEAAA,CAA0B,OAAA,EAAS,MAAM,CAAA,EAAG,CAAC,OAAA,EAAS,MAAM,CAAC,CAAA;AAC3G,EAAA,MAAM,SAAA,GAAYJ,aAAA,CAAQ,MAAMK,oDAAA,CAAY,SAAA,EAAW,MAAM,CAAA,EAAG,CAAC,SAAA,EAAW,MAAM,CAAC,CAAA;AAEnF,EAAA,MAAM,OAAA,GACJ,WAAA,CAAY,MAAA,GAAS,CAAA,IAAK,WAAA,CAAY,MAAA,GAAS,CAAA,IAAK,qBAAA,CAAsB,MAAA,GAAS,CAAA,IAAK,SAAA,CAAU,MAAA,GAAS,CAAA;AAE7G,EAAA,IAAI,CAAC,SAAS,OAAO,IAAA;AAErB,EAAA,uBACEhC,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,4DAAA,EACb,QAAA,EAAA;AAAA,oBAAAC,cAAA;AAAA,MAAC,WAAA;AAAA,MAAA;AAAA,QACC,KAAA,EAAM,UAAA;AAAA,QACN,QAAA,EAAU,WAAA;AAAA,QACV,WAAA,EAAY,sBAAA;AAAA,QACZ,SAAA,EAAW,WAAA;AAAA,QACX,KAAA,EAAO,SAAA;AAAA,QACP,UAAA,EAAW,eAAA;AAAA,QACX,MAAA;AAAA,QACA,UAAA;AAAA,QACA,SAAA,EAAW,oBAAA;AAAA,QACX,SAAA,EAAW,oBAAoB,aAAA,GAAgB;AAAA;AAAA,KACjD;AAAA,oBAEAA,cAAA;AAAA,MAAC,WAAA;AAAA,MAAA;AAAA,QACC,KAAA,EAAM,cAAA;AAAA,QACN,QAAA,EAAU,qBAAA;AAAA,QACV,WAAA,EAAY,uBAAA;AAAA,QACZ,SAAA;AAAA,QACA,KAAA,EAAO,SAAA;AAAA,QACP,UAAA,EAAW,mBAAA;AAAA,QACX,MAAA;AAAA,QACA,UAAA;AAAA,QACA,SAAA,EAAW,mBAAA;AAAA,QACX,SAAA,EAAW,oBAAoB,aAAA,GAAgB;AAAA;AAAA,KACjD;AAAA,IAEC,uBAAA,CAAwB,SAAS,CAAA,oBAChCA,cAAA;AAAA,MAAC,OAAA;AAAA,MAAA;AAAA,QACC,KAAA,EAAM,cAAA;AAAA,QACN,IAAA,EAAM,uBAAA;AAAA,QACN,OAAA,EAAQ,+BAAA;AAAA,QACR,KAAA,EAAO,aAAA;AAAA,QACP,UAAA,EAAW,mBAAA;AAAA,QACX,MAAA;AAAA,QACA,UAAA;AAAA,QACA,SAAA,EAAW;AAAA;AAAA,KACb;AAAA,IAGD,SAAA,CAAU,MAAA,GAAS,CAAA,oBAClBA,cAAA,CAAC,QAAA,EAAA,EAAS,KAAA,EAAM,QAAA,EAAS,IAAA,EAAM,SAAA,EAAW,KAAA,EAAO,aAAA,EAAe,MAAA,EAAgB,UAAA,EAAwB,CAAA;AAAA,oBAG1GA,cAAA,CAAC,YAAS,MAAA,EAAgB,CAAA;AAAA,oBAE1BA,cAAA;AAAA,MAAC,SAAA;AAAA,MAAA;AAAA,QACC,OAAA,EAAS,MAAA;AAAA,QACT,QAAA;AAAA,QACA,SAAA;AAAA,QACA,gBAAA,EAAkB,WAAA;AAAA,QAClB,iBAAA,EAAmB,YAAA;AAAA,QACnB,OAAA,EAAS;AAAA;AAAA;AACX,GAAA,EACF,CAAA;AAEJ;;;;;"}

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

@@ -14,8 +14,8 @@ const REFLECT_COLOR = "#ec4899";
 function TimeAxis({ domain }) {
   const ticks = [0, 0.25, 0.5, 0.75, 1];
   return /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-[6rem_1fr] items-center", children: [
-    /* @__PURE__ */ jsx("p", { className: "text-muted-foreground border-border/50 text-meta flex items-center self-stretch border-r pl-3", children: "Time" }),
-    /* @__PURE__ */ jsx("div", { className: "text-muted-foreground text-meta flex justify-between px-1 py-1.5 font-mono", children: ticks.map((t) => /* @__PURE__ */ jsx("span", { children: formatTimeDisplay(tToTimestamp(t, domain)) }, t)) })
+    /* @__PURE__ */ jsx("p", { className: "border-border/50 text-meta text-muted-foreground flex items-center self-stretch border-r pl-3", children: "Time" }),
+    /* @__PURE__ */ jsx("div", { className: "text-meta text-muted-foreground flex justify-between px-1 py-1.5 font-mono", children: ticks.map((t) => /* @__PURE__ */ jsx("span", { children: formatTimeDisplay(tToTimestamp(t, domain)) }, t)) })
   ] });
 }
 function FlameTooltip({
@@ -45,7 +45,7 @@ function FlameTooltip({
 function AreaRow({ label, data, dataKey, color, gradientId, domain, zoomDomain, threshold }) {
   const yMax = getAreaRowYMax(data, dataKey, threshold);
   return /* @__PURE__ */ jsxs("div", { className: "border-border/50 relative grid grid-cols-[6rem_1fr] items-center border-b hover:z-10", children: [
-    /* @__PURE__ */ jsx("p", { className: "text-muted-foreground border-border/50 text-meta flex items-center self-stretch border-r pl-3", children: label }),
+    /* @__PURE__ */ jsx("p", { className: "border-border/50 text-meta text-muted-foreground flex items-center self-stretch border-r pl-3", children: label }),
     /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(ResponsiveContainer, { width: "100%", height: 32, children: /* @__PURE__ */ jsxs(AreaChart, { data, margin: { top: 0, right: 0, bottom: 0, left: 0 }, children: [
       /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs("linearGradient", { id: gradientId, x1: "0", y1: "0", x2: "0", y2: "1", children: [
         /* @__PURE__ */ jsx("stop", { offset: "0%", stopColor: color, stopOpacity: 0.35 }),
@@ -78,7 +78,7 @@ function AreaRow({ label, data, dataKey, color, gradientId, domain, zoomDomain,
 }
 function EventRow({ label, data, color, height = 32, domain, zoomDomain }) {
   return /* @__PURE__ */ jsxs("div", { className: "border-border/50 relative grid grid-cols-[6rem_1fr] items-center border-b hover:z-10", children: [
-    /* @__PURE__ */ jsx("p", { className: "text-muted-foreground border-border/50 text-meta flex items-center self-stretch border-r pl-3", children: label }),
+    /* @__PURE__ */ jsx("p", { className: "border-border/50 text-meta text-muted-foreground flex items-center self-stretch border-r pl-3", children: label }),
     /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(ResponsiveContainer, { width: "100%", height, children: /* @__PURE__ */ jsxs(ScatterChart, { margin: { top: 0, right: 0, bottom: 0, left: 0 }, children: [
       /* @__PURE__ */ jsx(XAxis, { dataKey: "t", type: "number", domain: zoomDomain, allowDataOverflow: true, hide: true }),
       /* @__PURE__ */ jsx(YAxis, { dataKey: "event", type: "number", domain: [0, 2], hide: true }),
@@ -116,7 +116,7 @@ function CombinedRow({
 }) {
   const combinedData = toCombinedRowData(areaData, areaDataKey, eventData);
   return /* @__PURE__ */ jsxs("div", { className: "border-border/50 relative grid grid-cols-[6rem_1fr] items-center border-b hover:z-10", children: [
-    /* @__PURE__ */ jsx("p", { className: "text-muted-foreground border-border/50 text-meta flex items-center self-stretch border-r pl-3", children: label }),
+    /* @__PURE__ */ jsx("p", { className: "border-border/50 text-meta text-muted-foreground flex items-center self-stretch border-r pl-3", children: label }),
     /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(ResponsiveContainer, { width: "100%", height, children: /* @__PURE__ */ jsxs(
       ComposedChart,
       {
@@ -202,7 +202,7 @@ function ZoomTrack({
   }, [toTimestamp, zoomLeft, zoomRight, onZoomLeftChange, onZoomRightChange]);
   return /* @__PURE__ */ jsxs("div", { className: "border-border/50 grid grid-cols-[6rem_1fr] items-center border-b", children: [
     /* @__PURE__ */ jsxs("div", { className: "border-border/50 flex items-center gap-1 self-stretch border-r pl-3", children: [
-      /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-meta", children: "Zoom" }),
+      /* @__PURE__ */ jsx("p", { className: "text-meta text-muted-foreground", children: "Zoom" }),
       /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "icon-sm", "aria-label": "Reset zoom", onClick: onReset, children: /* @__PURE__ */ jsx(RotateCcw, { className: "size-3" }) })
     ] }),
     /* @__PURE__ */ jsxs(