@mastra/playground-ui 53.0.0-alpha.8 → 53.0.0

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

@@ -1 +1 @@
-{"version":3,"file":"traces-toolbar.cjs.js","sources":["../../../../src/domains/traces/components/traces-toolbar.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { 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\ntype TracesToolbarProps = {\n  /** Keep all filter pills but reset each value to its neutral state\n   *  ('' for text, 'Any' for single-select, [] for multi-select). */\n  onClear?: () => void;\n  /** Fully remove all filter pills. */\n  onRemoveAll?: () => void;\n  onSave?: () => void;\n  /** When provided, an extra \"Remove saved filters\" option is shown —\n   *  wire it up only when there is actually a saved set to remove. */\n  onRemoveSaved?: () => void;\n  isLoading?: boolean;\n  filterFields: PropertyFilterField[];\n  filterTokens: PropertyFilterToken[];\n  onFilterTokensChange: (tokens: PropertyFilterToken[]) => void;\n  autoFocusFilterFieldId?: string;\n  /** Field ids rendered as read-only pills (cannot be edited or removed). */\n  lockedFieldIds?: readonly string[];\n  lockedTooltipContent?: ReactNode;\n};\n\nexport function TracesToolbar({\n  onClear,\n  onRemoveAll,\n  onSave,\n  onRemoveSaved,\n  isLoading,\n  filterFields,\n  filterTokens,\n  onFilterTokensChange,\n  autoFocusFilterFieldId,\n  lockedFieldIds,\n  lockedTooltipContent,\n}: TracesToolbarProps) {\n  const hasActiveFilters = filterTokens.length > 0;\n\n  const lockedSet = new Set(lockedFieldIds ?? []);\n  const editableTokens = filterTokens.filter(t => !lockedSet.has(t.fieldId));\n  const hasNonDefaultFilter = editableTokens.some(token => isNonDefaultFilter(token, filterFields));\n  const hasEditableFilters = editableTokens.length > 0;\n\n  // Without filters the toolbar renders nothing; returning null avoids an empty\n  // grid row (and its gap) in `PageLayout.TopArea`.\n  if (!hasActiveFilters) return null;\n\n  return (\n    // 1fr | auto — pills wrap in the first column; Clear stays pinned to the\n    // top of the second column regardless of how many pill rows render.\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        lockedFieldIds={lockedFieldIds}\n        lockedTooltipContent={lockedTooltipContent}\n      />\n\n      {hasActiveFilters && hasEditableFilters && (\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":";;;;;;;;AA0BO,SAAS,aAAA,CAAc;AAAA,EAC5B,OAAA;AAAA,EACA,WAAA;AAAA,EACA,MAAA;AAAA,EACA,aAAA;AAAA,EACA,SAAA;AAAA,EACA,YAAA;AAAA,EACA,YAAA;AAAA,EACA,oBAAA;AAAA,EACA,sBAAA;AAAA,EACA,cAAA;AAAA,EACA;AACF,CAAA,EAAuB;AACrB,EAAA,MAAM,gBAAA,GAAmB,aAAa,MAAA,GAAS,CAAA;AAE/C,EAAA,MAAM,SAAA,GAAY,IAAI,GAAA,CAAI,cAAA,IAAkB,EAAE,CAAA;AAC9C,EAAA,MAAM,cAAA,GAAiB,aAAa,MAAA,CAAO,CAAA,CAAA,KAAK,CAAC,SAAA,CAAU,GAAA,CAAI,CAAA,CAAE,OAAO,CAAC,CAAA;AACzE,EAAA,MAAM,sBAAsB,cAAA,CAAe,IAAA,CAAK,WAAS,kBAAA,CAAmB,KAAA,EAAO,YAAY,CAAC,CAAA;AAChG,EAAA,MAAM,kBAAA,GAAqB,eAAe,MAAA,GAAS,CAAA;AAInD,EAAA,IAAI,CAAC,kBAAkB,OAAO,IAAA;AAE9B,EAAA;AAAA;AAAA;AAAA,oBAGEA,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAWC,WAAA,CAAG,8CAA8C,CAAA,EAC/D,QAAA,EAAA;AAAA,sBAAAC,cAAA;AAAA,QAACC,2CAAA;AAAA,QAAA;AAAA,UACC,MAAA,EAAQ,YAAA;AAAA,UACR,MAAA,EAAQ,YAAA;AAAA,UACR,cAAA,EAAgB,oBAAA;AAAA,UAChB,QAAA,EAAU,SAAA;AAAA,UACV,gBAAA,EAAkB,sBAAA;AAAA,UAClB,cAAA;AAAA,UACA;AAAA;AAAA,OACF;AAAA,MAEC,oBAAoB,kBAAA,oBACnBD,cAAA;AAAA,QAACE,2CAAA;AAAA,QAAA;AAAA,UACC,QAAA,EAAU,SAAA;AAAA,UACV,OAAA,EAAS,sBAAsB,OAAA,GAAU,MAAA;AAAA,UACzC,WAAA;AAAA,UACA,MAAA;AAAA,UACA;AAAA;AAAA;AACF,KAAA,EAEJ;AAAA;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":"traces-toolbar.cjs.js","sources":["../../../../src/domains/traces/components/traces-toolbar.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { 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\ntype TracesToolbarProps = {\n  /** Keep all filter pills but reset each value to its neutral state\n   *  ('' for text, 'Any' for single-select, [] for multi-select). */\n  onClear?: () => void;\n  /** Fully remove all filter pills. */\n  onRemoveAll?: () => void;\n  isLoading?: boolean;\n  filterFields: PropertyFilterField[];\n  filterTokens: PropertyFilterToken[];\n  onFilterTokensChange: (tokens: PropertyFilterToken[]) => void;\n  autoFocusFilterFieldId?: string;\n  /** Field ids rendered as read-only pills (cannot be edited or removed). */\n  lockedFieldIds?: readonly string[];\n  lockedTooltipContent?: ReactNode;\n};\n\nexport function TracesToolbar({\n  onClear,\n  onRemoveAll,\n  isLoading,\n  filterFields,\n  filterTokens,\n  onFilterTokensChange,\n  autoFocusFilterFieldId,\n  lockedFieldIds,\n  lockedTooltipContent,\n}: TracesToolbarProps) {\n  const hasActiveFilters = filterTokens.length > 0;\n\n  const lockedSet = new Set(lockedFieldIds ?? []);\n  const editableTokens = filterTokens.filter(t => !lockedSet.has(t.fieldId));\n  const hasNonDefaultFilter = editableTokens.some(token => isNonDefaultFilter(token, filterFields));\n  const hasEditableFilters = editableTokens.length > 0;\n\n  // Without filters the toolbar renders nothing; returning null avoids an empty\n  // grid row (and its gap) in `PageLayout.TopArea`.\n  if (!hasActiveFilters) return null;\n\n  return (\n    // 1fr | auto — pills wrap in the first column; Clear stays pinned to the\n    // top of the second column regardless of how many pill rows render.\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        lockedFieldIds={lockedFieldIds}\n        lockedTooltipContent={lockedTooltipContent}\n      />\n\n      {hasActiveFilters && hasEditableFilters && (\n        <PropertyFilterActions\n          disabled={isLoading}\n          onClear={hasNonDefaultFilter ? onClear : undefined}\n          onRemoveAll={onRemoveAll}\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":";;;;;;;;AAsBO,SAAS,aAAA,CAAc;AAAA,EAC5B,OAAA;AAAA,EACA,WAAA;AAAA,EACA,SAAA;AAAA,EACA,YAAA;AAAA,EACA,YAAA;AAAA,EACA,oBAAA;AAAA,EACA,sBAAA;AAAA,EACA,cAAA;AAAA,EACA;AACF,CAAA,EAAuB;AACrB,EAAA,MAAM,gBAAA,GAAmB,aAAa,MAAA,GAAS,CAAA;AAE/C,EAAA,MAAM,SAAA,GAAY,IAAI,GAAA,CAAI,cAAA,IAAkB,EAAE,CAAA;AAC9C,EAAA,MAAM,cAAA,GAAiB,aAAa,MAAA,CAAO,CAAA,CAAA,KAAK,CAAC,SAAA,CAAU,GAAA,CAAI,CAAA,CAAE,OAAO,CAAC,CAAA;AACzE,EAAA,MAAM,sBAAsB,cAAA,CAAe,IAAA,CAAK,WAAS,kBAAA,CAAmB,KAAA,EAAO,YAAY,CAAC,CAAA;AAChG,EAAA,MAAM,kBAAA,GAAqB,eAAe,MAAA,GAAS,CAAA;AAInD,EAAA,IAAI,CAAC,kBAAkB,OAAO,IAAA;AAE9B,EAAA;AAAA;AAAA;AAAA,oBAGEA,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAWC,WAAA,CAAG,8CAA8C,CAAA,EAC/D,QAAA,EAAA;AAAA,sBAAAC,cAAA;AAAA,QAACC,2CAAA;AAAA,QAAA;AAAA,UACC,MAAA,EAAQ,YAAA;AAAA,UACR,MAAA,EAAQ,YAAA;AAAA,UACR,cAAA,EAAgB,oBAAA;AAAA,UAChB,QAAA,EAAU,SAAA;AAAA,UACV,gBAAA,EAAkB,sBAAA;AAAA,UAClB,cAAA;AAAA,UACA;AAAA;AAAA,OACF;AAAA,MAEC,oBAAoB,kBAAA,oBACnBD,cAAA;AAAA,QAACE,2CAAA;AAAA,QAAA;AAAA,UACC,QAAA,EAAU,SAAA;AAAA,UACV,OAAA,EAAS,sBAAsB,OAAA,GAAU,MAAA;AAAA,UACzC;AAAA;AAAA;AACF,KAAA,EAEJ;AAAA;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/traces/components/traces-toolbar.es.js

@@ -5,8 +5,6 @@ import { c as cn } from '../../../cn-B4oPhFx9.js';
 function TracesToolbar({
   onClear,
   onRemoveAll,
-  onSave,
-  onRemoveSaved,
   isLoading,
   filterFields,
   filterTokens,
@@ -42,9 +40,7 @@ function TracesToolbar({
         {
           disabled: isLoading,
           onClear: hasNonDefaultFilter ? onClear : void 0,
-          onRemoveAll,
-          onSave,
-          onRemoveSaved
+          onRemoveAll
         }
       )
     ] })

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

@@ -1 +1 @@
-{"version":3,"file":"traces-toolbar.es.js","sources":["../../../../src/domains/traces/components/traces-toolbar.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { 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\ntype TracesToolbarProps = {\n  /** Keep all filter pills but reset each value to its neutral state\n   *  ('' for text, 'Any' for single-select, [] for multi-select). */\n  onClear?: () => void;\n  /** Fully remove all filter pills. */\n  onRemoveAll?: () => void;\n  onSave?: () => void;\n  /** When provided, an extra \"Remove saved filters\" option is shown —\n   *  wire it up only when there is actually a saved set to remove. */\n  onRemoveSaved?: () => void;\n  isLoading?: boolean;\n  filterFields: PropertyFilterField[];\n  filterTokens: PropertyFilterToken[];\n  onFilterTokensChange: (tokens: PropertyFilterToken[]) => void;\n  autoFocusFilterFieldId?: string;\n  /** Field ids rendered as read-only pills (cannot be edited or removed). */\n  lockedFieldIds?: readonly string[];\n  lockedTooltipContent?: ReactNode;\n};\n\nexport function TracesToolbar({\n  onClear,\n  onRemoveAll,\n  onSave,\n  onRemoveSaved,\n  isLoading,\n  filterFields,\n  filterTokens,\n  onFilterTokensChange,\n  autoFocusFilterFieldId,\n  lockedFieldIds,\n  lockedTooltipContent,\n}: TracesToolbarProps) {\n  const hasActiveFilters = filterTokens.length > 0;\n\n  const lockedSet = new Set(lockedFieldIds ?? []);\n  const editableTokens = filterTokens.filter(t => !lockedSet.has(t.fieldId));\n  const hasNonDefaultFilter = editableTokens.some(token => isNonDefaultFilter(token, filterFields));\n  const hasEditableFilters = editableTokens.length > 0;\n\n  // Without filters the toolbar renders nothing; returning null avoids an empty\n  // grid row (and its gap) in `PageLayout.TopArea`.\n  if (!hasActiveFilters) return null;\n\n  return (\n    // 1fr | auto — pills wrap in the first column; Clear stays pinned to the\n    // top of the second column regardless of how many pill rows render.\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        lockedFieldIds={lockedFieldIds}\n        lockedTooltipContent={lockedTooltipContent}\n      />\n\n      {hasActiveFilters && hasEditableFilters && (\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":";;;;AA0BO,SAAS,aAAA,CAAc;AAAA,EAC5B,OAAA;AAAA,EACA,WAAA;AAAA,EACA,MAAA;AAAA,EACA,aAAA;AAAA,EACA,SAAA;AAAA,EACA,YAAA;AAAA,EACA,YAAA;AAAA,EACA,oBAAA;AAAA,EACA,sBAAA;AAAA,EACA,cAAA;AAAA,EACA;AACF,CAAA,EAAuB;AACrB,EAAA,MAAM,gBAAA,GAAmB,aAAa,MAAA,GAAS,CAAA;AAE/C,EAAA,MAAM,SAAA,GAAY,IAAI,GAAA,CAAI,cAAA,IAAkB,EAAE,CAAA;AAC9C,EAAA,MAAM,cAAA,GAAiB,aAAa,MAAA,CAAO,CAAA,CAAA,KAAK,CAAC,SAAA,CAAU,GAAA,CAAI,CAAA,CAAE,OAAO,CAAC,CAAA;AACzE,EAAA,MAAM,sBAAsB,cAAA,CAAe,IAAA,CAAK,WAAS,kBAAA,CAAmB,KAAA,EAAO,YAAY,CAAC,CAAA;AAChG,EAAA,MAAM,kBAAA,GAAqB,eAAe,MAAA,GAAS,CAAA;AAInD,EAAA,IAAI,CAAC,kBAAkB,OAAO,IAAA;AAE9B,EAAA;AAAA;AAAA;AAAA,oBAGE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,EAAA,CAAG,8CAA8C,CAAA,EAC/D,QAAA,EAAA;AAAA,sBAAA,GAAA;AAAA,QAAC,qBAAA;AAAA,QAAA;AAAA,UACC,MAAA,EAAQ,YAAA;AAAA,UACR,MAAA,EAAQ,YAAA;AAAA,UACR,cAAA,EAAgB,oBAAA;AAAA,UAChB,QAAA,EAAU,SAAA;AAAA,UACV,gBAAA,EAAkB,sBAAA;AAAA,UAClB,cAAA;AAAA,UACA;AAAA;AAAA,OACF;AAAA,MAEC,oBAAoB,kBAAA,oBACnB,GAAA;AAAA,QAAC,qBAAA;AAAA,QAAA;AAAA,UACC,QAAA,EAAU,SAAA;AAAA,UACV,OAAA,EAAS,sBAAsB,OAAA,GAAU,MAAA;AAAA,UACzC,WAAA;AAAA,UACA,MAAA;AAAA,UACA;AAAA;AAAA;AACF,KAAA,EAEJ;AAAA;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":"traces-toolbar.es.js","sources":["../../../../src/domains/traces/components/traces-toolbar.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { 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\ntype TracesToolbarProps = {\n  /** Keep all filter pills but reset each value to its neutral state\n   *  ('' for text, 'Any' for single-select, [] for multi-select). */\n  onClear?: () => void;\n  /** Fully remove all filter pills. */\n  onRemoveAll?: () => void;\n  isLoading?: boolean;\n  filterFields: PropertyFilterField[];\n  filterTokens: PropertyFilterToken[];\n  onFilterTokensChange: (tokens: PropertyFilterToken[]) => void;\n  autoFocusFilterFieldId?: string;\n  /** Field ids rendered as read-only pills (cannot be edited or removed). */\n  lockedFieldIds?: readonly string[];\n  lockedTooltipContent?: ReactNode;\n};\n\nexport function TracesToolbar({\n  onClear,\n  onRemoveAll,\n  isLoading,\n  filterFields,\n  filterTokens,\n  onFilterTokensChange,\n  autoFocusFilterFieldId,\n  lockedFieldIds,\n  lockedTooltipContent,\n}: TracesToolbarProps) {\n  const hasActiveFilters = filterTokens.length > 0;\n\n  const lockedSet = new Set(lockedFieldIds ?? []);\n  const editableTokens = filterTokens.filter(t => !lockedSet.has(t.fieldId));\n  const hasNonDefaultFilter = editableTokens.some(token => isNonDefaultFilter(token, filterFields));\n  const hasEditableFilters = editableTokens.length > 0;\n\n  // Without filters the toolbar renders nothing; returning null avoids an empty\n  // grid row (and its gap) in `PageLayout.TopArea`.\n  if (!hasActiveFilters) return null;\n\n  return (\n    // 1fr | auto — pills wrap in the first column; Clear stays pinned to the\n    // top of the second column regardless of how many pill rows render.\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        lockedFieldIds={lockedFieldIds}\n        lockedTooltipContent={lockedTooltipContent}\n      />\n\n      {hasActiveFilters && hasEditableFilters && (\n        <PropertyFilterActions\n          disabled={isLoading}\n          onClear={hasNonDefaultFilter ? onClear : undefined}\n          onRemoveAll={onRemoveAll}\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":";;;;AAsBO,SAAS,aAAA,CAAc;AAAA,EAC5B,OAAA;AAAA,EACA,WAAA;AAAA,EACA,SAAA;AAAA,EACA,YAAA;AAAA,EACA,YAAA;AAAA,EACA,oBAAA;AAAA,EACA,sBAAA;AAAA,EACA,cAAA;AAAA,EACA;AACF,CAAA,EAAuB;AACrB,EAAA,MAAM,gBAAA,GAAmB,aAAa,MAAA,GAAS,CAAA;AAE/C,EAAA,MAAM,SAAA,GAAY,IAAI,GAAA,CAAI,cAAA,IAAkB,EAAE,CAAA;AAC9C,EAAA,MAAM,cAAA,GAAiB,aAAa,MAAA,CAAO,CAAA,CAAA,KAAK,CAAC,SAAA,CAAU,GAAA,CAAI,CAAA,CAAE,OAAO,CAAC,CAAA;AACzE,EAAA,MAAM,sBAAsB,cAAA,CAAe,IAAA,CAAK,WAAS,kBAAA,CAAmB,KAAA,EAAO,YAAY,CAAC,CAAA;AAChG,EAAA,MAAM,kBAAA,GAAqB,eAAe,MAAA,GAAS,CAAA;AAInD,EAAA,IAAI,CAAC,kBAAkB,OAAO,IAAA;AAE9B,EAAA;AAAA;AAAA;AAAA,oBAGE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,EAAA,CAAG,8CAA8C,CAAA,EAC/D,QAAA,EAAA;AAAA,sBAAA,GAAA;AAAA,QAAC,qBAAA;AAAA,QAAA;AAAA,UACC,MAAA,EAAQ,YAAA;AAAA,UACR,MAAA,EAAQ,YAAA;AAAA,UACR,cAAA,EAAgB,oBAAA;AAAA,UAChB,QAAA,EAAU,SAAA;AAAA,UACV,gBAAA,EAAkB,sBAAA;AAAA,UAClB,cAAA;AAAA,UACA;AAAA;AAAA,OACF;AAAA,MAEC,oBAAoB,kBAAA,oBACnB,GAAA;AAAA,QAAC,qBAAA;AAAA,QAAA;AAAA,UACC,QAAA,EAAU,SAAA;AAAA,UACV,OAAA,EAAS,sBAAsB,OAAA,GAAU,MAAA;AAAA,UACzC;AAAA;AAAA;AACF,KAAA,EAEJ;AAAA;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/traces/hooks/use-branch.cjs.js

@@ -7,7 +7,6 @@ const reactQuery = require('@tanstack/react-query');
 const domains_traces_utils_toSearchableSpans = require('../utils/to-searchable-spans.cjs.js');
 require('date-fns');
 
-const IMMUTABLE_CACHE_TIME = 1e3 * 60 * 60 * 24 * 30;
 function useBranch({
   traceId,
   spanId,
@@ -25,11 +24,8 @@ function useBranch({
     // Builds each span's search haystack once per fetch, cached with the query.
     select: domains_traces_utils_toSearchableSpans.selectSearchableSpans,
     enabled: !!traceId && !!spanId,
-    staleTime: (query) => {
-      const data = query.state.data;
-      const isFinished = data?.spans.every((s) => Boolean(s.endedAt));
-      return isFinished ? IMMUTABLE_CACHE_TIME : 0;
-    }
+    // A finished subtree can still gain spans from a resumed run or delayed export.
+    staleTime: 0
   });
 }
 

package/dist/domains/traces/hooks/use-branch.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-branch.cjs.js","sources":["../../../../src/domains/traces/hooks/use-branch.ts"],"sourcesContent":["import { useMastraClient } from '@mastra/react';\nimport { useQuery } from '@tanstack/react-query';\nimport type { UseQueryResult } from '@tanstack/react-query';\nimport type { SearchableSpan } from '../types';\nimport { selectSearchableSpans } from '../utils';\n\nconst IMMUTABLE_CACHE_TIME = 1000 * 60 * 60 * 24 * 30; // 30 days, massive cache, span data is immutable\n\nexport interface UseBranchArgs {\n  traceId: string | null | undefined;\n  spanId: string | null | undefined;\n  depth?: number;\n}\n\nexport function useBranch({\n  traceId,\n  spanId,\n  depth,\n}: UseBranchArgs): UseQueryResult<{ traceId: string; spans: SearchableSpan[] } | null> {\n  const client = useMastraClient();\n\n  return useQuery({\n    queryKey: ['branch', traceId, spanId, depth],\n    queryFn: async () => {\n      if (!traceId || !spanId) {\n        throw new Error('traceId and spanId are required');\n      }\n      return client.getBranch({ traceId, spanId, depth });\n    },\n    // Builds each span's search haystack once per fetch, cached with the query.\n    select: selectSearchableSpans,\n    enabled: !!traceId && !!spanId,\n    staleTime: query => {\n      const data = query.state.data;\n      const isFinished = data?.spans.every(s => Boolean(s.endedAt));\n      return isFinished ? IMMUTABLE_CACHE_TIME : 0;\n    },\n  });\n}\n"],"names":["useMastraClient","useQuery","selectSearchableSpans"],"mappings":";;;;;;;;;AAMA,MAAM,oBAAA,GAAuB,GAAA,GAAO,EAAA,GAAK,EAAA,GAAK,EAAA,GAAK,EAAA;AAQ5C,SAAS,SAAA,CAAU;AAAA,EACxB,OAAA;AAAA,EACA,MAAA;AAAA,EACA;AACF,CAAA,EAAuF;AACrF,EAAA,MAAM,SAASA,qBAAA,EAAgB;AAE/B,EAAA,OAAOC,mBAAA,CAAS;AAAA,IACd,QAAA,EAAU,CAAC,QAAA,EAAU,OAAA,EAAS,QAAQ,KAAK,CAAA;AAAA,IAC3C,SAAS,YAAY;AACnB,MAAA,IAAI,CAAC,OAAA,IAAW,CAAC,MAAA,EAAQ;AACvB,QAAA,MAAM,IAAI,MAAM,iCAAiC,CAAA;AAAA,MACnD;AACA,MAAA,OAAO,OAAO,SAAA,CAAU,EAAE,OAAA,EAAS,MAAA,EAAQ,OAAO,CAAA;AAAA,IACpD,CAAA;AAAA;AAAA,IAEA,MAAA,EAAQC,4DAAA;AAAA,IACR,OAAA,EAAS,CAAC,CAAC,OAAA,IAAW,CAAC,CAAC,MAAA;AAAA,IACxB,WAAW,CAAA,KAAA,KAAS;AAClB,MAAA,MAAM,IAAA,GAAO,MAAM,KAAA,CAAM,IAAA;AACzB,MAAA,MAAM,UAAA,GAAa,MAAM,KAAA,CAAM,KAAA,CAAM,OAAK,OAAA,CAAQ,CAAA,CAAE,OAAO,CAAC,CAAA;AAC5D,MAAA,OAAO,aAAa,oBAAA,GAAuB,CAAA;AAAA,IAC7C;AAAA,GACD,CAAA;AACH;;;;"}
+{"version":3,"file":"use-branch.cjs.js","sources":["../../../../src/domains/traces/hooks/use-branch.ts"],"sourcesContent":["import { useMastraClient } from '@mastra/react';\nimport { useQuery } from '@tanstack/react-query';\nimport type { UseQueryResult } from '@tanstack/react-query';\nimport type { SearchableSpan } from '../types';\nimport { selectSearchableSpans } from '../utils';\n\nexport interface UseBranchArgs {\n  traceId: string | null | undefined;\n  spanId: string | null | undefined;\n  depth?: number;\n}\n\nexport function useBranch({\n  traceId,\n  spanId,\n  depth,\n}: UseBranchArgs): UseQueryResult<{ traceId: string; spans: SearchableSpan[] } | null> {\n  const client = useMastraClient();\n\n  return useQuery({\n    queryKey: ['branch', traceId, spanId, depth],\n    queryFn: async () => {\n      if (!traceId || !spanId) {\n        throw new Error('traceId and spanId are required');\n      }\n      return client.getBranch({ traceId, spanId, depth });\n    },\n    // Builds each span's search haystack once per fetch, cached with the query.\n    select: selectSearchableSpans,\n    enabled: !!traceId && !!spanId,\n    // A finished subtree can still gain spans from a resumed run or delayed export.\n    staleTime: 0,\n  });\n}\n"],"names":["useMastraClient","useQuery","selectSearchableSpans"],"mappings":";;;;;;;;;AAYO,SAAS,SAAA,CAAU;AAAA,EACxB,OAAA;AAAA,EACA,MAAA;AAAA,EACA;AACF,CAAA,EAAuF;AACrF,EAAA,MAAM,SAASA,qBAAA,EAAgB;AAE/B,EAAA,OAAOC,mBAAA,CAAS;AAAA,IACd,QAAA,EAAU,CAAC,QAAA,EAAU,OAAA,EAAS,QAAQ,KAAK,CAAA;AAAA,IAC3C,SAAS,YAAY;AACnB,MAAA,IAAI,CAAC,OAAA,IAAW,CAAC,MAAA,EAAQ;AACvB,QAAA,MAAM,IAAI,MAAM,iCAAiC,CAAA;AAAA,MACnD;AACA,MAAA,OAAO,OAAO,SAAA,CAAU,EAAE,OAAA,EAAS,MAAA,EAAQ,OAAO,CAAA;AAAA,IACpD,CAAA;AAAA;AAAA,IAEA,MAAA,EAAQC,4DAAA;AAAA,IACR,OAAA,EAAS,CAAC,CAAC,OAAA,IAAW,CAAC,CAAC,MAAA;AAAA;AAAA,IAExB,SAAA,EAAW;AAAA,GACZ,CAAA;AACH;;;;"}

package/dist/domains/traces/hooks/use-branch.es.js

@@ -3,7 +3,6 @@ import { useQuery } from '@tanstack/react-query';
 import { selectSearchableSpans } from '../utils/to-searchable-spans.es.js';
 import 'date-fns';
 
-const IMMUTABLE_CACHE_TIME = 1e3 * 60 * 60 * 24 * 30;
 function useBranch({
   traceId,
   spanId,
@@ -21,11 +20,8 @@ function useBranch({
     // Builds each span's search haystack once per fetch, cached with the query.
     select: selectSearchableSpans,
     enabled: !!traceId && !!spanId,
-    staleTime: (query) => {
-      const data = query.state.data;
-      const isFinished = data?.spans.every((s) => Boolean(s.endedAt));
-      return isFinished ? IMMUTABLE_CACHE_TIME : 0;
-    }
+    // A finished subtree can still gain spans from a resumed run or delayed export.
+    staleTime: 0
   });
 }
 

package/dist/domains/traces/hooks/use-branch.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-branch.es.js","sources":["../../../../src/domains/traces/hooks/use-branch.ts"],"sourcesContent":["import { useMastraClient } from '@mastra/react';\nimport { useQuery } from '@tanstack/react-query';\nimport type { UseQueryResult } from '@tanstack/react-query';\nimport type { SearchableSpan } from '../types';\nimport { selectSearchableSpans } from '../utils';\n\nconst IMMUTABLE_CACHE_TIME = 1000 * 60 * 60 * 24 * 30; // 30 days, massive cache, span data is immutable\n\nexport interface UseBranchArgs {\n  traceId: string | null | undefined;\n  spanId: string | null | undefined;\n  depth?: number;\n}\n\nexport function useBranch({\n  traceId,\n  spanId,\n  depth,\n}: UseBranchArgs): UseQueryResult<{ traceId: string; spans: SearchableSpan[] } | null> {\n  const client = useMastraClient();\n\n  return useQuery({\n    queryKey: ['branch', traceId, spanId, depth],\n    queryFn: async () => {\n      if (!traceId || !spanId) {\n        throw new Error('traceId and spanId are required');\n      }\n      return client.getBranch({ traceId, spanId, depth });\n    },\n    // Builds each span's search haystack once per fetch, cached with the query.\n    select: selectSearchableSpans,\n    enabled: !!traceId && !!spanId,\n    staleTime: query => {\n      const data = query.state.data;\n      const isFinished = data?.spans.every(s => Boolean(s.endedAt));\n      return isFinished ? IMMUTABLE_CACHE_TIME : 0;\n    },\n  });\n}\n"],"names":[],"mappings":";;;;;AAMA,MAAM,oBAAA,GAAuB,GAAA,GAAO,EAAA,GAAK,EAAA,GAAK,EAAA,GAAK,EAAA;AAQ5C,SAAS,SAAA,CAAU;AAAA,EACxB,OAAA;AAAA,EACA,MAAA;AAAA,EACA;AACF,CAAA,EAAuF;AACrF,EAAA,MAAM,SAAS,eAAA,EAAgB;AAE/B,EAAA,OAAO,QAAA,CAAS;AAAA,IACd,QAAA,EAAU,CAAC,QAAA,EAAU,OAAA,EAAS,QAAQ,KAAK,CAAA;AAAA,IAC3C,SAAS,YAAY;AACnB,MAAA,IAAI,CAAC,OAAA,IAAW,CAAC,MAAA,EAAQ;AACvB,QAAA,MAAM,IAAI,MAAM,iCAAiC,CAAA;AAAA,MACnD;AACA,MAAA,OAAO,OAAO,SAAA,CAAU,EAAE,OAAA,EAAS,MAAA,EAAQ,OAAO,CAAA;AAAA,IACpD,CAAA;AAAA;AAAA,IAEA,MAAA,EAAQ,qBAAA;AAAA,IACR,OAAA,EAAS,CAAC,CAAC,OAAA,IAAW,CAAC,CAAC,MAAA;AAAA,IACxB,WAAW,CAAA,KAAA,KAAS;AAClB,MAAA,MAAM,IAAA,GAAO,MAAM,KAAA,CAAM,IAAA;AACzB,MAAA,MAAM,UAAA,GAAa,MAAM,KAAA,CAAM,KAAA,CAAM,OAAK,OAAA,CAAQ,CAAA,CAAE,OAAO,CAAC,CAAA;AAC5D,MAAA,OAAO,aAAa,oBAAA,GAAuB,CAAA;AAAA,IAC7C;AAAA,GACD,CAAA;AACH;;;;"}
+{"version":3,"file":"use-branch.es.js","sources":["../../../../src/domains/traces/hooks/use-branch.ts"],"sourcesContent":["import { useMastraClient } from '@mastra/react';\nimport { useQuery } from '@tanstack/react-query';\nimport type { UseQueryResult } from '@tanstack/react-query';\nimport type { SearchableSpan } from '../types';\nimport { selectSearchableSpans } from '../utils';\n\nexport interface UseBranchArgs {\n  traceId: string | null | undefined;\n  spanId: string | null | undefined;\n  depth?: number;\n}\n\nexport function useBranch({\n  traceId,\n  spanId,\n  depth,\n}: UseBranchArgs): UseQueryResult<{ traceId: string; spans: SearchableSpan[] } | null> {\n  const client = useMastraClient();\n\n  return useQuery({\n    queryKey: ['branch', traceId, spanId, depth],\n    queryFn: async () => {\n      if (!traceId || !spanId) {\n        throw new Error('traceId and spanId are required');\n      }\n      return client.getBranch({ traceId, spanId, depth });\n    },\n    // Builds each span's search haystack once per fetch, cached with the query.\n    select: selectSearchableSpans,\n    enabled: !!traceId && !!spanId,\n    // A finished subtree can still gain spans from a resumed run or delayed export.\n    staleTime: 0,\n  });\n}\n"],"names":[],"mappings":";;;;;AAYO,SAAS,SAAA,CAAU;AAAA,EACxB,OAAA;AAAA,EACA,MAAA;AAAA,EACA;AACF,CAAA,EAAuF;AACrF,EAAA,MAAM,SAAS,eAAA,EAAgB;AAE/B,EAAA,OAAO,QAAA,CAAS;AAAA,IACd,QAAA,EAAU,CAAC,QAAA,EAAU,OAAA,EAAS,QAAQ,KAAK,CAAA;AAAA,IAC3C,SAAS,YAAY;AACnB,MAAA,IAAI,CAAC,OAAA,IAAW,CAAC,MAAA,EAAQ;AACvB,QAAA,MAAM,IAAI,MAAM,iCAAiC,CAAA;AAAA,MACnD;AACA,MAAA,OAAO,OAAO,SAAA,CAAU,EAAE,OAAA,EAAS,MAAA,EAAQ,OAAO,CAAA;AAAA,IACpD,CAAA;AAAA;AAAA,IAEA,MAAA,EAAQ,qBAAA;AAAA,IACR,OAAA,EAAS,CAAC,CAAC,OAAA,IAAW,CAAC,CAAC,MAAA;AAAA;AAAA,IAExB,SAAA,EAAW;AAAA,GACZ,CAAA;AACH;;;;"}

package/dist/domains/traces/hooks/use-download-trace-json.cjs.js

@@ -3,17 +3,20 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const react = require('@mastra/react');
+const reactQuery = require('@tanstack/react-query');
 const React = require('react');
+const domains_traces_hooks_useTraceSpans = require('./use-trace-spans.cjs.js');
 const toast = require('../../../toast-EtbZnj9b.cjs');
 const downloadJson = require('../../../downloadJson-PWUDbzkB.cjs');
 
 function useDownloadTraceJson() {
   const client = react.useMastraClient();
+  const queryClient = reactQuery.useQueryClient();
   const [isPending, setIsPending] = React.useState(false);
   const download = (traceId) => {
     if (isPending) return;
     setIsPending(true);
-    const task = client.getTrace(traceId).then((trace) => downloadJson.downloadJson(`trace-${traceId}.json`, trace)).finally(() => setIsPending(false));
+    const task = queryClient.fetchQuery(domains_traces_hooks_useTraceSpans.traceSpansQueryOptions(client, traceId)).then((trace) => downloadJson.downloadJson(`trace-${traceId}.json`, trace)).finally(() => setIsPending(false));
     toast.toast.promise({
       myPromise: task,
       loadingMessage: "Preparing trace download…",

package/dist/domains/traces/hooks/use-download-trace-json.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-download-trace-json.cjs.js","sources":["../../../../src/domains/traces/hooks/use-download-trace-json.ts"],"sourcesContent":["import { useMastraClient } from '@mastra/react';\nimport { useState } from 'react';\nimport { downloadJson } from '@/lib/file';\nimport { toast } from '@/lib/toast';\n\nexport function useDownloadTraceJson() {\n  const client = useMastraClient();\n  const [isPending, setIsPending] = useState(false);\n\n  const download = (traceId: string) => {\n    if (isPending) return;\n    setIsPending(true);\n\n    // getTrace returns the full payload (heavy input/output), unlike the light spans the panel renders.\n    const task = client\n      .getTrace(traceId)\n      .then(trace => downloadJson(`trace-${traceId}.json`, trace))\n      .finally(() => setIsPending(false));\n\n    toast.promise({\n      myPromise: task,\n      loadingMessage: 'Preparing trace download…',\n      successMessage: 'Trace downloaded',\n      errorMessage: 'Failed to download trace',\n    });\n  };\n\n  return { download, isPending };\n}\n"],"names":["useMastraClient","useState","downloadJson","toast"],"mappings":";;;;;;;;;AAKO,SAAS,oBAAA,GAAuB;AACrC,EAAA,MAAM,SAASA,qBAAA,EAAgB;AAC/B,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAIC,eAAS,KAAK,CAAA;AAEhD,EAAA,MAAM,QAAA,GAAW,CAAC,OAAA,KAAoB;AACpC,IAAA,IAAI,SAAA,EAAW;AACf,IAAA,YAAA,CAAa,IAAI,CAAA;AAGjB,IAAA,MAAM,OAAO,MAAA,CACV,QAAA,CAAS,OAAO,CAAA,CAChB,IAAA,CAAK,WAASC,yBAAA,CAAa,CAAA,MAAA,EAAS,OAAO,CAAA,KAAA,CAAA,EAAS,KAAK,CAAC,CAAA,CAC1D,QAAQ,MAAM,YAAA,CAAa,KAAK,CAAC,CAAA;AAEpC,IAAAC,WAAA,CAAM,OAAA,CAAQ;AAAA,MACZ,SAAA,EAAW,IAAA;AAAA,MACX,cAAA,EAAgB,2BAAA;AAAA,MAChB,cAAA,EAAgB,kBAAA;AAAA,MAChB,YAAA,EAAc;AAAA,KACf,CAAA;AAAA,EACH,CAAA;AAEA,EAAA,OAAO,EAAE,UAAU,SAAA,EAAU;AAC/B;;;;"}
+{"version":3,"file":"use-download-trace-json.cjs.js","sources":["../../../../src/domains/traces/hooks/use-download-trace-json.ts"],"sourcesContent":["import { useMastraClient } from '@mastra/react';\nimport { useQueryClient } from '@tanstack/react-query';\nimport { useState } from 'react';\nimport { traceSpansQueryOptions } from './use-trace-spans';\nimport { downloadJson } from '@/lib/file';\nimport { toast } from '@/lib/toast';\n\nexport function useDownloadTraceJson() {\n  const client = useMastraClient();\n  const queryClient = useQueryClient();\n  const [isPending, setIsPending] = useState(false);\n\n  const download = (traceId: string) => {\n    if (isPending) return;\n    setIsPending(true);\n\n    // Fetch the full payload into the shared cache so the panel matches the downloaded trace.\n    const task = queryClient\n      .fetchQuery(traceSpansQueryOptions(client, traceId))\n      .then(trace => downloadJson(`trace-${traceId}.json`, trace))\n      .finally(() => setIsPending(false));\n\n    toast.promise({\n      myPromise: task,\n      loadingMessage: 'Preparing trace download…',\n      successMessage: 'Trace downloaded',\n      errorMessage: 'Failed to download trace',\n    });\n  };\n\n  return { download, isPending };\n}\n"],"names":["useMastraClient","useQueryClient","useState","traceSpansQueryOptions","downloadJson","toast"],"mappings":";;;;;;;;;;;AAOO,SAAS,oBAAA,GAAuB;AACrC,EAAA,MAAM,SAASA,qBAAA,EAAgB;AAC/B,EAAA,MAAM,cAAcC,yBAAA,EAAe;AACnC,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAIC,eAAS,KAAK,CAAA;AAEhD,EAAA,MAAM,QAAA,GAAW,CAAC,OAAA,KAAoB;AACpC,IAAA,IAAI,SAAA,EAAW;AACf,IAAA,YAAA,CAAa,IAAI,CAAA;AAGjB,IAAA,MAAM,IAAA,GAAO,YACV,UAAA,CAAWC,yDAAA,CAAuB,QAAQ,OAAO,CAAC,EAClD,IAAA,CAAK,CAAA,KAAA,KAASC,0BAAa,CAAA,MAAA,EAAS,OAAO,SAAS,KAAK,CAAC,EAC1D,OAAA,CAAQ,MAAM,YAAA,CAAa,KAAK,CAAC,CAAA;AAEpC,IAAAC,WAAA,CAAM,OAAA,CAAQ;AAAA,MACZ,SAAA,EAAW,IAAA;AAAA,MACX,cAAA,EAAgB,2BAAA;AAAA,MAChB,cAAA,EAAgB,kBAAA;AAAA,MAChB,YAAA,EAAc;AAAA,KACf,CAAA;AAAA,EACH,CAAA;AAEA,EAAA,OAAO,EAAE,UAAU,SAAA,EAAU;AAC/B;;;;"}

package/dist/domains/traces/hooks/use-download-trace-json.es.js

@@ -1,15 +1,18 @@
 import { useMastraClient } from '@mastra/react';
+import { useQueryClient } from '@tanstack/react-query';
 import { useState } from 'react';
+import { traceSpansQueryOptions } from './use-trace-spans.es.js';
 import { t as toast } from '../../../toast-czUGO0aH.js';
 import { d as downloadJson } from '../../../downloadJson-DuPoMa_6.js';
 
 function useDownloadTraceJson() {
   const client = useMastraClient();
+  const queryClient = useQueryClient();
   const [isPending, setIsPending] = useState(false);
   const download = (traceId) => {
     if (isPending) return;
     setIsPending(true);
-    const task = client.getTrace(traceId).then((trace) => downloadJson(`trace-${traceId}.json`, trace)).finally(() => setIsPending(false));
+    const task = queryClient.fetchQuery(traceSpansQueryOptions(client, traceId)).then((trace) => downloadJson(`trace-${traceId}.json`, trace)).finally(() => setIsPending(false));
     toast.promise({
       myPromise: task,
       loadingMessage: "Preparing trace download…",

package/dist/domains/traces/hooks/use-download-trace-json.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-download-trace-json.es.js","sources":["../../../../src/domains/traces/hooks/use-download-trace-json.ts"],"sourcesContent":["import { useMastraClient } from '@mastra/react';\nimport { useState } from 'react';\nimport { downloadJson } from '@/lib/file';\nimport { toast } from '@/lib/toast';\n\nexport function useDownloadTraceJson() {\n  const client = useMastraClient();\n  const [isPending, setIsPending] = useState(false);\n\n  const download = (traceId: string) => {\n    if (isPending) return;\n    setIsPending(true);\n\n    // getTrace returns the full payload (heavy input/output), unlike the light spans the panel renders.\n    const task = client\n      .getTrace(traceId)\n      .then(trace => downloadJson(`trace-${traceId}.json`, trace))\n      .finally(() => setIsPending(false));\n\n    toast.promise({\n      myPromise: task,\n      loadingMessage: 'Preparing trace download…',\n      successMessage: 'Trace downloaded',\n      errorMessage: 'Failed to download trace',\n    });\n  };\n\n  return { download, isPending };\n}\n"],"names":[],"mappings":";;;;;AAKO,SAAS,oBAAA,GAAuB;AACrC,EAAA,MAAM,SAAS,eAAA,EAAgB;AAC/B,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAI,SAAS,KAAK,CAAA;AAEhD,EAAA,MAAM,QAAA,GAAW,CAAC,OAAA,KAAoB;AACpC,IAAA,IAAI,SAAA,EAAW;AACf,IAAA,YAAA,CAAa,IAAI,CAAA;AAGjB,IAAA,MAAM,OAAO,MAAA,CACV,QAAA,CAAS,OAAO,CAAA,CAChB,IAAA,CAAK,WAAS,YAAA,CAAa,CAAA,MAAA,EAAS,OAAO,CAAA,KAAA,CAAA,EAAS,KAAK,CAAC,CAAA,CAC1D,QAAQ,MAAM,YAAA,CAAa,KAAK,CAAC,CAAA;AAEpC,IAAA,KAAA,CAAM,OAAA,CAAQ;AAAA,MACZ,SAAA,EAAW,IAAA;AAAA,MACX,cAAA,EAAgB,2BAAA;AAAA,MAChB,cAAA,EAAgB,kBAAA;AAAA,MAChB,YAAA,EAAc;AAAA,KACf,CAAA;AAAA,EACH,CAAA;AAEA,EAAA,OAAO,EAAE,UAAU,SAAA,EAAU;AAC/B;;;;"}
+{"version":3,"file":"use-download-trace-json.es.js","sources":["../../../../src/domains/traces/hooks/use-download-trace-json.ts"],"sourcesContent":["import { useMastraClient } from '@mastra/react';\nimport { useQueryClient } from '@tanstack/react-query';\nimport { useState } from 'react';\nimport { traceSpansQueryOptions } from './use-trace-spans';\nimport { downloadJson } from '@/lib/file';\nimport { toast } from '@/lib/toast';\n\nexport function useDownloadTraceJson() {\n  const client = useMastraClient();\n  const queryClient = useQueryClient();\n  const [isPending, setIsPending] = useState(false);\n\n  const download = (traceId: string) => {\n    if (isPending) return;\n    setIsPending(true);\n\n    // Fetch the full payload into the shared cache so the panel matches the downloaded trace.\n    const task = queryClient\n      .fetchQuery(traceSpansQueryOptions(client, traceId))\n      .then(trace => downloadJson(`trace-${traceId}.json`, trace))\n      .finally(() => setIsPending(false));\n\n    toast.promise({\n      myPromise: task,\n      loadingMessage: 'Preparing trace download…',\n      successMessage: 'Trace downloaded',\n      errorMessage: 'Failed to download trace',\n    });\n  };\n\n  return { download, isPending };\n}\n"],"names":[],"mappings":";;;;;;;AAOO,SAAS,oBAAA,GAAuB;AACrC,EAAA,MAAM,SAAS,eAAA,EAAgB;AAC/B,EAAA,MAAM,cAAc,cAAA,EAAe;AACnC,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAI,SAAS,KAAK,CAAA;AAEhD,EAAA,MAAM,QAAA,GAAW,CAAC,OAAA,KAAoB;AACpC,IAAA,IAAI,SAAA,EAAW;AACf,IAAA,YAAA,CAAa,IAAI,CAAA;AAGjB,IAAA,MAAM,IAAA,GAAO,YACV,UAAA,CAAW,sBAAA,CAAuB,QAAQ,OAAO,CAAC,EAClD,IAAA,CAAK,CAAA,KAAA,KAAS,aAAa,CAAA,MAAA,EAAS,OAAO,SAAS,KAAK,CAAC,EAC1D,OAAA,CAAQ,MAAM,YAAA,CAAa,KAAK,CAAC,CAAA;AAEpC,IAAA,KAAA,CAAM,OAAA,CAAQ;AAAA,MACZ,SAAA,EAAW,IAAA;AAAA,MACX,cAAA,EAAgB,2BAAA;AAAA,MAChB,cAAA,EAAgB,kBAAA;AAAA,MAChB,YAAA,EAAc;AAAA,KACf,CAAA;AAAA,EACH,CAAA;AAEA,EAAA,OAAO,EAAE,UAAU,SAAA,EAAU;AAC/B;;;;"}

package/dist/domains/traces/hooks/use-trace-filter-persistence.cjs.js

@@ -4,25 +4,9 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const React = require('react');
 const domains_traces_traceFilters = require('../trace-filters.cjs.js');
-const toast = require('../../../toast-EtbZnj9b.cjs');
 
-const DEFAULT_SAVED_MESSAGE = "Trace filter settings saved.";
-const DEFAULT_CLEARED_MESSAGE = "Trace filter settings cleared.";
 function useTraceFilterPersistence(searchParams, setSearchParams, options) {
-  const { storageKey, messages, skipHydration } = options ?? {};
-  const [hasSavedFilters, setHasSavedFilters] = React.useState(() => domains_traces_traceFilters.loadTraceFiltersFromStorage(storageKey) !== null);
-  const handleSave = React.useCallback(() => {
-    domains_traces_traceFilters.saveTraceFiltersToStorage(searchParams, storageKey);
-    setHasSavedFilters(true);
-    const text = messages?.saved ?? DEFAULT_SAVED_MESSAGE;
-    if (text !== false) toast.toast.success(text);
-  }, [searchParams, storageKey, messages?.saved]);
-  const handleRemoveSaved = React.useCallback(() => {
-    domains_traces_traceFilters.clearSavedTraceFilters(storageKey);
-    setHasSavedFilters(false);
-    const text = messages?.cleared ?? DEFAULT_CLEARED_MESSAGE;
-    if (text !== false) toast.toast.success(text);
-  }, [storageKey, messages?.cleared]);
+  const { storageKey, skipHydration } = options ?? {};
   const hydratedRef = React.useRef(false);
   React.useEffect(() => {
     if (skipHydration) return;
@@ -42,7 +26,16 @@ function useTraceFilterPersistence(searchParams, setSearchParams, options) {
       { replace: true }
     );
   }, []);
-  return { hasSavedFilters, handleSave, handleRemoveSaved };
+  return React.useCallback(
+    (next, setOptions) => {
+      setSearchParams((prev) => {
+        const resolved = typeof next === "function" ? next(prev) : next;
+        domains_traces_traceFilters.saveTraceFiltersToStorage(resolved, storageKey);
+        return resolved;
+      }, setOptions);
+    },
+    [setSearchParams, storageKey]
+  );
 }
 
 exports.useTraceFilterPersistence = useTraceFilterPersistence;

package/dist/domains/traces/hooks/use-trace-filter-persistence.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-trace-filter-persistence.cjs.js","sources":["../../../../src/domains/traces/hooks/use-trace-filter-persistence.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react';\nimport {\n  clearSavedTraceFilters,\n  hasAnyTraceFilterParams,\n  loadTraceFiltersFromStorage,\n  saveTraceFiltersToStorage,\n} from '../trace-filters';\nimport type { SetURLSearchParamsLike } from './use-trace-url-state';\nimport { toast } from '@/lib/toast';\n\nconst DEFAULT_SAVED_MESSAGE = 'Trace filter settings saved.';\nconst DEFAULT_CLEARED_MESSAGE = 'Trace filter settings cleared.';\n\nexport interface TraceFilterPersistenceOptions {\n  /** Override the localStorage key. Default: traces filters storage. */\n  storageKey?: string;\n  /** Toast text overrides; pass `false` to suppress the toast entirely. */\n  messages?: {\n    saved?: string | false;\n    cleared?: string | false;\n  };\n  /** Skip the once-on-mount hydration from localStorage. Default: false (hydration runs). */\n  skipHydration?: boolean;\n}\n\nexport interface UseTraceFilterPersistenceResult {\n  /** True when localStorage has a previously saved filter set. */\n  hasSavedFilters: boolean;\n  /** Persist the current URL filter params to localStorage. */\n  handleSave: () => void;\n  /** Forget the saved filter set. */\n  handleRemoveSaved: () => void;\n}\n\n/**\n * Owns the localStorage save/restore lifecycle for trace filters:\n * - tracks `hasSavedFilters`\n * - exposes `handleSave` / `handleRemoveSaved` (with toast feedback)\n * - hydrates the URL from saved filters once on mount, but only if the URL is filter-clean\n *   (so a shared link / direct nav with explicit filters wins over the saved set)\n *\n * Pass `storageKey` to scope persistence (e.g. per-project). Pass `messages.{saved,cleared} = false`\n * to suppress the toast.\n */\nexport function useTraceFilterPersistence(\n  searchParams: URLSearchParams,\n  setSearchParams: SetURLSearchParamsLike,\n  options?: TraceFilterPersistenceOptions,\n): UseTraceFilterPersistenceResult {\n  const { storageKey, messages, skipHydration } = options ?? {};\n\n  const [hasSavedFilters, setHasSavedFilters] = useState(() => loadTraceFiltersFromStorage(storageKey) !== null);\n\n  const handleSave = useCallback(() => {\n    saveTraceFiltersToStorage(searchParams, storageKey);\n    setHasSavedFilters(true);\n    const text = messages?.saved ?? DEFAULT_SAVED_MESSAGE;\n    if (text !== false) toast.success(text);\n  }, [searchParams, storageKey, messages?.saved]);\n\n  const handleRemoveSaved = useCallback(() => {\n    clearSavedTraceFilters(storageKey);\n    setHasSavedFilters(false);\n    const text = messages?.cleared ?? DEFAULT_CLEARED_MESSAGE;\n    if (text !== false) toast.success(text);\n  }, [storageKey, messages?.cleared]);\n\n  // Hydrate from the saved filter set on mount, but only when the URL is\n  // filter-clean (user arrived via a plain sidebar nav). If the URL already\n  // carries filters — e.g. a shared link — leave it alone.\n  const hydratedRef = useRef(false);\n  useEffect(() => {\n    if (skipHydration) return;\n    if (hydratedRef.current) return;\n    hydratedRef.current = true;\n    if (hasAnyTraceFilterParams(searchParams)) return;\n    const saved = loadTraceFiltersFromStorage(storageKey);\n    if (!saved) return;\n    setSearchParams(\n      prev => {\n        const next = new URLSearchParams(prev);\n        for (const [key, value] of saved) {\n          next.append(key, value);\n        }\n        return next;\n      },\n      { replace: true },\n    );\n    // Run once on mount — searchParams intentionally read at mount time.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  return { hasSavedFilters, handleSave, handleRemoveSaved };\n}\n"],"names":["useState","loadTraceFiltersFromStorage","useCallback","saveTraceFiltersToStorage","toast","clearSavedTraceFilters","useRef","useEffect","hasAnyTraceFilterParams"],"mappings":";;;;;;;;AAUA,MAAM,qBAAA,GAAwB,8BAAA;AAC9B,MAAM,uBAAA,GAA0B,gCAAA;AAiCzB,SAAS,yBAAA,CACd,YAAA,EACA,eAAA,EACA,OAAA,EACiC;AACjC,EAAA,MAAM,EAAE,UAAA,EAAY,QAAA,EAAU,aAAA,EAAc,GAAI,WAAW,EAAC;AAE5D,EAAA,MAAM,CAAC,iBAAiB,kBAAkB,CAAA,GAAIA,eAAS,MAAMC,uDAAA,CAA4B,UAAU,CAAA,KAAM,IAAI,CAAA;AAE7G,EAAA,MAAM,UAAA,GAAaC,kBAAY,MAAM;AACnC,IAAAC,qDAAA,CAA0B,cAAc,UAAU,CAAA;AAClD,IAAA,kBAAA,CAAmB,IAAI,CAAA;AACvB,IAAA,MAAM,IAAA,GAAO,UAAU,KAAA,IAAS,qBAAA;AAChC,IAAA,IAAI,IAAA,KAAS,KAAA,EAAOC,WAAA,CAAM,OAAA,CAAQ,IAAI,CAAA;AAAA,EACxC,GAAG,CAAC,YAAA,EAAc,UAAA,EAAY,QAAA,EAAU,KAAK,CAAC,CAAA;AAE9C,EAAA,MAAM,iBAAA,GAAoBF,kBAAY,MAAM;AAC1C,IAAAG,kDAAA,CAAuB,UAAU,CAAA;AACjC,IAAA,kBAAA,CAAmB,KAAK,CAAA;AACxB,IAAA,MAAM,IAAA,GAAO,UAAU,OAAA,IAAW,uBAAA;AAClC,IAAA,IAAI,IAAA,KAAS,KAAA,EAAOD,WAAA,CAAM,OAAA,CAAQ,IAAI,CAAA;AAAA,EACxC,CAAA,EAAG,CAAC,UAAA,EAAY,QAAA,EAAU,OAAO,CAAC,CAAA;AAKlC,EAAA,MAAM,WAAA,GAAcE,aAAO,KAAK,CAAA;AAChC,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,IAAI,aAAA,EAAe;AACnB,IAAA,IAAI,YAAY,OAAA,EAAS;AACzB,IAAA,WAAA,CAAY,OAAA,GAAU,IAAA;AACtB,IAAA,IAAIC,mDAAA,CAAwB,YAAY,CAAA,EAAG;AAC3C,IAAA,MAAM,KAAA,GAAQP,wDAA4B,UAAU,CAAA;AACpD,IAAA,IAAI,CAAC,KAAA,EAAO;AACZ,IAAA,eAAA;AAAA,MACE,CAAA,IAAA,KAAQ;AACN,QAAA,MAAM,IAAA,GAAO,IAAI,eAAA,CAAgB,IAAI,CAAA;AACrC,QAAA,KAAA,MAAW,CAAC,GAAA,EAAK,KAAK,CAAA,IAAK,KAAA,EAAO;AAChC,UAAA,IAAA,CAAK,MAAA,CAAO,KAAK,KAAK,CAAA;AAAA,QACxB;AACA,QAAA,OAAO,IAAA;AAAA,MACT,CAAA;AAAA,MACA,EAAE,SAAS,IAAA;AAAK,KAClB;AAAA,EAGF,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,OAAO,EAAE,eAAA,EAAiB,UAAA,EAAY,iBAAA,EAAkB;AAC1D;;;;"}
+{"version":3,"file":"use-trace-filter-persistence.cjs.js","sources":["../../../../src/domains/traces/hooks/use-trace-filter-persistence.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef } from 'react';\nimport { hasAnyTraceFilterParams, loadTraceFiltersFromStorage, saveTraceFiltersToStorage } from '../trace-filters';\nimport type { SetURLSearchParamsLike } from './use-trace-url-state';\n\nexport interface TraceFilterPersistenceOptions {\n  /** Override the localStorage key. Default: traces filters storage. */\n  storageKey?: string;\n  /** Skip the once-on-mount hydration from localStorage. Default: false (hydration runs). */\n  skipHydration?: boolean;\n}\n\n/**\n * Owns the localStorage save/restore lifecycle for trace filters:\n * - hydrates the URL from saved filters once on mount, but only if the URL is filter-clean\n *   (so a shared link / direct nav with explicit filters wins over the saved set)\n * - returns a `setSearchParams` wrapper that persists the resulting params as part of the\n *   update itself; only relative date presets are kept (see `saveTraceFiltersToStorage`).\n *   Route every filter mutation through the returned setter (e.g. hand it to `useTraceUrlState`).\n *\n * Pass `storageKey` to scope persistence (e.g. per-entity).\n */\nexport function useTraceFilterPersistence(\n  searchParams: URLSearchParams,\n  setSearchParams: SetURLSearchParamsLike,\n  options?: TraceFilterPersistenceOptions,\n): SetURLSearchParamsLike {\n  const { storageKey, skipHydration } = options ?? {};\n\n  // Hydrate from the saved filter set on mount, but only when the URL is\n  // filter-clean (user arrived via a plain sidebar nav). If the URL already\n  // carries filters — e.g. a shared link — leave it alone.\n  const hydratedRef = useRef(false);\n  useEffect(() => {\n    if (skipHydration) return;\n    if (hydratedRef.current) return;\n    hydratedRef.current = true;\n    if (hasAnyTraceFilterParams(searchParams)) return;\n    const saved = loadTraceFiltersFromStorage(storageKey);\n    if (!saved) return;\n    setSearchParams(\n      prev => {\n        const next = new URLSearchParams(prev);\n        for (const [key, value] of saved) {\n          next.append(key, value);\n        }\n        return next;\n      },\n      { replace: true },\n    );\n    // Run once on mount — searchParams intentionally read at mount time.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  // Persist as part of the user's update rather than by observing the URL: the URL at mount\n  // is either about to be hydrated (empty) or an explicit link, and neither is \"what the user\n  // last chose\".\n  return useCallback<SetURLSearchParamsLike>(\n    (next, setOptions) => {\n      setSearchParams(prev => {\n        const resolved = typeof next === 'function' ? next(prev) : next;\n        saveTraceFiltersToStorage(resolved, storageKey);\n        return resolved;\n      }, setOptions);\n    },\n    [setSearchParams, storageKey],\n  );\n}\n"],"names":["useRef","useEffect","hasAnyTraceFilterParams","loadTraceFiltersFromStorage","useCallback","saveTraceFiltersToStorage"],"mappings":";;;;;;;AAqBO,SAAS,yBAAA,CACd,YAAA,EACA,eAAA,EACA,OAAA,EACwB;AACxB,EAAA,MAAM,EAAE,UAAA,EAAY,aAAA,EAAc,GAAI,WAAW,EAAC;AAKlD,EAAA,MAAM,WAAA,GAAcA,aAAO,KAAK,CAAA;AAChC,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,IAAI,aAAA,EAAe;AACnB,IAAA,IAAI,YAAY,OAAA,EAAS;AACzB,IAAA,WAAA,CAAY,OAAA,GAAU,IAAA;AACtB,IAAA,IAAIC,mDAAA,CAAwB,YAAY,CAAA,EAAG;AAC3C,IAAA,MAAM,KAAA,GAAQC,wDAA4B,UAAU,CAAA;AACpD,IAAA,IAAI,CAAC,KAAA,EAAO;AACZ,IAAA,eAAA;AAAA,MACE,CAAA,IAAA,KAAQ;AACN,QAAA,MAAM,IAAA,GAAO,IAAI,eAAA,CAAgB,IAAI,CAAA;AACrC,QAAA,KAAA,MAAW,CAAC,GAAA,EAAK,KAAK,CAAA,IAAK,KAAA,EAAO;AAChC,UAAA,IAAA,CAAK,MAAA,CAAO,KAAK,KAAK,CAAA;AAAA,QACxB;AACA,QAAA,OAAO,IAAA;AAAA,MACT,CAAA;AAAA,MACA,EAAE,SAAS,IAAA;AAAK,KAClB;AAAA,EAGF,CAAA,EAAG,EAAE,CAAA;AAKL,EAAA,OAAOC,iBAAA;AAAA,IACL,CAAC,MAAM,UAAA,KAAe;AACpB,MAAA,eAAA,CAAgB,CAAA,IAAA,KAAQ;AACtB,QAAA,MAAM,WAAW,OAAO,IAAA,KAAS,UAAA,GAAa,IAAA,CAAK,IAAI,CAAA,GAAI,IAAA;AAC3D,QAAAC,qDAAA,CAA0B,UAAU,UAAU,CAAA;AAC9C,QAAA,OAAO,QAAA;AAAA,MACT,GAAG,UAAU,CAAA;AAAA,IACf,CAAA;AAAA,IACA,CAAC,iBAAiB,UAAU;AAAA,GAC9B;AACF;;;;"}

package/dist/domains/traces/hooks/use-trace-filter-persistence.es.js

@@ -1,24 +1,8 @@
-import { useState, useCallback, useRef, useEffect } from 'react';
-import { loadTraceFiltersFromStorage, saveTraceFiltersToStorage, clearSavedTraceFilters, hasAnyTraceFilterParams } from '../trace-filters.es.js';
-import { t as toast } from '../../../toast-czUGO0aH.js';
+import { useRef, useEffect, useCallback } from 'react';
+import { hasAnyTraceFilterParams, loadTraceFiltersFromStorage, saveTraceFiltersToStorage } from '../trace-filters.es.js';
 
-const DEFAULT_SAVED_MESSAGE = "Trace filter settings saved.";
-const DEFAULT_CLEARED_MESSAGE = "Trace filter settings cleared.";
 function useTraceFilterPersistence(searchParams, setSearchParams, options) {
-  const { storageKey, messages, skipHydration } = options ?? {};
-  const [hasSavedFilters, setHasSavedFilters] = useState(() => loadTraceFiltersFromStorage(storageKey) !== null);
-  const handleSave = useCallback(() => {
-    saveTraceFiltersToStorage(searchParams, storageKey);
-    setHasSavedFilters(true);
-    const text = messages?.saved ?? DEFAULT_SAVED_MESSAGE;
-    if (text !== false) toast.success(text);
-  }, [searchParams, storageKey, messages?.saved]);
-  const handleRemoveSaved = useCallback(() => {
-    clearSavedTraceFilters(storageKey);
-    setHasSavedFilters(false);
-    const text = messages?.cleared ?? DEFAULT_CLEARED_MESSAGE;
-    if (text !== false) toast.success(text);
-  }, [storageKey, messages?.cleared]);
+  const { storageKey, skipHydration } = options ?? {};
   const hydratedRef = useRef(false);
   useEffect(() => {
     if (skipHydration) return;
@@ -38,7 +22,16 @@ function useTraceFilterPersistence(searchParams, setSearchParams, options) {
       { replace: true }
     );
   }, []);
-  return { hasSavedFilters, handleSave, handleRemoveSaved };
+  return useCallback(
+    (next, setOptions) => {
+      setSearchParams((prev) => {
+        const resolved = typeof next === "function" ? next(prev) : next;
+        saveTraceFiltersToStorage(resolved, storageKey);
+        return resolved;
+      }, setOptions);
+    },
+    [setSearchParams, storageKey]
+  );
 }
 
 export { useTraceFilterPersistence };

package/dist/domains/traces/hooks/use-trace-filter-persistence.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-trace-filter-persistence.es.js","sources":["../../../../src/domains/traces/hooks/use-trace-filter-persistence.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react';\nimport {\n  clearSavedTraceFilters,\n  hasAnyTraceFilterParams,\n  loadTraceFiltersFromStorage,\n  saveTraceFiltersToStorage,\n} from '../trace-filters';\nimport type { SetURLSearchParamsLike } from './use-trace-url-state';\nimport { toast } from '@/lib/toast';\n\nconst DEFAULT_SAVED_MESSAGE = 'Trace filter settings saved.';\nconst DEFAULT_CLEARED_MESSAGE = 'Trace filter settings cleared.';\n\nexport interface TraceFilterPersistenceOptions {\n  /** Override the localStorage key. Default: traces filters storage. */\n  storageKey?: string;\n  /** Toast text overrides; pass `false` to suppress the toast entirely. */\n  messages?: {\n    saved?: string | false;\n    cleared?: string | false;\n  };\n  /** Skip the once-on-mount hydration from localStorage. Default: false (hydration runs). */\n  skipHydration?: boolean;\n}\n\nexport interface UseTraceFilterPersistenceResult {\n  /** True when localStorage has a previously saved filter set. */\n  hasSavedFilters: boolean;\n  /** Persist the current URL filter params to localStorage. */\n  handleSave: () => void;\n  /** Forget the saved filter set. */\n  handleRemoveSaved: () => void;\n}\n\n/**\n * Owns the localStorage save/restore lifecycle for trace filters:\n * - tracks `hasSavedFilters`\n * - exposes `handleSave` / `handleRemoveSaved` (with toast feedback)\n * - hydrates the URL from saved filters once on mount, but only if the URL is filter-clean\n *   (so a shared link / direct nav with explicit filters wins over the saved set)\n *\n * Pass `storageKey` to scope persistence (e.g. per-project). Pass `messages.{saved,cleared} = false`\n * to suppress the toast.\n */\nexport function useTraceFilterPersistence(\n  searchParams: URLSearchParams,\n  setSearchParams: SetURLSearchParamsLike,\n  options?: TraceFilterPersistenceOptions,\n): UseTraceFilterPersistenceResult {\n  const { storageKey, messages, skipHydration } = options ?? {};\n\n  const [hasSavedFilters, setHasSavedFilters] = useState(() => loadTraceFiltersFromStorage(storageKey) !== null);\n\n  const handleSave = useCallback(() => {\n    saveTraceFiltersToStorage(searchParams, storageKey);\n    setHasSavedFilters(true);\n    const text = messages?.saved ?? DEFAULT_SAVED_MESSAGE;\n    if (text !== false) toast.success(text);\n  }, [searchParams, storageKey, messages?.saved]);\n\n  const handleRemoveSaved = useCallback(() => {\n    clearSavedTraceFilters(storageKey);\n    setHasSavedFilters(false);\n    const text = messages?.cleared ?? DEFAULT_CLEARED_MESSAGE;\n    if (text !== false) toast.success(text);\n  }, [storageKey, messages?.cleared]);\n\n  // Hydrate from the saved filter set on mount, but only when the URL is\n  // filter-clean (user arrived via a plain sidebar nav). If the URL already\n  // carries filters — e.g. a shared link — leave it alone.\n  const hydratedRef = useRef(false);\n  useEffect(() => {\n    if (skipHydration) return;\n    if (hydratedRef.current) return;\n    hydratedRef.current = true;\n    if (hasAnyTraceFilterParams(searchParams)) return;\n    const saved = loadTraceFiltersFromStorage(storageKey);\n    if (!saved) return;\n    setSearchParams(\n      prev => {\n        const next = new URLSearchParams(prev);\n        for (const [key, value] of saved) {\n          next.append(key, value);\n        }\n        return next;\n      },\n      { replace: true },\n    );\n    // Run once on mount — searchParams intentionally read at mount time.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  return { hasSavedFilters, handleSave, handleRemoveSaved };\n}\n"],"names":[],"mappings":";;;;AAUA,MAAM,qBAAA,GAAwB,8BAAA;AAC9B,MAAM,uBAAA,GAA0B,gCAAA;AAiCzB,SAAS,yBAAA,CACd,YAAA,EACA,eAAA,EACA,OAAA,EACiC;AACjC,EAAA,MAAM,EAAE,UAAA,EAAY,QAAA,EAAU,aAAA,EAAc,GAAI,WAAW,EAAC;AAE5D,EAAA,MAAM,CAAC,iBAAiB,kBAAkB,CAAA,GAAI,SAAS,MAAM,2BAAA,CAA4B,UAAU,CAAA,KAAM,IAAI,CAAA;AAE7G,EAAA,MAAM,UAAA,GAAa,YAAY,MAAM;AACnC,IAAA,yBAAA,CAA0B,cAAc,UAAU,CAAA;AAClD,IAAA,kBAAA,CAAmB,IAAI,CAAA;AACvB,IAAA,MAAM,IAAA,GAAO,UAAU,KAAA,IAAS,qBAAA;AAChC,IAAA,IAAI,IAAA,KAAS,KAAA,EAAO,KAAA,CAAM,OAAA,CAAQ,IAAI,CAAA;AAAA,EACxC,GAAG,CAAC,YAAA,EAAc,UAAA,EAAY,QAAA,EAAU,KAAK,CAAC,CAAA;AAE9C,EAAA,MAAM,iBAAA,GAAoB,YAAY,MAAM;AAC1C,IAAA,sBAAA,CAAuB,UAAU,CAAA;AACjC,IAAA,kBAAA,CAAmB,KAAK,CAAA;AACxB,IAAA,MAAM,IAAA,GAAO,UAAU,OAAA,IAAW,uBAAA;AAClC,IAAA,IAAI,IAAA,KAAS,KAAA,EAAO,KAAA,CAAM,OAAA,CAAQ,IAAI,CAAA;AAAA,EACxC,CAAA,EAAG,CAAC,UAAA,EAAY,QAAA,EAAU,OAAO,CAAC,CAAA;AAKlC,EAAA,MAAM,WAAA,GAAc,OAAO,KAAK,CAAA;AAChC,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,aAAA,EAAe;AACnB,IAAA,IAAI,YAAY,OAAA,EAAS;AACzB,IAAA,WAAA,CAAY,OAAA,GAAU,IAAA;AACtB,IAAA,IAAI,uBAAA,CAAwB,YAAY,CAAA,EAAG;AAC3C,IAAA,MAAM,KAAA,GAAQ,4BAA4B,UAAU,CAAA;AACpD,IAAA,IAAI,CAAC,KAAA,EAAO;AACZ,IAAA,eAAA;AAAA,MACE,CAAA,IAAA,KAAQ;AACN,QAAA,MAAM,IAAA,GAAO,IAAI,eAAA,CAAgB,IAAI,CAAA;AACrC,QAAA,KAAA,MAAW,CAAC,GAAA,EAAK,KAAK,CAAA,IAAK,KAAA,EAAO;AAChC,UAAA,IAAA,CAAK,MAAA,CAAO,KAAK,KAAK,CAAA;AAAA,QACxB;AACA,QAAA,OAAO,IAAA;AAAA,MACT,CAAA;AAAA,MACA,EAAE,SAAS,IAAA;AAAK,KAClB;AAAA,EAGF,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,OAAO,EAAE,eAAA,EAAiB,UAAA,EAAY,iBAAA,EAAkB;AAC1D;;;;"}
+{"version":3,"file":"use-trace-filter-persistence.es.js","sources":["../../../../src/domains/traces/hooks/use-trace-filter-persistence.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef } from 'react';\nimport { hasAnyTraceFilterParams, loadTraceFiltersFromStorage, saveTraceFiltersToStorage } from '../trace-filters';\nimport type { SetURLSearchParamsLike } from './use-trace-url-state';\n\nexport interface TraceFilterPersistenceOptions {\n  /** Override the localStorage key. Default: traces filters storage. */\n  storageKey?: string;\n  /** Skip the once-on-mount hydration from localStorage. Default: false (hydration runs). */\n  skipHydration?: boolean;\n}\n\n/**\n * Owns the localStorage save/restore lifecycle for trace filters:\n * - hydrates the URL from saved filters once on mount, but only if the URL is filter-clean\n *   (so a shared link / direct nav with explicit filters wins over the saved set)\n * - returns a `setSearchParams` wrapper that persists the resulting params as part of the\n *   update itself; only relative date presets are kept (see `saveTraceFiltersToStorage`).\n *   Route every filter mutation through the returned setter (e.g. hand it to `useTraceUrlState`).\n *\n * Pass `storageKey` to scope persistence (e.g. per-entity).\n */\nexport function useTraceFilterPersistence(\n  searchParams: URLSearchParams,\n  setSearchParams: SetURLSearchParamsLike,\n  options?: TraceFilterPersistenceOptions,\n): SetURLSearchParamsLike {\n  const { storageKey, skipHydration } = options ?? {};\n\n  // Hydrate from the saved filter set on mount, but only when the URL is\n  // filter-clean (user arrived via a plain sidebar nav). If the URL already\n  // carries filters — e.g. a shared link — leave it alone.\n  const hydratedRef = useRef(false);\n  useEffect(() => {\n    if (skipHydration) return;\n    if (hydratedRef.current) return;\n    hydratedRef.current = true;\n    if (hasAnyTraceFilterParams(searchParams)) return;\n    const saved = loadTraceFiltersFromStorage(storageKey);\n    if (!saved) return;\n    setSearchParams(\n      prev => {\n        const next = new URLSearchParams(prev);\n        for (const [key, value] of saved) {\n          next.append(key, value);\n        }\n        return next;\n      },\n      { replace: true },\n    );\n    // Run once on mount — searchParams intentionally read at mount time.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  // Persist as part of the user's update rather than by observing the URL: the URL at mount\n  // is either about to be hydrated (empty) or an explicit link, and neither is \"what the user\n  // last chose\".\n  return useCallback<SetURLSearchParamsLike>(\n    (next, setOptions) => {\n      setSearchParams(prev => {\n        const resolved = typeof next === 'function' ? next(prev) : next;\n        saveTraceFiltersToStorage(resolved, storageKey);\n        return resolved;\n      }, setOptions);\n    },\n    [setSearchParams, storageKey],\n  );\n}\n"],"names":[],"mappings":";;;AAqBO,SAAS,yBAAA,CACd,YAAA,EACA,eAAA,EACA,OAAA,EACwB;AACxB,EAAA,MAAM,EAAE,UAAA,EAAY,aAAA,EAAc,GAAI,WAAW,EAAC;AAKlD,EAAA,MAAM,WAAA,GAAc,OAAO,KAAK,CAAA;AAChC,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,aAAA,EAAe;AACnB,IAAA,IAAI,YAAY,OAAA,EAAS;AACzB,IAAA,WAAA,CAAY,OAAA,GAAU,IAAA;AACtB,IAAA,IAAI,uBAAA,CAAwB,YAAY,CAAA,EAAG;AAC3C,IAAA,MAAM,KAAA,GAAQ,4BAA4B,UAAU,CAAA;AACpD,IAAA,IAAI,CAAC,KAAA,EAAO;AACZ,IAAA,eAAA;AAAA,MACE,CAAA,IAAA,KAAQ;AACN,QAAA,MAAM,IAAA,GAAO,IAAI,eAAA,CAAgB,IAAI,CAAA;AACrC,QAAA,KAAA,MAAW,CAAC,GAAA,EAAK,KAAK,CAAA,IAAK,KAAA,EAAO;AAChC,UAAA,IAAA,CAAK,MAAA,CAAO,KAAK,KAAK,CAAA;AAAA,QACxB;AACA,QAAA,OAAO,IAAA;AAAA,MACT,CAAA;AAAA,MACA,EAAE,SAAS,IAAA;AAAK,KAClB;AAAA,EAGF,CAAA,EAAG,EAAE,CAAA;AAKL,EAAA,OAAO,WAAA;AAAA,IACL,CAAC,MAAM,UAAA,KAAe;AACpB,MAAA,eAAA,CAAgB,CAAA,IAAA,KAAQ;AACtB,QAAA,MAAM,WAAW,OAAO,IAAA,KAAS,UAAA,GAAa,IAAA,CAAK,IAAI,CAAA,GAAI,IAAA;AAC3D,QAAA,yBAAA,CAA0B,UAAU,UAAU,CAAA;AAC9C,QAAA,OAAO,QAAA;AAAA,MACT,GAAG,UAAU,CAAA;AAAA,IACf,CAAA;AAAA,IACA,CAAC,iBAAiB,UAAU;AAAA,GAC9B;AACF;;;;"}

package/dist/domains/traces/hooks/use-trace-spans.cjs.js

@@ -7,7 +7,6 @@ const reactQuery = require('@tanstack/react-query');
 const domains_traces_utils_toSearchableSpans = require('../utils/to-searchable-spans.cjs.js');
 require('date-fns');
 
-const IMMUTABLE_CACHE_TIME = 1e3 * 60 * 60 * 24 * 30;
 const traceSpansQueryOptions = (client, traceId) => reactQuery.queryOptions({
   queryKey: ["trace-spans", traceId],
   queryFn: async () => {
@@ -18,16 +17,17 @@ const traceSpansQueryOptions = (client, traceId) => reactQuery.queryOptions({
     return res;
   },
   enabled: !!traceId,
-  staleTime: (query) => {
-    const data = query.state.data;
-    const isFinished = data?.spans.every((span) => Boolean(span.endedAt));
-    return isFinished ? IMMUTABLE_CACHE_TIME : 0;
-  }
+  // Resumed runs and delayed exports can append spans even when every known span has ended.
+  staleTime: 0
 });
-function useTraceSpans(traceId) {
+function useTraceSpans(traceId, { passive = false } = {}) {
   const client = react.useMastraClient();
   return reactQuery.useQuery({
     ...traceSpansQueryOptions(client, traceId),
+    // History rows share updates but leave automatic refreshes to the selected detail.
+    refetchOnMount: !passive,
+    refetchOnWindowFocus: !passive,
+    refetchOnReconnect: !passive,
     // Builds each span's search haystack once per fetch, cached with the query.
     select: domains_traces_utils_toSearchableSpans.selectSearchableSpans
   });
@@ -37,6 +37,9 @@ function useTraceSpansQueries(traceIds, select, fallback) {
   return reactQuery.useQueries({
     queries: traceIds.map((traceId) => ({
       ...traceSpansQueryOptions(client, traceId),
+      refetchOnMount: false,
+      refetchOnWindowFocus: false,
+      refetchOnReconnect: false,
       select: (data) => select(traceId, data)
     })),
     combine: (results) => results.map(

package/dist/domains/traces/hooks/use-trace-spans.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-trace-spans.cjs.js","sources":["../../../../src/domains/traces/hooks/use-trace-spans.ts"],"sourcesContent":["import type { MastraClient } from '@mastra/client-js';\nimport { useMastraClient } from '@mastra/react';\nimport { queryOptions, useQueries, useQuery } from '@tanstack/react-query';\nimport type { UseQueryResult } from '@tanstack/react-query';\nimport type { SearchableSpan } from '../types';\nimport { selectSearchableSpans } from '../utils';\n\nconst IMMUTABLE_CACHE_TIME = 1000 * 60 * 60 * 24 * 30; // 30 days, massive cache, span data is immutable\n\n/**\n * Key, fetcher and stale policy of the `trace-spans` query. Every observer of this key must\n * share these (rather than only the key) so one observer with a stricter `staleTime` does not\n * refetch data another one considers fresh.\n */\nexport const traceSpansQueryOptions = (client: MastraClient, traceId: string | null | undefined) =>\n  queryOptions({\n    queryKey: ['trace-spans', traceId],\n    queryFn: async () => {\n      if (!traceId) {\n        throw new Error('Trace ID is required');\n      }\n      const res = await client.getTrace(traceId);\n      return res;\n    },\n    enabled: !!traceId,\n    staleTime: query => {\n      const data = query.state.data;\n      const isFinished = data?.spans.every(span => Boolean(span.endedAt));\n      return isFinished ? IMMUTABLE_CACHE_TIME : 0;\n    },\n  });\n\n/**\n * Every span of a single trace, with its full payload.\n *\n * The lightweight projection exists to keep blob columns off the read path of a\n * *list*, where the cost is paid once per trace on screen. A trace that is open\n * has already narrowed that to one, and the panel both renders and searches\n * these spans -- `input`, `output` and `attributes` included -- so the\n * projection would only hide content the reader is looking at.\n */\nexport function useTraceSpans(\n  traceId: string | null | undefined,\n): UseQueryResult<{ traceId: string; spans: SearchableSpan[] } | null> {\n  const client = useMastraClient();\n\n  return useQuery({\n    ...traceSpansQueryOptions(client, traceId),\n    // Builds each span's search haystack once per fetch, cached with the query.\n    select: selectSearchableSpans,\n  });\n}\n\nexport type TraceSpansData = Awaited<ReturnType<MastraClient['getTrace']>>;\n\n/**\n * Observes the `trace-spans` query of several traces at once and projects each one with `select`.\n * Traces still loading (or failed) yield `fallback(traceId)` so the result always lines up with `traceIds`.\n */\nexport function useTraceSpansQueries<T>(\n  traceIds: string[],\n  select: (traceId: string, data: TraceSpansData) => T,\n  fallback: (traceId: string) => T,\n): T[] {\n  const client = useMastraClient();\n\n  return useQueries({\n    queries: traceIds.map(traceId => ({\n      ...traceSpansQueryOptions(client, traceId),\n      select: (data: TraceSpansData) => select(traceId, data),\n    })),\n    combine: results =>\n      results.map((result, index) =>\n        result.data === undefined ? fallback(traceIds[index] ?? '') : (result.data as T),\n      ),\n  });\n}\n"],"names":["queryOptions","useMastraClient","useQuery","selectSearchableSpans","useQueries"],"mappings":";;;;;;;;;AAOA,MAAM,oBAAA,GAAuB,GAAA,GAAO,EAAA,GAAK,EAAA,GAAK,EAAA,GAAK,EAAA;AAO5C,MAAM,sBAAA,GAAyB,CAAC,MAAA,EAAsB,OAAA,KAC3DA,uBAAA,CAAa;AAAA,EACX,QAAA,EAAU,CAAC,aAAA,EAAe,OAAO,CAAA;AAAA,EACjC,SAAS,YAAY;AACnB,IAAA,IAAI,CAAC,OAAA,EAAS;AACZ,MAAA,MAAM,IAAI,MAAM,sBAAsB,CAAA;AAAA,IACxC;AACA,IAAA,MAAM,GAAA,GAAM,MAAM,MAAA,CAAO,QAAA,CAAS,OAAO,CAAA;AACzC,IAAA,OAAO,GAAA;AAAA,EACT,CAAA;AAAA,EACA,OAAA,EAAS,CAAC,CAAC,OAAA;AAAA,EACX,WAAW,CAAA,KAAA,KAAS;AAClB,IAAA,MAAM,IAAA,GAAO,MAAM,KAAA,CAAM,IAAA;AACzB,IAAA,MAAM,UAAA,GAAa,MAAM,KAAA,CAAM,KAAA,CAAM,UAAQ,OAAA,CAAQ,IAAA,CAAK,OAAO,CAAC,CAAA;AAClE,IAAA,OAAO,aAAa,oBAAA,GAAuB,CAAA;AAAA,EAC7C;AACF,CAAC;AAWI,SAAS,cACd,OAAA,EACqE;AACrE,EAAA,MAAM,SAASC,qBAAA,EAAgB;AAE/B,EAAA,OAAOC,mBAAA,CAAS;AAAA,IACd,GAAG,sBAAA,CAAuB,MAAA,EAAQ,OAAO,CAAA;AAAA;AAAA,IAEzC,MAAA,EAAQC;AAAA,GACT,CAAA;AACH;AAQO,SAAS,oBAAA,CACd,QAAA,EACA,MAAA,EACA,QAAA,EACK;AACL,EAAA,MAAM,SAASF,qBAAA,EAAgB;AAE/B,EAAA,OAAOG,qBAAA,CAAW;AAAA,IAChB,OAAA,EAAS,QAAA,CAAS,GAAA,CAAI,CAAA,OAAA,MAAY;AAAA,MAChC,GAAG,sBAAA,CAAuB,MAAA,EAAQ,OAAO,CAAA;AAAA,MACzC,MAAA,EAAQ,CAAC,IAAA,KAAyB,MAAA,CAAO,SAAS,IAAI;AAAA,KACxD,CAAE,CAAA;AAAA,IACF,OAAA,EAAS,aACP,OAAA,CAAQ,GAAA;AAAA,MAAI,CAAC,MAAA,EAAQ,KAAA,KACnB,MAAA,CAAO,IAAA,KAAS,MAAA,GAAY,QAAA,CAAS,QAAA,CAAS,KAAK,CAAA,IAAK,EAAE,CAAA,GAAK,MAAA,CAAO;AAAA;AACxE,GACH,CAAA;AACH;;;;;;"}
+{"version":3,"file":"use-trace-spans.cjs.js","sources":["../../../../src/domains/traces/hooks/use-trace-spans.ts"],"sourcesContent":["import type { MastraClient } from '@mastra/client-js';\nimport { useMastraClient } from '@mastra/react';\nimport { queryOptions, useQueries, useQuery } from '@tanstack/react-query';\nimport type { UseQueryResult } from '@tanstack/react-query';\nimport type { SearchableSpan } from '../types';\nimport { selectSearchableSpans } from '../utils';\n\n/**\n * Key, fetcher and stale policy of the `trace-spans` query. Every observer of this key must\n * share these (rather than only the key) so one observer with a stricter `staleTime` does not\n * refetch data another one considers fresh.\n */\nexport const traceSpansQueryOptions = (client: MastraClient, traceId: string | null | undefined) =>\n  queryOptions({\n    queryKey: ['trace-spans', traceId],\n    queryFn: async () => {\n      if (!traceId) {\n        throw new Error('Trace ID is required');\n      }\n      const res = await client.getTrace(traceId);\n      return res;\n    },\n    enabled: !!traceId,\n    // Resumed runs and delayed exports can append spans even when every known span has ended.\n    staleTime: 0,\n  });\n\n/**\n * Every span of a single trace, with its full payload.\n *\n * The lightweight projection exists to keep blob columns off the read path of a\n * *list*, where the cost is paid once per trace on screen. A trace that is open\n * has already narrowed that to one, and the panel both renders and searches\n * these spans -- `input`, `output` and `attributes` included -- so the\n * projection would only hide content the reader is looking at.\n */\nexport function useTraceSpans(\n  traceId: string | null | undefined,\n  { passive = false }: { passive?: boolean } = {},\n): UseQueryResult<{ traceId: string; spans: SearchableSpan[] } | null> {\n  const client = useMastraClient();\n\n  return useQuery({\n    ...traceSpansQueryOptions(client, traceId),\n    // History rows share updates but leave automatic refreshes to the selected detail.\n    refetchOnMount: !passive,\n    refetchOnWindowFocus: !passive,\n    refetchOnReconnect: !passive,\n    // Builds each span's search haystack once per fetch, cached with the query.\n    select: selectSearchableSpans,\n  });\n}\n\nexport type TraceSpansData = Awaited<ReturnType<MastraClient['getTrace']>>;\n\n/**\n * Observes the `trace-spans` query of several traces at once and projects each one with `select`.\n * Traces still loading (or failed) yield `fallback(traceId)` so the result always lines up with `traceIds`.\n */\nexport function useTraceSpansQueries<T>(\n  traceIds: string[],\n  select: (traceId: string, data: TraceSpansData) => T,\n  fallback: (traceId: string) => T,\n): T[] {\n  const client = useMastraClient();\n\n  return useQueries({\n    queries: traceIds.map(traceId => ({\n      ...traceSpansQueryOptions(client, traceId),\n      refetchOnMount: false,\n      refetchOnWindowFocus: false,\n      refetchOnReconnect: false,\n      select: (data: TraceSpansData) => select(traceId, data),\n    })),\n    combine: results =>\n      results.map((result, index) =>\n        result.data === undefined ? fallback(traceIds[index] ?? '') : (result.data as T),\n      ),\n  });\n}\n"],"names":["queryOptions","useMastraClient","useQuery","selectSearchableSpans","useQueries"],"mappings":";;;;;;;;;AAYO,MAAM,sBAAA,GAAyB,CAAC,MAAA,EAAsB,OAAA,KAC3DA,uBAAA,CAAa;AAAA,EACX,QAAA,EAAU,CAAC,aAAA,EAAe,OAAO,CAAA;AAAA,EACjC,SAAS,YAAY;AACnB,IAAA,IAAI,CAAC,OAAA,EAAS;AACZ,MAAA,MAAM,IAAI,MAAM,sBAAsB,CAAA;AAAA,IACxC;AACA,IAAA,MAAM,GAAA,GAAM,MAAM,MAAA,CAAO,QAAA,CAAS,OAAO,CAAA;AACzC,IAAA,OAAO,GAAA;AAAA,EACT,CAAA;AAAA,EACA,OAAA,EAAS,CAAC,CAAC,OAAA;AAAA;AAAA,EAEX,SAAA,EAAW;AACb,CAAC;AAWI,SAAS,cACd,OAAA,EACA,EAAE,UAAU,KAAA,EAAM,GAA2B,EAAC,EACuB;AACrE,EAAA,MAAM,SAASC,qBAAA,EAAgB;AAE/B,EAAA,OAAOC,mBAAA,CAAS;AAAA,IACd,GAAG,sBAAA,CAAuB,MAAA,EAAQ,OAAO,CAAA;AAAA;AAAA,IAEzC,gBAAgB,CAAC,OAAA;AAAA,IACjB,sBAAsB,CAAC,OAAA;AAAA,IACvB,oBAAoB,CAAC,OAAA;AAAA;AAAA,IAErB,MAAA,EAAQC;AAAA,GACT,CAAA;AACH;AAQO,SAAS,oBAAA,CACd,QAAA,EACA,MAAA,EACA,QAAA,EACK;AACL,EAAA,MAAM,SAASF,qBAAA,EAAgB;AAE/B,EAAA,OAAOG,qBAAA,CAAW;AAAA,IAChB,OAAA,EAAS,QAAA,CAAS,GAAA,CAAI,CAAA,OAAA,MAAY;AAAA,MAChC,GAAG,sBAAA,CAAuB,MAAA,EAAQ,OAAO,CAAA;AAAA,MACzC,cAAA,EAAgB,KAAA;AAAA,MAChB,oBAAA,EAAsB,KAAA;AAAA,MACtB,kBAAA,EAAoB,KAAA;AAAA,MACpB,MAAA,EAAQ,CAAC,IAAA,KAAyB,MAAA,CAAO,SAAS,IAAI;AAAA,KACxD,CAAE,CAAA;AAAA,IACF,OAAA,EAAS,aACP,OAAA,CAAQ,GAAA;AAAA,MAAI,CAAC,MAAA,EAAQ,KAAA,KACnB,MAAA,CAAO,IAAA,KAAS,MAAA,GAAY,QAAA,CAAS,QAAA,CAAS,KAAK,CAAA,IAAK,EAAE,CAAA,GAAK,MAAA,CAAO;AAAA;AACxE,GACH,CAAA;AACH;;;;;;"}

package/dist/domains/traces/hooks/use-trace-spans.es.js

@@ -3,7 +3,6 @@ import { useQuery, queryOptions, useQueries } from '@tanstack/react-query';
 import { selectSearchableSpans } from '../utils/to-searchable-spans.es.js';
 import 'date-fns';
 
-const IMMUTABLE_CACHE_TIME = 1e3 * 60 * 60 * 24 * 30;
 const traceSpansQueryOptions = (client, traceId) => queryOptions({
   queryKey: ["trace-spans", traceId],
   queryFn: async () => {
@@ -14,16 +13,17 @@ const traceSpansQueryOptions = (client, traceId) => queryOptions({
     return res;
   },
   enabled: !!traceId,
-  staleTime: (query) => {
-    const data = query.state.data;
-    const isFinished = data?.spans.every((span) => Boolean(span.endedAt));
-    return isFinished ? IMMUTABLE_CACHE_TIME : 0;
-  }
+  // Resumed runs and delayed exports can append spans even when every known span has ended.
+  staleTime: 0
 });
-function useTraceSpans(traceId) {
+function useTraceSpans(traceId, { passive = false } = {}) {
   const client = useMastraClient();
   return useQuery({
     ...traceSpansQueryOptions(client, traceId),
+    // History rows share updates but leave automatic refreshes to the selected detail.
+    refetchOnMount: !passive,
+    refetchOnWindowFocus: !passive,
+    refetchOnReconnect: !passive,
     // Builds each span's search haystack once per fetch, cached with the query.
     select: selectSearchableSpans
   });
@@ -33,6 +33,9 @@ function useTraceSpansQueries(traceIds, select, fallback) {
   return useQueries({
     queries: traceIds.map((traceId) => ({
       ...traceSpansQueryOptions(client, traceId),
+      refetchOnMount: false,
+      refetchOnWindowFocus: false,
+      refetchOnReconnect: false,
       select: (data) => select(traceId, data)
     })),
     combine: (results) => results.map(

package/dist/domains/traces/hooks/use-trace-spans.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-trace-spans.es.js","sources":["../../../../src/domains/traces/hooks/use-trace-spans.ts"],"sourcesContent":["import type { MastraClient } from '@mastra/client-js';\nimport { useMastraClient } from '@mastra/react';\nimport { queryOptions, useQueries, useQuery } from '@tanstack/react-query';\nimport type { UseQueryResult } from '@tanstack/react-query';\nimport type { SearchableSpan } from '../types';\nimport { selectSearchableSpans } from '../utils';\n\nconst IMMUTABLE_CACHE_TIME = 1000 * 60 * 60 * 24 * 30; // 30 days, massive cache, span data is immutable\n\n/**\n * Key, fetcher and stale policy of the `trace-spans` query. Every observer of this key must\n * share these (rather than only the key) so one observer with a stricter `staleTime` does not\n * refetch data another one considers fresh.\n */\nexport const traceSpansQueryOptions = (client: MastraClient, traceId: string | null | undefined) =>\n  queryOptions({\n    queryKey: ['trace-spans', traceId],\n    queryFn: async () => {\n      if (!traceId) {\n        throw new Error('Trace ID is required');\n      }\n      const res = await client.getTrace(traceId);\n      return res;\n    },\n    enabled: !!traceId,\n    staleTime: query => {\n      const data = query.state.data;\n      const isFinished = data?.spans.every(span => Boolean(span.endedAt));\n      return isFinished ? IMMUTABLE_CACHE_TIME : 0;\n    },\n  });\n\n/**\n * Every span of a single trace, with its full payload.\n *\n * The lightweight projection exists to keep blob columns off the read path of a\n * *list*, where the cost is paid once per trace on screen. A trace that is open\n * has already narrowed that to one, and the panel both renders and searches\n * these spans -- `input`, `output` and `attributes` included -- so the\n * projection would only hide content the reader is looking at.\n */\nexport function useTraceSpans(\n  traceId: string | null | undefined,\n): UseQueryResult<{ traceId: string; spans: SearchableSpan[] } | null> {\n  const client = useMastraClient();\n\n  return useQuery({\n    ...traceSpansQueryOptions(client, traceId),\n    // Builds each span's search haystack once per fetch, cached with the query.\n    select: selectSearchableSpans,\n  });\n}\n\nexport type TraceSpansData = Awaited<ReturnType<MastraClient['getTrace']>>;\n\n/**\n * Observes the `trace-spans` query of several traces at once and projects each one with `select`.\n * Traces still loading (or failed) yield `fallback(traceId)` so the result always lines up with `traceIds`.\n */\nexport function useTraceSpansQueries<T>(\n  traceIds: string[],\n  select: (traceId: string, data: TraceSpansData) => T,\n  fallback: (traceId: string) => T,\n): T[] {\n  const client = useMastraClient();\n\n  return useQueries({\n    queries: traceIds.map(traceId => ({\n      ...traceSpansQueryOptions(client, traceId),\n      select: (data: TraceSpansData) => select(traceId, data),\n    })),\n    combine: results =>\n      results.map((result, index) =>\n        result.data === undefined ? fallback(traceIds[index] ?? '') : (result.data as T),\n      ),\n  });\n}\n"],"names":[],"mappings":";;;;;AAOA,MAAM,oBAAA,GAAuB,GAAA,GAAO,EAAA,GAAK,EAAA,GAAK,EAAA,GAAK,EAAA;AAO5C,MAAM,sBAAA,GAAyB,CAAC,MAAA,EAAsB,OAAA,KAC3D,YAAA,CAAa;AAAA,EACX,QAAA,EAAU,CAAC,aAAA,EAAe,OAAO,CAAA;AAAA,EACjC,SAAS,YAAY;AACnB,IAAA,IAAI,CAAC,OAAA,EAAS;AACZ,MAAA,MAAM,IAAI,MAAM,sBAAsB,CAAA;AAAA,IACxC;AACA,IAAA,MAAM,GAAA,GAAM,MAAM,MAAA,CAAO,QAAA,CAAS,OAAO,CAAA;AACzC,IAAA,OAAO,GAAA;AAAA,EACT,CAAA;AAAA,EACA,OAAA,EAAS,CAAC,CAAC,OAAA;AAAA,EACX,WAAW,CAAA,KAAA,KAAS;AAClB,IAAA,MAAM,IAAA,GAAO,MAAM,KAAA,CAAM,IAAA;AACzB,IAAA,MAAM,UAAA,GAAa,MAAM,KAAA,CAAM,KAAA,CAAM,UAAQ,OAAA,CAAQ,IAAA,CAAK,OAAO,CAAC,CAAA;AAClE,IAAA,OAAO,aAAa,oBAAA,GAAuB,CAAA;AAAA,EAC7C;AACF,CAAC;AAWI,SAAS,cACd,OAAA,EACqE;AACrE,EAAA,MAAM,SAAS,eAAA,EAAgB;AAE/B,EAAA,OAAO,QAAA,CAAS;AAAA,IACd,GAAG,sBAAA,CAAuB,MAAA,EAAQ,OAAO,CAAA;AAAA;AAAA,IAEzC,MAAA,EAAQ;AAAA,GACT,CAAA;AACH;AAQO,SAAS,oBAAA,CACd,QAAA,EACA,MAAA,EACA,QAAA,EACK;AACL,EAAA,MAAM,SAAS,eAAA,EAAgB;AAE/B,EAAA,OAAO,UAAA,CAAW;AAAA,IAChB,OAAA,EAAS,QAAA,CAAS,GAAA,CAAI,CAAA,OAAA,MAAY;AAAA,MAChC,GAAG,sBAAA,CAAuB,MAAA,EAAQ,OAAO,CAAA;AAAA,MACzC,MAAA,EAAQ,CAAC,IAAA,KAAyB,MAAA,CAAO,SAAS,IAAI;AAAA,KACxD,CAAE,CAAA;AAAA,IACF,OAAA,EAAS,aACP,OAAA,CAAQ,GAAA;AAAA,MAAI,CAAC,MAAA,EAAQ,KAAA,KACnB,MAAA,CAAO,IAAA,KAAS,MAAA,GAAY,QAAA,CAAS,QAAA,CAAS,KAAK,CAAA,IAAK,EAAE,CAAA,GAAK,MAAA,CAAO;AAAA;AACxE,GACH,CAAA;AACH;;;;"}
+{"version":3,"file":"use-trace-spans.es.js","sources":["../../../../src/domains/traces/hooks/use-trace-spans.ts"],"sourcesContent":["import type { MastraClient } from '@mastra/client-js';\nimport { useMastraClient } from '@mastra/react';\nimport { queryOptions, useQueries, useQuery } from '@tanstack/react-query';\nimport type { UseQueryResult } from '@tanstack/react-query';\nimport type { SearchableSpan } from '../types';\nimport { selectSearchableSpans } from '../utils';\n\n/**\n * Key, fetcher and stale policy of the `trace-spans` query. Every observer of this key must\n * share these (rather than only the key) so one observer with a stricter `staleTime` does not\n * refetch data another one considers fresh.\n */\nexport const traceSpansQueryOptions = (client: MastraClient, traceId: string | null | undefined) =>\n  queryOptions({\n    queryKey: ['trace-spans', traceId],\n    queryFn: async () => {\n      if (!traceId) {\n        throw new Error('Trace ID is required');\n      }\n      const res = await client.getTrace(traceId);\n      return res;\n    },\n    enabled: !!traceId,\n    // Resumed runs and delayed exports can append spans even when every known span has ended.\n    staleTime: 0,\n  });\n\n/**\n * Every span of a single trace, with its full payload.\n *\n * The lightweight projection exists to keep blob columns off the read path of a\n * *list*, where the cost is paid once per trace on screen. A trace that is open\n * has already narrowed that to one, and the panel both renders and searches\n * these spans -- `input`, `output` and `attributes` included -- so the\n * projection would only hide content the reader is looking at.\n */\nexport function useTraceSpans(\n  traceId: string | null | undefined,\n  { passive = false }: { passive?: boolean } = {},\n): UseQueryResult<{ traceId: string; spans: SearchableSpan[] } | null> {\n  const client = useMastraClient();\n\n  return useQuery({\n    ...traceSpansQueryOptions(client, traceId),\n    // History rows share updates but leave automatic refreshes to the selected detail.\n    refetchOnMount: !passive,\n    refetchOnWindowFocus: !passive,\n    refetchOnReconnect: !passive,\n    // Builds each span's search haystack once per fetch, cached with the query.\n    select: selectSearchableSpans,\n  });\n}\n\nexport type TraceSpansData = Awaited<ReturnType<MastraClient['getTrace']>>;\n\n/**\n * Observes the `trace-spans` query of several traces at once and projects each one with `select`.\n * Traces still loading (or failed) yield `fallback(traceId)` so the result always lines up with `traceIds`.\n */\nexport function useTraceSpansQueries<T>(\n  traceIds: string[],\n  select: (traceId: string, data: TraceSpansData) => T,\n  fallback: (traceId: string) => T,\n): T[] {\n  const client = useMastraClient();\n\n  return useQueries({\n    queries: traceIds.map(traceId => ({\n      ...traceSpansQueryOptions(client, traceId),\n      refetchOnMount: false,\n      refetchOnWindowFocus: false,\n      refetchOnReconnect: false,\n      select: (data: TraceSpansData) => select(traceId, data),\n    })),\n    combine: results =>\n      results.map((result, index) =>\n        result.data === undefined ? fallback(traceIds[index] ?? '') : (result.data as T),\n      ),\n  });\n}\n"],"names":[],"mappings":";;;;;AAYO,MAAM,sBAAA,GAAyB,CAAC,MAAA,EAAsB,OAAA,KAC3D,YAAA,CAAa;AAAA,EACX,QAAA,EAAU,CAAC,aAAA,EAAe,OAAO,CAAA;AAAA,EACjC,SAAS,YAAY;AACnB,IAAA,IAAI,CAAC,OAAA,EAAS;AACZ,MAAA,MAAM,IAAI,MAAM,sBAAsB,CAAA;AAAA,IACxC;AACA,IAAA,MAAM,GAAA,GAAM,MAAM,MAAA,CAAO,QAAA,CAAS,OAAO,CAAA;AACzC,IAAA,OAAO,GAAA;AAAA,EACT,CAAA;AAAA,EACA,OAAA,EAAS,CAAC,CAAC,OAAA;AAAA;AAAA,EAEX,SAAA,EAAW;AACb,CAAC;AAWI,SAAS,cACd,OAAA,EACA,EAAE,UAAU,KAAA,EAAM,GAA2B,EAAC,EACuB;AACrE,EAAA,MAAM,SAAS,eAAA,EAAgB;AAE/B,EAAA,OAAO,QAAA,CAAS;AAAA,IACd,GAAG,sBAAA,CAAuB,MAAA,EAAQ,OAAO,CAAA;AAAA;AAAA,IAEzC,gBAAgB,CAAC,OAAA;AAAA,IACjB,sBAAsB,CAAC,OAAA;AAAA,IACvB,oBAAoB,CAAC,OAAA;AAAA;AAAA,IAErB,MAAA,EAAQ;AAAA,GACT,CAAA;AACH;AAQO,SAAS,oBAAA,CACd,QAAA,EACA,MAAA,EACA,QAAA,EACK;AACL,EAAA,MAAM,SAAS,eAAA,EAAgB;AAE/B,EAAA,OAAO,UAAA,CAAW;AAAA,IAChB,OAAA,EAAS,QAAA,CAAS,GAAA,CAAI,CAAA,OAAA,MAAY;AAAA,MAChC,GAAG,sBAAA,CAAuB,MAAA,EAAQ,OAAO,CAAA;AAAA,MACzC,cAAA,EAAgB,KAAA;AAAA,MAChB,oBAAA,EAAsB,KAAA;AAAA,MACtB,kBAAA,EAAoB,KAAA;AAAA,MACpB,MAAA,EAAQ,CAAC,IAAA,KAAyB,MAAA,CAAO,SAAS,IAAI;AAAA,KACxD,CAAE,CAAA;AAAA,IACF,OAAA,EAAS,aACP,OAAA,CAAQ,GAAA;AAAA,MAAI,CAAC,MAAA,EAAQ,KAAA,KACnB,MAAA,CAAO,IAAA,KAAS,MAAA,GAAY,QAAA,CAAS,QAAA,CAAS,KAAK,CAAA,IAAK,EAAE,CAAA,GAAK,MAAA,CAAO;AAAA;AACxE,GACH,CAAA;AACH;;;;"}

package/dist/domains/traces/trace-filters.cjs.js

@@ -63,11 +63,11 @@ const DEFAULT_TRACE_FILTERS_STORAGE_KEY = "mastra:traces:saved-filters";
 function saveTraceFiltersToStorage(params, storageKey = DEFAULT_TRACE_FILTERS_STORAGE_KEY) {
   const serialized = getPreservedTraceFilterParams(params);
   const preset = params.get(TRACE_DATE_PRESET_PARAM);
-  if (preset) serialized.set(TRACE_DATE_PRESET_PARAM, preset);
-  const from = params.get(TRACE_DATE_FROM_PARAM);
-  if (from) serialized.set(TRACE_DATE_FROM_PARAM, from);
-  const to = params.get(TRACE_DATE_TO_PARAM);
-  if (to) serialized.set(TRACE_DATE_TO_PARAM, to);
+  if (preset && preset !== "custom") serialized.set(TRACE_DATE_PRESET_PARAM, preset);
+  if (!serialized.toString()) {
+    clearSavedTraceFilters(storageKey);
+    return;
+  }
   try {
     localStorage.setItem(storageKey, serialized.toString());
   } catch {