@mastra/playground-ui 60.1.0 → 60.2.0-alpha.1

package/dist/domains/observability/components/add-trace-mocks-to-item-dialog.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"add-trace-mocks-to-item-dialog.es.js","sources":["../../../../src/domains/observability/components/add-trace-mocks-to-item-dialog.tsx"],"sourcesContent":["import type { DatasetItemToolMock } from '@mastra/client-js';\nimport { collectToolMocks } from '@mastra/core/utils/collect-tool-mocks';\nimport { safeStringify } from '@mastra/core/utils/safe-stringify';\nimport { useMastraClient } from '@mastra/react';\nimport { useQuery } from '@tanstack/react-query';\nimport { EyeIcon, WrenchIcon, Plus, X } from 'lucide-react';\nimport { useState } from 'react';\nimport { useDatasetMutations, useDatasets } from '@/domains/datasets';\nimport { useDatasetItem, useDatasetItems } from '@/domains/datasets/hooks/use-dataset-items';\nimport { Button } from '@/ds/components/Button';\nimport { CodeEditor } from '@/ds/components/CodeEditor';\nimport { Label } from '@/ds/components/Label';\nimport { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from '@/ds/components/Select';\nimport { SideDialog } from '@/ds/components/SideDialog';\nimport type { SideDialogRootProps } from '@/ds/components/SideDialog';\nimport { TextAndIcon, getShortId } from '@/ds/components/Text';\nimport { Txt } from '@/ds/components/Txt';\nimport { toast } from '@/utils/toast';\n\ntype AddTraceMocksToItemDialogProps = {\n  traceId?: string;\n  isOpen: boolean;\n  onClose: () => void;\n  level?: SideDialogRootProps['level'];\n};\n\n/** Short, human-readable label for an item: short id + a preview of the input. */\nfunction itemLabel(item: { id: string; input: unknown }): string {\n  const preview = (() => {\n    try {\n      const json = JSON.stringify(item.input);\n      if (!json) return '';\n      return json.length > 40 ? `${json.slice(0, 40)}…` : json;\n    } catch {\n      return '';\n    }\n  })();\n  const shortId = getShortId(item.id) ?? item.id;\n  return preview ? `${shortId} — ${preview}` : shortId;\n}\n\nexport function AddTraceMocksToItemDialog({ traceId, isOpen, onClose, level = 2 }: AddTraceMocksToItemDialogProps) {\n  const client = useMastraClient();\n\n  const { data: trajectory, isLoading: isTrajectoryLoading } = useQuery({\n    queryKey: ['trace-trajectory', traceId],\n    queryFn: () => client.getTraceTrajectory(traceId ?? ''),\n    enabled: isOpen && !!traceId,\n  });\n\n  const derivedMocks: DatasetItemToolMock[] = trajectory?.steps ? collectToolMocks(trajectory.steps) : [];\n  const initialMocksJson = derivedMocks.length > 0 ? safeStringify(derivedMocks, 2) : '';\n\n  return (\n    <SideDialog\n      dialogTitle=\"Add Tool Mocks to Item\"\n      dialogDescription=\"Append trace-derived tool mocks to an existing dataset item\"\n      isOpen={isOpen}\n      onClose={onClose}\n      level={level}\n    >\n      <SideDialog.Top>\n        <TextAndIcon>\n          <EyeIcon /> {getShortId(traceId)}\n        </TextAndIcon>\n        ›\n        <TextAndIcon>\n          <WrenchIcon /> Add Tool Mocks to Item\n        </TextAndIcon>\n      </SideDialog.Top>\n\n      <SideDialog.Content>\n        <SideDialog.Header>\n          <SideDialog.Heading>\n            <WrenchIcon /> Add Tool Mocks to Item\n          </SideDialog.Heading>\n        </SideDialog.Header>\n\n        {isTrajectoryLoading ? (\n          <div className=\"px-2 py-4 text-body text-muted-foreground\">Loading tool calls from trace...</div>\n        ) : (\n          // Remount when the source trace changes so the form's useState seeds\n          // from the freshly derived mocks — no state-reset effect needed.\n          <AddTraceMocksForm key={traceId ?? 'no-trace'} initialMocksJson={initialMocksJson} onClose={onClose} />\n        )}\n      </SideDialog.Content>\n    </SideDialog>\n  );\n}\n\ntype AddTraceMocksFormProps = {\n  initialMocksJson: string;\n  onClose: () => void;\n};\n\nfunction AddTraceMocksForm({ initialMocksJson, onClose }: AddTraceMocksFormProps) {\n  const [selectedDatasetId, setSelectedDatasetId] = useState<string>('');\n  const [selectedItemId, setSelectedItemId] = useState<string>('');\n  // Editable JSON of the mocks to append, seeded once from the trace-derived mocks.\n  const [mocksJson, setMocksJson] = useState<string>(initialMocksJson);\n\n  const { data: datasetsData, isLoading: isDatasetsLoading } = useDatasets();\n  const datasets = datasetsData?.datasets ?? [];\n\n  const { data: items = [], isLoading: isItemsLoading } = useDatasetItems(selectedDatasetId);\n  const { data: selectedItem, isFetching: isSelectedItemFetching } = useDatasetItem(selectedDatasetId, selectedItemId);\n  const { updateItem } = useDatasetMutations();\n\n  // Whether the current editor content is a non-empty JSON array (enables submit).\n  const hasMocks = (() => {\n    if (!mocksJson.trim()) return false;\n    try {\n      const parsed = JSON.parse(mocksJson);\n      return Array.isArray(parsed) && parsed.length > 0;\n    } catch {\n      return false;\n    }\n  })();\n\n  const handleDatasetChange = (value: string) => {\n    setSelectedDatasetId(value);\n    setSelectedItemId('');\n  };\n\n  const handleSubmit = async (e: React.FormEvent) => {\n    e.preventDefault();\n\n    if (!selectedDatasetId || !selectedItemId) {\n      toast.error('Please select a dataset and an item');\n      return;\n    }\n\n    // Parse the (possibly edited) mocks JSON.\n    let parsedMocks: DatasetItemToolMock[];\n    try {\n      const parsed = mocksJson.trim() ? JSON.parse(mocksJson) : [];\n      if (!Array.isArray(parsed)) {\n        toast.error('Tool Mocks must be a JSON array');\n        return;\n      }\n      parsedMocks = parsed as DatasetItemToolMock[];\n    } catch {\n      toast.error('Tool Mocks must be valid JSON');\n      return;\n    }\n    if (parsedMocks.length === 0) {\n      toast.error('There are no tool mocks to add');\n      return;\n    }\n    // Guard against appending to a stale/unloaded item — require the authoritative item first.\n    if (!selectedItem || selectedItem.id !== selectedItemId) {\n      toast.error('Item is still loading, please try again');\n      return;\n    }\n\n    const existing = selectedItem.toolMocks ?? [];\n    const merged = [...existing, ...parsedMocks];\n\n    try {\n      await updateItem.mutateAsync({\n        datasetId: selectedDatasetId,\n        itemId: selectedItemId,\n        toolMocks: merged,\n      });\n      toast.success(`Added ${parsedMocks.length} tool mock(s) to the item`);\n      onClose();\n    } catch (error) {\n      toast.error(`Failed to add tool mocks: ${error instanceof Error ? error.message : 'Unknown error'}`);\n    }\n  };\n\n  return (\n    <form onSubmit={handleSubmit} className=\"grid gap-4\">\n      <div className=\"grid gap-2\">\n        <Label htmlFor=\"target-dataset\">Dataset *</Label>\n        <Select value={selectedDatasetId} onValueChange={handleDatasetChange} disabled={isDatasetsLoading}>\n          <SelectTrigger id=\"target-dataset\">\n            <SelectValue placeholder={isDatasetsLoading ? 'Loading datasets...' : 'Select a dataset'} />\n          </SelectTrigger>\n          <SelectContent>\n            {datasets.length === 0 ? (\n              <div className=\"px-2 py-4 text-center text-body text-muted-foreground\">No datasets available</div>\n            ) : (\n              datasets.map(dataset => (\n                <SelectItem key={dataset.id} value={dataset.id}>\n                  {dataset.name}\n                </SelectItem>\n              ))\n            )}\n          </SelectContent>\n        </Select>\n      </div>\n\n      <div className=\"grid gap-2\">\n        <Label htmlFor=\"target-item\">Item *</Label>\n        <Select\n          value={selectedItemId}\n          onValueChange={setSelectedItemId}\n          disabled={!selectedDatasetId || isItemsLoading}\n        >\n          <SelectTrigger id=\"target-item\">\n            <SelectValue\n              placeholder={\n                !selectedDatasetId ? 'Select a dataset first' : isItemsLoading ? 'Loading items...' : 'Select an item'\n              }\n            />\n          </SelectTrigger>\n          <SelectContent>\n            {items.length === 0 ? (\n              <div className=\"px-2 py-4 text-center text-body text-muted-foreground\">No items available</div>\n            ) : (\n              items.map(item => (\n                <SelectItem key={item.id} value={item.id}>\n                  {itemLabel(item)}\n                </SelectItem>\n              ))\n            )}\n          </SelectContent>\n        </Select>\n      </div>\n\n      <div className=\"grid gap-2\">\n        <Label htmlFor=\"derived-mocks\">Tool Mocks (JSON)</Label>\n        <CodeEditor value={mocksJson} onChange={setMocksJson} showCopyButton={false} className=\"min-h-40\" />\n        <Txt variant=\"caption\" tone=\"muted\">\n          Seeded from the trace&apos;s tool calls. Edit or remove entries before appending.\n        </Txt>\n      </div>\n\n      <div className=\"flex justify-end gap-2 pt-4\">\n        <Button icon={<X />} type=\"button\" onClick={onClose}>\n          Cancel\n        </Button>\n        <Button\n          icon={<Plus />}\n          type=\"submit\"\n          variant=\"default\"\n          disabled={\n            updateItem.isPending ||\n            isSelectedItemFetching ||\n            !hasMocks ||\n            !selectedDatasetId ||\n            !selectedItemId ||\n            selectedItem?.id !== selectedItemId\n          }\n        >\n          {updateItem.isPending ? 'Adding...' : 'Append Tool Mocks'}\n        </Button>\n      </div>\n    </form>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"add-trace-mocks-to-item-dialog.es.js","sources":["../../../../src/domains/observability/components/add-trace-mocks-to-item-dialog.tsx"],"sourcesContent":["import type { DatasetItemToolMock } from '@mastra/client-js';\nimport { collectToolMocks } from '@mastra/core/utils/collect-tool-mocks';\nimport { safeStringify } from '@mastra/core/utils/safe-stringify';\n\nimport { useMastraClient } from '@mastra/react';\nimport { useQuery } from '@tanstack/react-query';\nimport { EyeIcon, WrenchIcon, Plus, X } from 'lucide-react';\nimport { useState } from 'react';\nimport { useDatasetMutations, useDatasets } from '@/domains/datasets';\nimport { useDatasetItem, useDatasetItems } from '@/domains/datasets/hooks/use-dataset-items';\nimport { Button } from '@/ds/components/Button';\nimport { CodeEditor } from '@/ds/components/CodeEditor';\nimport { Field, FieldDescription, FieldLabel } from '@/ds/components/Field';\nimport { Form } from '@/ds/components/Form';\nimport { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from '@/ds/components/Select';\nimport { SideDialog } from '@/ds/components/SideDialog';\nimport type { SideDialogRootProps } from '@/ds/components/SideDialog';\nimport { TextAndIcon, getShortId } from '@/ds/components/Text';\nimport { toast } from '@/utils/toast';\n\ntype AddTraceMocksToItemDialogProps = {\n  traceId?: string;\n  isOpen: boolean;\n  onClose: () => void;\n  level?: SideDialogRootProps['level'];\n};\n\n/** Short, human-readable label for an item: short id + a preview of the input. */\nfunction itemLabel(item: { id: string; input: unknown }): string {\n  const preview = (() => {\n    try {\n      const json = JSON.stringify(item.input);\n      if (!json) return '';\n      return json.length > 40 ? `${json.slice(0, 40)}…` : json;\n    } catch {\n      return '';\n    }\n  })();\n  const shortId = getShortId(item.id) ?? item.id;\n  return preview ? `${shortId} — ${preview}` : shortId;\n}\n\nexport function AddTraceMocksToItemDialog({ traceId, isOpen, onClose, level = 2 }: AddTraceMocksToItemDialogProps) {\n  const client = useMastraClient();\n\n  const { data: trajectory, isLoading: isTrajectoryLoading } = useQuery({\n    queryKey: ['trace-trajectory', traceId],\n    queryFn: () => client.getTraceTrajectory(traceId ?? ''),\n    enabled: isOpen && !!traceId,\n  });\n\n  const derivedMocks: DatasetItemToolMock[] = trajectory?.steps ? collectToolMocks(trajectory.steps) : [];\n  const initialMocksJson = derivedMocks.length > 0 ? safeStringify(derivedMocks, 2) : '';\n\n  return (\n    <SideDialog\n      dialogTitle=\"Add Tool Mocks to Item\"\n      dialogDescription=\"Append trace-derived tool mocks to an existing dataset item\"\n      isOpen={isOpen}\n      onClose={onClose}\n      level={level}\n    >\n      <SideDialog.Top>\n        <TextAndIcon>\n          <EyeIcon /> {getShortId(traceId)}\n        </TextAndIcon>\n        ›\n        <TextAndIcon>\n          <WrenchIcon /> Add Tool Mocks to Item\n        </TextAndIcon>\n      </SideDialog.Top>\n\n      <SideDialog.Content>\n        <SideDialog.Header>\n          <SideDialog.Heading>\n            <WrenchIcon /> Add Tool Mocks to Item\n          </SideDialog.Heading>\n        </SideDialog.Header>\n\n        {isTrajectoryLoading ? (\n          <div className=\"px-2 py-4 text-body text-muted-foreground\">Loading tool calls from trace...</div>\n        ) : (\n          // Remount when the source trace changes so the form's useState seeds\n          // from the freshly derived mocks — no state-reset effect needed.\n          <AddTraceMocksForm key={traceId ?? 'no-trace'} initialMocksJson={initialMocksJson} onClose={onClose} />\n        )}\n      </SideDialog.Content>\n    </SideDialog>\n  );\n}\n\ntype AddTraceMocksFormProps = {\n  initialMocksJson: string;\n  onClose: () => void;\n};\n\nfunction AddTraceMocksForm({ initialMocksJson, onClose }: AddTraceMocksFormProps) {\n  const [selectedDatasetId, setSelectedDatasetId] = useState<string>('');\n  const [selectedItemId, setSelectedItemId] = useState<string>('');\n  // Editable JSON of the mocks to append, seeded once from the trace-derived mocks.\n  const [mocksJson, setMocksJson] = useState<string>(initialMocksJson);\n\n  const { data: datasetsData, isLoading: isDatasetsLoading } = useDatasets();\n  const datasets = datasetsData?.datasets ?? [];\n\n  const { data: items = [], isLoading: isItemsLoading } = useDatasetItems(selectedDatasetId);\n  const { data: selectedItem, isFetching: isSelectedItemFetching } = useDatasetItem(selectedDatasetId, selectedItemId);\n  const { updateItem } = useDatasetMutations();\n\n  // Whether the current editor content is a non-empty JSON array (enables submit).\n  const hasMocks = (() => {\n    if (!mocksJson.trim()) return false;\n    try {\n      const parsed = JSON.parse(mocksJson);\n      return Array.isArray(parsed) && parsed.length > 0;\n    } catch {\n      return false;\n    }\n  })();\n\n  const handleDatasetChange = (value: string) => {\n    setSelectedDatasetId(value);\n    setSelectedItemId('');\n  };\n\n  const handleSubmit = async (e: React.FormEvent) => {\n    e.preventDefault();\n\n    if (!selectedDatasetId || !selectedItemId) {\n      toast.error('Please select a dataset and an item');\n      return;\n    }\n\n    // Parse the (possibly edited) mocks JSON.\n    let parsedMocks: DatasetItemToolMock[];\n    try {\n      const parsed = mocksJson.trim() ? JSON.parse(mocksJson) : [];\n      if (!Array.isArray(parsed)) {\n        toast.error('Tool Mocks must be a JSON array');\n        return;\n      }\n      parsedMocks = parsed as DatasetItemToolMock[];\n    } catch {\n      toast.error('Tool Mocks must be valid JSON');\n      return;\n    }\n    if (parsedMocks.length === 0) {\n      toast.error('There are no tool mocks to add');\n      return;\n    }\n    // Guard against appending to a stale/unloaded item — require the authoritative item first.\n    if (!selectedItem || selectedItem.id !== selectedItemId) {\n      toast.error('Item is still loading, please try again');\n      return;\n    }\n\n    const existing = selectedItem.toolMocks ?? [];\n    const merged = [...existing, ...parsedMocks];\n\n    try {\n      await updateItem.mutateAsync({\n        datasetId: selectedDatasetId,\n        itemId: selectedItemId,\n        toolMocks: merged,\n      });\n      toast.success(`Added ${parsedMocks.length} tool mock(s) to the item`);\n      onClose();\n    } catch (error) {\n      toast.error(`Failed to add tool mocks: ${error instanceof Error ? error.message : 'Unknown error'}`);\n    }\n  };\n\n  return (\n    <Form onSubmit={handleSubmit}>\n      <Field>\n        <FieldLabel required>Dataset</FieldLabel>\n        <Select value={selectedDatasetId} onValueChange={handleDatasetChange} disabled={isDatasetsLoading}>\n          <SelectTrigger>\n            <SelectValue placeholder={isDatasetsLoading ? 'Loading datasets...' : 'Select a dataset'} />\n          </SelectTrigger>\n          <SelectContent>\n            {datasets.length === 0 ? (\n              <div className=\"px-2 py-4 text-center text-body text-muted-foreground\">No datasets available</div>\n            ) : (\n              datasets.map(dataset => (\n                <SelectItem key={dataset.id} value={dataset.id}>\n                  {dataset.name}\n                </SelectItem>\n              ))\n            )}\n          </SelectContent>\n        </Select>\n      </Field>\n\n      <Field>\n        <FieldLabel required>Item</FieldLabel>\n        <Select\n          value={selectedItemId}\n          onValueChange={setSelectedItemId}\n          disabled={!selectedDatasetId || isItemsLoading}\n        >\n          <SelectTrigger>\n            <SelectValue\n              placeholder={\n                !selectedDatasetId ? 'Select a dataset first' : isItemsLoading ? 'Loading items...' : 'Select an item'\n              }\n            />\n          </SelectTrigger>\n          <SelectContent>\n            {items.length === 0 ? (\n              <div className=\"px-2 py-4 text-center text-body text-muted-foreground\">No items available</div>\n            ) : (\n              items.map(item => (\n                <SelectItem key={item.id} value={item.id}>\n                  {itemLabel(item)}\n                </SelectItem>\n              ))\n            )}\n          </SelectContent>\n        </Select>\n      </Field>\n\n      <Field>\n        <FieldLabel>Tool Mocks (JSON)</FieldLabel>\n        <CodeEditor value={mocksJson} onChange={setMocksJson} showCopyButton={false} className=\"min-h-40\" />\n        <FieldDescription>\n          Seeded from the trace&apos;s tool calls. Edit or remove entries before appending.\n        </FieldDescription>\n      </Field>\n\n      <div className=\"flex justify-end gap-2 pt-4\">\n        <Button icon={<X />} type=\"button\" onClick={onClose}>\n          Cancel\n        </Button>\n        <Button\n          icon={<Plus />}\n          type=\"submit\"\n          variant=\"default\"\n          disabled={\n            updateItem.isPending ||\n            isSelectedItemFetching ||\n            !hasMocks ||\n            !selectedDatasetId ||\n            !selectedItemId ||\n            selectedItem?.id !== selectedItemId\n          }\n        >\n          {updateItem.isPending ? 'Adding...' : 'Append Tool Mocks'}\n        </Button>\n      </div>\n    </Form>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/domains/request-context/components/request-context-label.cjs.js

@@ -4,18 +4,19 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
+const field = require('../../../field-ip9xiOVa.cjs');
+require('../../../field-control-aria-WzMGs0A4.cjs');
 const tooltip = require('../../../tooltip-DIZ5oqjV.cjs');
-const Txt = require('../../../Txt-DPmEpNbp.cjs');
 const icons_Icon = require('../../../icons/Icon.cjs.js');
 const primitives_transitions = require('../../../primitives/transitions.cjs.js');
 const primitives_typography = require('../../../primitives/typography.cjs.js');
 const utils_cn = require('../../../cn-DG0X1KEP.cjs');
 
-function RequestContextLabel({ as = "span", children, tooltip: tooltip$1 }) {
+function RequestContextLabel({ children, tooltip: tooltip$1 }) {
   const labelText = typeof children === "string" ? children.replace(/\s*\([^)]*\)/g, "") : "Request context";
   const ariaLabel = `${labelText} details`;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(Txt.Txt, { as, variant: "body", tone: "muted", children }),
+    /* @__PURE__ */ jsxRuntime.jsx(field.FieldLabel, { children }),
     tooltip$1 && /* @__PURE__ */ jsxRuntime.jsx(tooltip.TooltipProvider, { delay: 10, children: /* @__PURE__ */ jsxRuntime.jsxs(tooltip.Tooltip, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(tooltip.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
         "button",

package/dist/domains/request-context/components/request-context-label.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"request-context-label.cjs.js","sources":["../../../../src/domains/request-context/components/request-context-label.tsx"],"sourcesContent":["import { Info } from 'lucide-react';\nimport type { ReactNode } from 'react';\nimport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { Txt } from '@/ds/components/Txt';\nimport { Icon } from '@/ds/icons/Icon';\nimport { controlStateColorTransition, focusRing } from '@/ds/primitives/transitions';\nimport { quietTextHover } from '@/ds/primitives/typography';\nimport { cn } from '@/utils/cn';\n\ninterface RequestContextLabelProps {\n  as?: 'label' | 'span';\n  children: ReactNode;\n  tooltip?: string;\n}\n\nexport function RequestContextLabel({ as = 'span', children, tooltip }: RequestContextLabelProps) {\n  const labelText = typeof children === 'string' ? children.replace(/\\s*\\([^)]*\\)/g, '') : 'Request context';\n  const ariaLabel = `${labelText} details`;\n\n  return (\n    <div className=\"flex items-center gap-1.5\">\n      <Txt as={as} variant=\"body\" tone=\"muted\">\n        {children}\n      </Txt>\n\n      {tooltip && (\n        <TooltipProvider delay={10}>\n          <Tooltip>\n            <TooltipTrigger asChild>\n              <button\n                type=\"button\"\n                aria-label={ariaLabel}\n                className={cn(quietTextHover, controlStateColorTransition, 'rounded-sm', focusRing)}\n              >\n                <Icon size=\"xs\">\n                  <Info />\n                </Icon>\n              </button>\n            </TooltipTrigger>\n            <TooltipContent side=\"top\" className=\"max-w-60\">\n              {tooltip}\n            </TooltipContent>\n          </Tooltip>\n        </TooltipProvider>\n      )}\n    </div>\n  );\n}\n"],"names":["tooltip","jsxs","jsx","Txt","TooltipProvider","Tooltip","TooltipTrigger","cn","quietTextHover","controlStateColorTransition","focusRing","Icon","Info","TooltipContent"],"mappings":";;;;;;;;;;;;;AAeO,SAAS,oBAAoB,EAAE,EAAA,GAAK,MAAA,EAAQ,QAAA,WAAUA,WAAQ,EAA6B;AAChG,EAAA,MAAM,SAAA,GAAY,OAAO,QAAA,KAAa,QAAA,GAAW,SAAS,OAAA,CAAQ,eAAA,EAAiB,EAAE,CAAA,GAAI,iBAAA;AACzF,EAAA,MAAM,SAAA,GAAY,GAAG,SAAS,CAAA,QAAA,CAAA;AAE9B,EAAA,uBACEC,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,2BAAA,EACb,QAAA,EAAA;AAAA,oBAAAC,cAAA,CAACC,WAAI,EAAA,EAAQ,OAAA,EAAQ,MAAA,EAAO,IAAA,EAAK,SAC9B,QAAA,EACH,CAAA;AAAA,IAECH,6BACCE,cAAA,CAACE,uBAAA,EAAA,EAAgB,KAAA,EAAO,EAAA,EACtB,0CAACC,eAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAAH,cAAA,CAACI,sBAAA,EAAA,EAAe,SAAO,IAAA,EACrB,QAAA,kBAAAJ,cAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UACC,IAAA,EAAK,QAAA;AAAA,UACL,YAAA,EAAY,SAAA;AAAA,UACZ,SAAA,EAAWK,WAAA,CAAGC,oCAAA,EAAgBC,kDAAA,EAA6B,cAAcC,gCAAS,CAAA;AAAA,UAElF,yCAACC,eAAA,EAAA,EAAK,IAAA,EAAK,IAAA,EACT,QAAA,kBAAAT,cAAA,CAACU,oBAAK,CAAA,EACR;AAAA;AAAA,OACF,EACF,CAAA;AAAA,qCACCC,sBAAA,EAAA,EAAe,IAAA,EAAK,KAAA,EAAM,SAAA,EAAU,YAClC,QAAA,EAAAb,SAAA,EACH;AAAA,KAAA,EACF,CAAA,EACF;AAAA,GAAA,EAEJ,CAAA;AAEJ;;;;"}
+{"version":3,"file":"request-context-label.cjs.js","sources":["../../../../src/domains/request-context/components/request-context-label.tsx"],"sourcesContent":["import { Info } from 'lucide-react';\nimport type { ReactNode } from 'react';\nimport { FieldLabel } from '@/ds/components/Field';\nimport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { Icon } from '@/ds/icons/Icon';\nimport { controlStateColorTransition, focusRing } from '@/ds/primitives/transitions';\nimport { quietTextHover } from '@/ds/primitives/typography';\nimport { cn } from '@/utils/cn';\n\ninterface RequestContextLabelProps {\n  children: ReactNode;\n  tooltip?: string;\n}\n\nexport function RequestContextLabel({ children, tooltip }: RequestContextLabelProps) {\n  const labelText = typeof children === 'string' ? children.replace(/\\s*\\([^)]*\\)/g, '') : 'Request context';\n  const ariaLabel = `${labelText} details`;\n\n  return (\n    <div className=\"flex items-center gap-1.5\">\n      <FieldLabel>{children}</FieldLabel>\n\n      {tooltip && (\n        <TooltipProvider delay={10}>\n          <Tooltip>\n            <TooltipTrigger asChild>\n              <button\n                type=\"button\"\n                aria-label={ariaLabel}\n                className={cn(quietTextHover, controlStateColorTransition, 'rounded-sm', focusRing)}\n              >\n                <Icon size=\"xs\">\n                  <Info />\n                </Icon>\n              </button>\n            </TooltipTrigger>\n            <TooltipContent side=\"top\" className=\"max-w-60\">\n              {tooltip}\n            </TooltipContent>\n          </Tooltip>\n        </TooltipProvider>\n      )}\n    </div>\n  );\n}\n"],"names":["tooltip","jsxs","jsx","FieldLabel","TooltipProvider","Tooltip","TooltipTrigger","cn","quietTextHover","controlStateColorTransition","focusRing","Icon","Info","TooltipContent"],"mappings":";;;;;;;;;;;;;;AAcO,SAAS,mBAAA,CAAoB,EAAE,QAAA,WAAUA,SAAA,EAAQ,EAA6B;AACnF,EAAA,MAAM,SAAA,GAAY,OAAO,QAAA,KAAa,QAAA,GAAW,SAAS,OAAA,CAAQ,eAAA,EAAiB,EAAE,CAAA,GAAI,iBAAA;AACzF,EAAA,MAAM,SAAA,GAAY,GAAG,SAAS,CAAA,QAAA,CAAA;AAE9B,EAAA,uBACEC,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,2BAAA,EACb,QAAA,EAAA;AAAA,oBAAAC,cAAA,CAACC,oBAAY,QAAA,EAAS,CAAA;AAAA,IAErBH,6BACCE,cAAA,CAACE,uBAAA,EAAA,EAAgB,KAAA,EAAO,EAAA,EACtB,0CAACC,eAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAAH,cAAA,CAACI,sBAAA,EAAA,EAAe,SAAO,IAAA,EACrB,QAAA,kBAAAJ,cAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UACC,IAAA,EAAK,QAAA;AAAA,UACL,YAAA,EAAY,SAAA;AAAA,UACZ,SAAA,EAAWK,WAAA,CAAGC,oCAAA,EAAgBC,kDAAA,EAA6B,cAAcC,gCAAS,CAAA;AAAA,UAElF,yCAACC,eAAA,EAAA,EAAK,IAAA,EAAK,IAAA,EACT,QAAA,kBAAAT,cAAA,CAACU,oBAAK,CAAA,EACR;AAAA;AAAA,OACF,EACF,CAAA;AAAA,qCACCC,sBAAA,EAAA,EAAe,IAAA,EAAK,KAAA,EAAM,SAAA,EAAU,YAClC,QAAA,EAAAb,SAAA,EACH;AAAA,KAAA,EACF,CAAA,EACF;AAAA,GAAA,EAEJ,CAAA;AAEJ;;;;"}

package/dist/domains/request-context/components/request-context-label.es.js

@@ -1,17 +1,18 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { Info } from 'lucide-react';
+import { e as FieldLabel } from '../../../field-BtvEQ68O.js';
+import '../../../field-control-aria-DB6y41tQ.js';
 import { b as TooltipProvider, T as Tooltip, c as TooltipTrigger, a as TooltipContent } from '../../../tooltip-DsQPiynb.js';
-import { T as Txt } from '../../../Txt-BP1SRHmL.js';
 import { Icon } from '../../../icons/Icon.es.js';
 import { focusRing, controlStateColorTransition } from '../../../primitives/transitions.es.js';
 import { quietTextHover } from '../../../primitives/typography.es.js';
 import { c as cn } from '../../../cn-65Adrsfj.js';
 
-function RequestContextLabel({ as = "span", children, tooltip }) {
+function RequestContextLabel({ children, tooltip }) {
   const labelText = typeof children === "string" ? children.replace(/\s*\([^)]*\)/g, "") : "Request context";
   const ariaLabel = `${labelText} details`;
   return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
-    /* @__PURE__ */ jsx(Txt, { as, variant: "body", tone: "muted", children }),
+    /* @__PURE__ */ jsx(FieldLabel, { children }),
     tooltip && /* @__PURE__ */ jsx(TooltipProvider, { delay: 10, children: /* @__PURE__ */ jsxs(Tooltip, { children: [
       /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
         "button",

package/dist/domains/request-context/components/request-context-label.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"request-context-label.es.js","sources":["../../../../src/domains/request-context/components/request-context-label.tsx"],"sourcesContent":["import { Info } from 'lucide-react';\nimport type { ReactNode } from 'react';\nimport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { Txt } from '@/ds/components/Txt';\nimport { Icon } from '@/ds/icons/Icon';\nimport { controlStateColorTransition, focusRing } from '@/ds/primitives/transitions';\nimport { quietTextHover } from '@/ds/primitives/typography';\nimport { cn } from '@/utils/cn';\n\ninterface RequestContextLabelProps {\n  as?: 'label' | 'span';\n  children: ReactNode;\n  tooltip?: string;\n}\n\nexport function RequestContextLabel({ as = 'span', children, tooltip }: RequestContextLabelProps) {\n  const labelText = typeof children === 'string' ? children.replace(/\\s*\\([^)]*\\)/g, '') : 'Request context';\n  const ariaLabel = `${labelText} details`;\n\n  return (\n    <div className=\"flex items-center gap-1.5\">\n      <Txt as={as} variant=\"body\" tone=\"muted\">\n        {children}\n      </Txt>\n\n      {tooltip && (\n        <TooltipProvider delay={10}>\n          <Tooltip>\n            <TooltipTrigger asChild>\n              <button\n                type=\"button\"\n                aria-label={ariaLabel}\n                className={cn(quietTextHover, controlStateColorTransition, 'rounded-sm', focusRing)}\n              >\n                <Icon size=\"xs\">\n                  <Info />\n                </Icon>\n              </button>\n            </TooltipTrigger>\n            <TooltipContent side=\"top\" className=\"max-w-60\">\n              {tooltip}\n            </TooltipContent>\n          </Tooltip>\n        </TooltipProvider>\n      )}\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;AAeO,SAAS,oBAAoB,EAAE,EAAA,GAAK,MAAA,EAAQ,QAAA,EAAU,SAAQ,EAA6B;AAChG,EAAA,MAAM,SAAA,GAAY,OAAO,QAAA,KAAa,QAAA,GAAW,SAAS,OAAA,CAAQ,eAAA,EAAiB,EAAE,CAAA,GAAI,iBAAA;AACzF,EAAA,MAAM,SAAA,GAAY,GAAG,SAAS,CAAA,QAAA,CAAA;AAE9B,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,2BAAA,EACb,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,OAAI,EAAA,EAAQ,OAAA,EAAQ,MAAA,EAAO,IAAA,EAAK,SAC9B,QAAA,EACH,CAAA;AAAA,IAEC,2BACC,GAAA,CAAC,eAAA,EAAA,EAAgB,KAAA,EAAO,EAAA,EACtB,+BAAC,OAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,cAAA,EAAA,EAAe,SAAO,IAAA,EACrB,QAAA,kBAAA,GAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UACC,IAAA,EAAK,QAAA;AAAA,UACL,YAAA,EAAY,SAAA;AAAA,UACZ,SAAA,EAAW,EAAA,CAAG,cAAA,EAAgB,2BAAA,EAA6B,cAAc,SAAS,CAAA;AAAA,UAElF,8BAAC,IAAA,EAAA,EAAK,IAAA,EAAK,IAAA,EACT,QAAA,kBAAA,GAAA,CAAC,QAAK,CAAA,EACR;AAAA;AAAA,OACF,EACF,CAAA;AAAA,0BACC,cAAA,EAAA,EAAe,IAAA,EAAK,KAAA,EAAM,SAAA,EAAU,YAClC,QAAA,EAAA,OAAA,EACH;AAAA,KAAA,EACF,CAAA,EACF;AAAA,GAAA,EAEJ,CAAA;AAEJ;;;;"}
+{"version":3,"file":"request-context-label.es.js","sources":["../../../../src/domains/request-context/components/request-context-label.tsx"],"sourcesContent":["import { Info } from 'lucide-react';\nimport type { ReactNode } from 'react';\nimport { FieldLabel } from '@/ds/components/Field';\nimport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { Icon } from '@/ds/icons/Icon';\nimport { controlStateColorTransition, focusRing } from '@/ds/primitives/transitions';\nimport { quietTextHover } from '@/ds/primitives/typography';\nimport { cn } from '@/utils/cn';\n\ninterface RequestContextLabelProps {\n  children: ReactNode;\n  tooltip?: string;\n}\n\nexport function RequestContextLabel({ children, tooltip }: RequestContextLabelProps) {\n  const labelText = typeof children === 'string' ? children.replace(/\\s*\\([^)]*\\)/g, '') : 'Request context';\n  const ariaLabel = `${labelText} details`;\n\n  return (\n    <div className=\"flex items-center gap-1.5\">\n      <FieldLabel>{children}</FieldLabel>\n\n      {tooltip && (\n        <TooltipProvider delay={10}>\n          <Tooltip>\n            <TooltipTrigger asChild>\n              <button\n                type=\"button\"\n                aria-label={ariaLabel}\n                className={cn(quietTextHover, controlStateColorTransition, 'rounded-sm', focusRing)}\n              >\n                <Icon size=\"xs\">\n                  <Info />\n                </Icon>\n              </button>\n            </TooltipTrigger>\n            <TooltipContent side=\"top\" className=\"max-w-60\">\n              {tooltip}\n            </TooltipContent>\n          </Tooltip>\n        </TooltipProvider>\n      )}\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;;AAcO,SAAS,mBAAA,CAAoB,EAAE,QAAA,EAAU,OAAA,EAAQ,EAA6B;AACnF,EAAA,MAAM,SAAA,GAAY,OAAO,QAAA,KAAa,QAAA,GAAW,SAAS,OAAA,CAAQ,eAAA,EAAiB,EAAE,CAAA,GAAI,iBAAA;AACzF,EAAA,MAAM,SAAA,GAAY,GAAG,SAAS,CAAA,QAAA,CAAA;AAE9B,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,2BAAA,EACb,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,cAAY,QAAA,EAAS,CAAA;AAAA,IAErB,2BACC,GAAA,CAAC,eAAA,EAAA,EAAgB,KAAA,EAAO,EAAA,EACtB,+BAAC,OAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,cAAA,EAAA,EAAe,SAAO,IAAA,EACrB,QAAA,kBAAA,GAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UACC,IAAA,EAAK,QAAA;AAAA,UACL,YAAA,EAAY,SAAA;AAAA,UACZ,SAAA,EAAW,EAAA,CAAG,cAAA,EAAgB,2BAAA,EAA6B,cAAc,SAAS,CAAA;AAAA,UAElF,8BAAC,IAAA,EAAA,EAAK,IAAA,EAAK,IAAA,EACT,QAAA,kBAAA,GAAA,CAAC,QAAK,CAAA,EACR;AAAA;AAAA,OACF,EACF,CAAA;AAAA,0BACC,cAAA,EAAA,EAAe,IAAA,EAAK,KAAA,EAAM,SAAA,EAAU,YAClC,QAAA,EAAA,OAAA,EACH;AAAA,KAAA,EACF,CAAA,EACF;AAAA,GAAA,EAEJ,CAAA;AAEJ;;;;"}

package/dist/domains/scores/components/score-data-panel.cjs.js

@@ -8,7 +8,7 @@ const React = require('react');
 const domains_scores_components_scoreAsItemDialog = require('./score-as-item-dialog.cjs.js');
 const Button = require('../../../Button-CXhSUBxN.cjs');
 const dataKeysAndValues = require('../../../data-keys-and-values-DnpdW8zx.cjs');
-const dataPanel = require('../../../data-panel-D7Qk4iwZ.cjs');
+const dataPanel = require('../../../data-panel-o-QLWuFV.cjs');
 const lib_framework = require('../../../lib/framework.cjs.js');
 const utils_cn = require('../../../cn-DG0X1KEP.cjs');
 const utils_dateFormat = require('../../../utils/date-format.cjs.js');

package/dist/domains/scores/components/score-data-panel.es.js

@@ -4,7 +4,7 @@ import { useState } from 'react';
 import { ScoreAsItemDialog } from './score-as-item-dialog.es.js';
 import { B as Button } from '../../../Button-D43ghVKt.js';
 import { D as DataKeysAndValues } from '../../../data-keys-and-values-DiRlIt-N.js';
-import { D as DataPanel } from '../../../data-panel-DuLf5j8S.js';
+import { D as DataPanel } from '../../../data-panel-CbomKGJt.js';
 import { useLinkComponent } from '../../../lib/framework.es.js';
 import { c as cn } from '../../../cn-65Adrsfj.js';
 import { formatTimestampPrecise } from '../../../utils/date-format.es.js';

package/dist/domains/scores/components/span-scoring.cjs.js

@@ -6,7 +6,7 @@ const jsxRuntime = require('react/jsx-runtime');
 const lucideReact = require('lucide-react');
 const React = require('react');
 const domains_scores_hooks_useTriggerScorer = require('../hooks/use-trigger-scorer.cjs.js');
-const combobox = require('../../../combobox-DJ0c4o4S.cjs');
+const combobox = require('../../../combobox-RzEkcOuu.cjs');
 require('@base-ui/react/combobox');
 const dialog = require('../../../dialog-d_AK1NQD.cjs');
 const Notice = require('../../../Notice-C4Tgmtgb.cjs');

package/dist/domains/scores/components/span-scoring.es.js

@@ -2,7 +2,7 @@ import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { InfoIcon } from 'lucide-react';
 import { useState } from 'react';
 import { useTriggerScorer } from '../hooks/use-trigger-scorer.es.js';
-import { C as Combobox } from '../../../combobox-B15qTrWO.js';
+import { C as Combobox } from '../../../combobox-DKFPbNMB.js';
 import '@base-ui/react/combobox';
 import { a as DialogBody, f as DialogFooter, b as DialogCancel, e as DialogDescription } from '../../../dialog-Dt5kASkl.js';
 import { N as Notice } from '../../../Notice-B8RIClJD.js';

package/dist/domains/scores/components/trace-scores-tab.cjs.js

@@ -7,7 +7,8 @@ const lucideReact = require('lucide-react');
 const React = require('react');
 const domains_scores_hooks_useTraceSpanScores = require('../hooks/use-trace-span-scores.cjs.js');
 const Button = require('../../../Button-CXhSUBxN.cjs');
-const dataList = require('../../../data-list-Y42KyuI1.cjs');
+const dataList = require('../../../data-list-Bqf-fhMx.cjs');
+require('../../../keyboard/keyboard-shortcuts-context.cjs.js');
 const EmptyState = require('../../../EmptyState-CuoMGNP0.cjs');
 const metricsKpiCard = require('../../../metrics-kpi-card-1hbihR2T.cjs');
 const spinner = require('../../../spinner-BCpN7LL9.cjs');

package/dist/domains/scores/components/trace-scores-tab.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"trace-scores-tab.cjs.js","sources":["../../../../src/domains/scores/components/trace-scores-tab.tsx"],"sourcesContent":["import type { ClientScoreRowData, ListScoresResponse } from '@mastra/client-js';\nimport { ExternalLinkIcon } from 'lucide-react';\nimport { useState } from 'react';\nimport { useTraceSpanScores } from '../hooks/use-trace-span-scores';\nimport { Button } from '@/ds/components/Button';\nimport { DataList } from '@/ds/components/DataList';\nimport { EmptyState } from '@/ds/components/EmptyState';\nimport { MetricsKpiCard } from '@/ds/components/MetricsKpiCard';\nimport { Spinner } from '@/ds/components/Spinner';\nimport { getShortId } from '@/ds/components/Text';\nimport { Txt } from '@/ds/components/Txt';\nimport { controlStateColorTransition } from '@/ds/primitives/transitions';\nimport { quietTextHover } from '@/ds/primitives/typography';\nimport { useLinkComponent } from '@/lib/framework';\nimport { cn } from '@/utils/cn';\nimport { formatDate } from '@/utils/date-format';\n\nconst REASON_PREVIEW_LENGTH = 100;\n\nexport type TraceScoresTabProps = {\n  traceId: string;\n  spanId: string;\n  onScoreSelect: (scoreId: string) => void;\n};\n\n/**\n * Scores for the trace's anchor span, one card per scoring. Owns its own pagination:\n * mount it with a `key` on the trace/anchor pair so a page index never leaks across traces.\n */\nexport function TraceScoresTab({ traceId, spanId, onScoreSelect }: TraceScoresTabProps) {\n  const [page, setPage] = useState(0);\n  const { data: scoresData, isLoading } = useTraceSpanScores({ traceId, spanId, page });\n\n  if (isLoading) {\n    return (\n      <div className=\"flex justify-center py-6\">\n        <Spinner size=\"md\" variant=\"pulse\" className=\"text-placeholder\" />\n      </div>\n    );\n  }\n\n  const scores = scoresData?.scores ?? [];\n\n  if (scores.length === 0) {\n    return <EmptyState titleSlot=\"No scores yet\" descriptionSlot=\"Score this trace to see results here.\" />;\n  }\n\n  return (\n    <div className=\"grid content-start gap-3\">\n      {scores.map(score => (\n        <TraceScoreCard key={score.id} score={score} onSelect={() => onScoreSelect(score.id)} />\n      ))}\n      <TraceScoresPagination pagination={scoresData?.pagination} onPageChange={setPage} />\n    </div>\n  );\n}\n\nfunction TraceScoreCard({ score, onSelect }: { score: ClientScoreRowData; onSelect: () => void }) {\n  const createdAt = new Date(score.createdAt);\n  const scorerName = String(score.scorer?.name || score.scorer?.id || 'Scorer');\n  const { Link, paths } = useLinkComponent();\n  const scorerHref = paths.scorerLink(score.scorerId, { scoreId: score.id });\n\n  return (\n    <MetricsKpiCard className=\"min-w-0\">\n      <button\n        type=\"button\"\n        onClick={onSelect}\n        aria-label={`Score ${getShortId(score.id)}`}\n        className=\"grid gap-1 text-left\"\n      >\n        <MetricsKpiCard.Label>{scorerName}</MetricsKpiCard.Label>\n        <MetricsKpiCard.Value>{String(score.score)}</MetricsKpiCard.Value>\n        <Txt as=\"span\" variant=\"meta\" tone=\"muted\" className=\"tabular-nums\">\n          <Txt as=\"span\" variant=\"meta\" font=\"mono\">\n            {getShortId(score.id)}\n          </Txt>{' '}\n          · {formatDate(createdAt, 'date-time-seconds')}\n        </Txt>\n      </button>\n      {score.reason && <TraceScoreReason reason={score.reason} />}\n      {scorerHref && (\n        <Button\n          render={<Link href={scorerHref} />}\n          variant=\"ghost\"\n          size=\"sm\"\n          className=\"-ml-2 justify-self-start\"\n          icon={<ExternalLinkIcon />}\n        >\n          Open scorer run\n        </Button>\n      )}\n    </MetricsKpiCard>\n  );\n}\n\nfunction TraceScoreReason({ reason }: { reason: string }) {\n  const [expanded, setExpanded] = useState(false);\n  const isLong = reason.length > REASON_PREVIEW_LENGTH;\n  const text = isLong && !expanded ? `${reason.slice(0, REASON_PREVIEW_LENGTH).trimEnd()}…` : reason;\n\n  return (\n    <Txt variant=\"caption\" tone=\"faint\">\n      {text}\n      {isLong && (\n        <>\n          {' '}\n          <button\n            type=\"button\"\n            onClick={() => setExpanded(value => !value)}\n            className={cn(quietTextHover, controlStateColorTransition, 'underline underline-offset-2')}\n          >\n            {expanded ? 'Read less' : 'Read more'}\n          </button>\n        </>\n      )}\n    </Txt>\n  );\n}\n\nfunction TraceScoresPagination({\n  pagination,\n  onPageChange,\n}: {\n  pagination?: ListScoresResponse['pagination'];\n  onPageChange: (page: number) => void;\n}) {\n  const currentPage = pagination?.page ?? 0;\n  if (currentPage === 0 && !pagination?.hasMore) return null;\n\n  return (\n    <DataList.Pagination\n      currentPage={currentPage}\n      hasMore={pagination?.hasMore}\n      onNextPage={() => onPageChange(currentPage + 1)}\n      onPrevPage={() => onPageChange(currentPage - 1)}\n    />\n  );\n}\n"],"names":["useState","useTraceSpanScores","jsx","Spinner","EmptyState","jsxs","useLinkComponent","MetricsKpiCard","getShortId","Txt","formatDate","Button","ExternalLinkIcon","Fragment","cn","quietTextHover","controlStateColorTransition","DataList"],"mappings":"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"}
+{"version":3,"file":"trace-scores-tab.cjs.js","sources":["../../../../src/domains/scores/components/trace-scores-tab.tsx"],"sourcesContent":["import type { ClientScoreRowData, ListScoresResponse } from '@mastra/client-js';\nimport { ExternalLinkIcon } from 'lucide-react';\nimport { useState } from 'react';\nimport { useTraceSpanScores } from '../hooks/use-trace-span-scores';\nimport { Button } from '@/ds/components/Button';\nimport { DataList } from '@/ds/components/DataList';\nimport { EmptyState } from '@/ds/components/EmptyState';\nimport { MetricsKpiCard } from '@/ds/components/MetricsKpiCard';\nimport { Spinner } from '@/ds/components/Spinner';\nimport { getShortId } from '@/ds/components/Text';\nimport { Txt } from '@/ds/components/Txt';\nimport { controlStateColorTransition } from '@/ds/primitives/transitions';\nimport { quietTextHover } from '@/ds/primitives/typography';\nimport { useLinkComponent } from '@/lib/framework';\nimport { cn } from '@/utils/cn';\nimport { formatDate } from '@/utils/date-format';\n\nconst REASON_PREVIEW_LENGTH = 100;\n\nexport type TraceScoresTabProps = {\n  traceId: string;\n  spanId: string;\n  onScoreSelect: (scoreId: string) => void;\n};\n\n/**\n * Scores for the trace's anchor span, one card per scoring. Owns its own pagination:\n * mount it with a `key` on the trace/anchor pair so a page index never leaks across traces.\n */\nexport function TraceScoresTab({ traceId, spanId, onScoreSelect }: TraceScoresTabProps) {\n  const [page, setPage] = useState(0);\n  const { data: scoresData, isLoading } = useTraceSpanScores({ traceId, spanId, page });\n\n  if (isLoading) {\n    return (\n      <div className=\"flex justify-center py-6\">\n        <Spinner size=\"md\" variant=\"pulse\" className=\"text-placeholder\" />\n      </div>\n    );\n  }\n\n  const scores = scoresData?.scores ?? [];\n\n  if (scores.length === 0) {\n    return <EmptyState titleSlot=\"No scores yet\" descriptionSlot=\"Score this trace to see results here.\" />;\n  }\n\n  return (\n    <div className=\"grid content-start gap-3\">\n      {scores.map(score => (\n        <TraceScoreCard key={score.id} score={score} onSelect={() => onScoreSelect(score.id)} />\n      ))}\n      <TraceScoresPagination pagination={scoresData?.pagination} onPageChange={setPage} />\n    </div>\n  );\n}\n\nfunction TraceScoreCard({ score, onSelect }: { score: ClientScoreRowData; onSelect: () => void }) {\n  const createdAt = new Date(score.createdAt);\n  const scorerName = String(score.scorer?.name || score.scorer?.id || 'Scorer');\n  const { Link, paths } = useLinkComponent();\n  const scorerHref = paths.scorerLink(score.scorerId, { scoreId: score.id });\n\n  return (\n    <MetricsKpiCard className=\"min-w-0\">\n      <button\n        type=\"button\"\n        onClick={onSelect}\n        aria-label={`Score ${getShortId(score.id)}`}\n        className=\"grid gap-1 text-left\"\n      >\n        <MetricsKpiCard.Label>{scorerName}</MetricsKpiCard.Label>\n        <MetricsKpiCard.Value>{String(score.score)}</MetricsKpiCard.Value>\n        <Txt as=\"span\" variant=\"meta\" tone=\"muted\" className=\"tabular-nums\">\n          <Txt as=\"span\" variant=\"meta\" font=\"mono\">\n            {getShortId(score.id)}\n          </Txt>{' '}\n          · {formatDate(createdAt, 'date-time-seconds')}\n        </Txt>\n      </button>\n      {score.reason && <TraceScoreReason reason={score.reason} />}\n      {scorerHref && (\n        <Button\n          render={<Link href={scorerHref} />}\n          variant=\"ghost\"\n          size=\"sm\"\n          className=\"-ml-2 justify-self-start\"\n          icon={<ExternalLinkIcon />}\n        >\n          Open scorer run\n        </Button>\n      )}\n    </MetricsKpiCard>\n  );\n}\n\nfunction TraceScoreReason({ reason }: { reason: string }) {\n  const [expanded, setExpanded] = useState(false);\n  const isLong = reason.length > REASON_PREVIEW_LENGTH;\n  const text = isLong && !expanded ? `${reason.slice(0, REASON_PREVIEW_LENGTH).trimEnd()}…` : reason;\n\n  return (\n    <Txt variant=\"caption\" tone=\"faint\">\n      {text}\n      {isLong && (\n        <>\n          {' '}\n          <button\n            type=\"button\"\n            onClick={() => setExpanded(value => !value)}\n            className={cn(quietTextHover, controlStateColorTransition, 'underline underline-offset-2')}\n          >\n            {expanded ? 'Read less' : 'Read more'}\n          </button>\n        </>\n      )}\n    </Txt>\n  );\n}\n\nfunction TraceScoresPagination({\n  pagination,\n  onPageChange,\n}: {\n  pagination?: ListScoresResponse['pagination'];\n  onPageChange: (page: number) => void;\n}) {\n  const currentPage = pagination?.page ?? 0;\n  if (currentPage === 0 && !pagination?.hasMore) return null;\n\n  return (\n    <DataList.Pagination\n      currentPage={currentPage}\n      hasMore={pagination?.hasMore}\n      onNextPage={() => onPageChange(currentPage + 1)}\n      onPrevPage={() => onPageChange(currentPage - 1)}\n    />\n  );\n}\n"],"names":["useState","useTraceSpanScores","jsx","Spinner","EmptyState","jsxs","useLinkComponent","MetricsKpiCard","getShortId","Txt","formatDate","Button","ExternalLinkIcon","Fragment","cn","quietTextHover","controlStateColorTransition","DataList"],"mappings":"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"}

package/dist/domains/scores/components/trace-scores-tab.es.js

@@ -3,7 +3,8 @@ import { ExternalLinkIcon } from 'lucide-react';
 import { useState } from 'react';
 import { useTraceSpanScores } from '../hooks/use-trace-span-scores.es.js';
 import { B as Button } from '../../../Button-D43ghVKt.js';
-import { D as DataList } from '../../../data-list-CyeD_u-6.js';
+import { D as DataList } from '../../../data-list-CEIYm7FY.js';
+import '../../../keyboard/keyboard-shortcuts-context.es.js';
 import { E as EmptyState } from '../../../EmptyState-DyyUFpzY.js';
 import { M as MetricsKpiCard } from '../../../metrics-kpi-card-CiB88L41.js';
 import { S as Spinner } from '../../../spinner-ylbE0TJA.js';

package/dist/domains/scores/components/trace-scores-tab.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"trace-scores-tab.es.js","sources":["../../../../src/domains/scores/components/trace-scores-tab.tsx"],"sourcesContent":["import type { ClientScoreRowData, ListScoresResponse } from '@mastra/client-js';\nimport { ExternalLinkIcon } from 'lucide-react';\nimport { useState } from 'react';\nimport { useTraceSpanScores } from '../hooks/use-trace-span-scores';\nimport { Button } from '@/ds/components/Button';\nimport { DataList } from '@/ds/components/DataList';\nimport { EmptyState } from '@/ds/components/EmptyState';\nimport { MetricsKpiCard } from '@/ds/components/MetricsKpiCard';\nimport { Spinner } from '@/ds/components/Spinner';\nimport { getShortId } from '@/ds/components/Text';\nimport { Txt } from '@/ds/components/Txt';\nimport { controlStateColorTransition } from '@/ds/primitives/transitions';\nimport { quietTextHover } from '@/ds/primitives/typography';\nimport { useLinkComponent } from '@/lib/framework';\nimport { cn } from '@/utils/cn';\nimport { formatDate } from '@/utils/date-format';\n\nconst REASON_PREVIEW_LENGTH = 100;\n\nexport type TraceScoresTabProps = {\n  traceId: string;\n  spanId: string;\n  onScoreSelect: (scoreId: string) => void;\n};\n\n/**\n * Scores for the trace's anchor span, one card per scoring. Owns its own pagination:\n * mount it with a `key` on the trace/anchor pair so a page index never leaks across traces.\n */\nexport function TraceScoresTab({ traceId, spanId, onScoreSelect }: TraceScoresTabProps) {\n  const [page, setPage] = useState(0);\n  const { data: scoresData, isLoading } = useTraceSpanScores({ traceId, spanId, page });\n\n  if (isLoading) {\n    return (\n      <div className=\"flex justify-center py-6\">\n        <Spinner size=\"md\" variant=\"pulse\" className=\"text-placeholder\" />\n      </div>\n    );\n  }\n\n  const scores = scoresData?.scores ?? [];\n\n  if (scores.length === 0) {\n    return <EmptyState titleSlot=\"No scores yet\" descriptionSlot=\"Score this trace to see results here.\" />;\n  }\n\n  return (\n    <div className=\"grid content-start gap-3\">\n      {scores.map(score => (\n        <TraceScoreCard key={score.id} score={score} onSelect={() => onScoreSelect(score.id)} />\n      ))}\n      <TraceScoresPagination pagination={scoresData?.pagination} onPageChange={setPage} />\n    </div>\n  );\n}\n\nfunction TraceScoreCard({ score, onSelect }: { score: ClientScoreRowData; onSelect: () => void }) {\n  const createdAt = new Date(score.createdAt);\n  const scorerName = String(score.scorer?.name || score.scorer?.id || 'Scorer');\n  const { Link, paths } = useLinkComponent();\n  const scorerHref = paths.scorerLink(score.scorerId, { scoreId: score.id });\n\n  return (\n    <MetricsKpiCard className=\"min-w-0\">\n      <button\n        type=\"button\"\n        onClick={onSelect}\n        aria-label={`Score ${getShortId(score.id)}`}\n        className=\"grid gap-1 text-left\"\n      >\n        <MetricsKpiCard.Label>{scorerName}</MetricsKpiCard.Label>\n        <MetricsKpiCard.Value>{String(score.score)}</MetricsKpiCard.Value>\n        <Txt as=\"span\" variant=\"meta\" tone=\"muted\" className=\"tabular-nums\">\n          <Txt as=\"span\" variant=\"meta\" font=\"mono\">\n            {getShortId(score.id)}\n          </Txt>{' '}\n          · {formatDate(createdAt, 'date-time-seconds')}\n        </Txt>\n      </button>\n      {score.reason && <TraceScoreReason reason={score.reason} />}\n      {scorerHref && (\n        <Button\n          render={<Link href={scorerHref} />}\n          variant=\"ghost\"\n          size=\"sm\"\n          className=\"-ml-2 justify-self-start\"\n          icon={<ExternalLinkIcon />}\n        >\n          Open scorer run\n        </Button>\n      )}\n    </MetricsKpiCard>\n  );\n}\n\nfunction TraceScoreReason({ reason }: { reason: string }) {\n  const [expanded, setExpanded] = useState(false);\n  const isLong = reason.length > REASON_PREVIEW_LENGTH;\n  const text = isLong && !expanded ? `${reason.slice(0, REASON_PREVIEW_LENGTH).trimEnd()}…` : reason;\n\n  return (\n    <Txt variant=\"caption\" tone=\"faint\">\n      {text}\n      {isLong && (\n        <>\n          {' '}\n          <button\n            type=\"button\"\n            onClick={() => setExpanded(value => !value)}\n            className={cn(quietTextHover, controlStateColorTransition, 'underline underline-offset-2')}\n          >\n            {expanded ? 'Read less' : 'Read more'}\n          </button>\n        </>\n      )}\n    </Txt>\n  );\n}\n\nfunction TraceScoresPagination({\n  pagination,\n  onPageChange,\n}: {\n  pagination?: ListScoresResponse['pagination'];\n  onPageChange: (page: number) => void;\n}) {\n  const currentPage = pagination?.page ?? 0;\n  if (currentPage === 0 && !pagination?.hasMore) return null;\n\n  return (\n    <DataList.Pagination\n      currentPage={currentPage}\n      hasMore={pagination?.hasMore}\n      onNextPage={() => onPageChange(currentPage + 1)}\n      onPrevPage={() => onPageChange(currentPage - 1)}\n    />\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"trace-scores-tab.es.js","sources":["../../../../src/domains/scores/components/trace-scores-tab.tsx"],"sourcesContent":["import type { ClientScoreRowData, ListScoresResponse } from '@mastra/client-js';\nimport { ExternalLinkIcon } from 'lucide-react';\nimport { useState } from 'react';\nimport { useTraceSpanScores } from '../hooks/use-trace-span-scores';\nimport { Button } from '@/ds/components/Button';\nimport { DataList } from '@/ds/components/DataList';\nimport { EmptyState } from '@/ds/components/EmptyState';\nimport { MetricsKpiCard } from '@/ds/components/MetricsKpiCard';\nimport { Spinner } from '@/ds/components/Spinner';\nimport { getShortId } from '@/ds/components/Text';\nimport { Txt } from '@/ds/components/Txt';\nimport { controlStateColorTransition } from '@/ds/primitives/transitions';\nimport { quietTextHover } from '@/ds/primitives/typography';\nimport { useLinkComponent } from '@/lib/framework';\nimport { cn } from '@/utils/cn';\nimport { formatDate } from '@/utils/date-format';\n\nconst REASON_PREVIEW_LENGTH = 100;\n\nexport type TraceScoresTabProps = {\n  traceId: string;\n  spanId: string;\n  onScoreSelect: (scoreId: string) => void;\n};\n\n/**\n * Scores for the trace's anchor span, one card per scoring. Owns its own pagination:\n * mount it with a `key` on the trace/anchor pair so a page index never leaks across traces.\n */\nexport function TraceScoresTab({ traceId, spanId, onScoreSelect }: TraceScoresTabProps) {\n  const [page, setPage] = useState(0);\n  const { data: scoresData, isLoading } = useTraceSpanScores({ traceId, spanId, page });\n\n  if (isLoading) {\n    return (\n      <div className=\"flex justify-center py-6\">\n        <Spinner size=\"md\" variant=\"pulse\" className=\"text-placeholder\" />\n      </div>\n    );\n  }\n\n  const scores = scoresData?.scores ?? [];\n\n  if (scores.length === 0) {\n    return <EmptyState titleSlot=\"No scores yet\" descriptionSlot=\"Score this trace to see results here.\" />;\n  }\n\n  return (\n    <div className=\"grid content-start gap-3\">\n      {scores.map(score => (\n        <TraceScoreCard key={score.id} score={score} onSelect={() => onScoreSelect(score.id)} />\n      ))}\n      <TraceScoresPagination pagination={scoresData?.pagination} onPageChange={setPage} />\n    </div>\n  );\n}\n\nfunction TraceScoreCard({ score, onSelect }: { score: ClientScoreRowData; onSelect: () => void }) {\n  const createdAt = new Date(score.createdAt);\n  const scorerName = String(score.scorer?.name || score.scorer?.id || 'Scorer');\n  const { Link, paths } = useLinkComponent();\n  const scorerHref = paths.scorerLink(score.scorerId, { scoreId: score.id });\n\n  return (\n    <MetricsKpiCard className=\"min-w-0\">\n      <button\n        type=\"button\"\n        onClick={onSelect}\n        aria-label={`Score ${getShortId(score.id)}`}\n        className=\"grid gap-1 text-left\"\n      >\n        <MetricsKpiCard.Label>{scorerName}</MetricsKpiCard.Label>\n        <MetricsKpiCard.Value>{String(score.score)}</MetricsKpiCard.Value>\n        <Txt as=\"span\" variant=\"meta\" tone=\"muted\" className=\"tabular-nums\">\n          <Txt as=\"span\" variant=\"meta\" font=\"mono\">\n            {getShortId(score.id)}\n          </Txt>{' '}\n          · {formatDate(createdAt, 'date-time-seconds')}\n        </Txt>\n      </button>\n      {score.reason && <TraceScoreReason reason={score.reason} />}\n      {scorerHref && (\n        <Button\n          render={<Link href={scorerHref} />}\n          variant=\"ghost\"\n          size=\"sm\"\n          className=\"-ml-2 justify-self-start\"\n          icon={<ExternalLinkIcon />}\n        >\n          Open scorer run\n        </Button>\n      )}\n    </MetricsKpiCard>\n  );\n}\n\nfunction TraceScoreReason({ reason }: { reason: string }) {\n  const [expanded, setExpanded] = useState(false);\n  const isLong = reason.length > REASON_PREVIEW_LENGTH;\n  const text = isLong && !expanded ? `${reason.slice(0, REASON_PREVIEW_LENGTH).trimEnd()}…` : reason;\n\n  return (\n    <Txt variant=\"caption\" tone=\"faint\">\n      {text}\n      {isLong && (\n        <>\n          {' '}\n          <button\n            type=\"button\"\n            onClick={() => setExpanded(value => !value)}\n            className={cn(quietTextHover, controlStateColorTransition, 'underline underline-offset-2')}\n          >\n            {expanded ? 'Read less' : 'Read more'}\n          </button>\n        </>\n      )}\n    </Txt>\n  );\n}\n\nfunction TraceScoresPagination({\n  pagination,\n  onPageChange,\n}: {\n  pagination?: ListScoresResponse['pagination'];\n  onPageChange: (page: number) => void;\n}) {\n  const currentPage = pagination?.page ?? 0;\n  if (currentPage === 0 && !pagination?.hasMore) return null;\n\n  return (\n    <DataList.Pagination\n      currentPage={currentPage}\n      hasMore={pagination?.hasMore}\n      onNextPage={() => onPageChange(currentPage + 1)}\n      onPrevPage={() => onPageChange(currentPage - 1)}\n    />\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/domains/scores/hooks/use-scorers.cjs.js

@@ -10,7 +10,7 @@ const utils_queryUtils = require('../../../utils/query-utils.cjs.js');
 const toast = require('../../../toast-nm-fM7BR.cjs');
 
 const SCORES_PER_PAGE = 25;
-const SCORES_REFETCH_INTERVAL_MS = 5e3;
+const SCORES_REFETCH_INTERVAL_MS = 15e3;
 function getScoresRefetchInterval(query) {
   if (utils_queryUtils.isUnsupportedObservabilityOperationError(query.state.error, "scores") || utils_queryUtils.isObservabilityUnavailableError(query.state.error)) {
     return false;

package/dist/domains/scores/hooks/use-scorers.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-scorers.cjs.js","sources":["../../../../src/domains/scores/hooks/use-scorers.ts"],"sourcesContent":["import type { GetScorerResponse, ListScoresResponse } from '@mastra/client-js';\nimport { useMastraClient } from '@mastra/react';\nimport { useInfiniteQuery, useQuery } from '@tanstack/react-query';\nimport { useEffect, useState } from 'react';\nimport { useInView } from '@/hooks/use-in-view';\nimport { isObservabilityUnavailableError, isUnsupportedObservabilityOperationError } from '@/utils/query-utils';\nimport { toast } from '@/utils/toast';\n\nconst SCORES_PER_PAGE = 25;\nconst SCORES_REFETCH_INTERVAL_MS = 5000;\n\nexport function getScoresRefetchInterval(query: { state: { error: unknown } }) {\n  if (\n    isUnsupportedObservabilityOperationError(query.state.error, 'scores') ||\n    isObservabilityUnavailableError(query.state.error)\n  ) {\n    return false;\n  }\n  return SCORES_REFETCH_INTERVAL_MS;\n}\n\ntype UseScoresByScorerIdProps = {\n  scorerId: string;\n  entityId?: string;\n  entityType?: string;\n};\n\nfunction getScoresNextPageParam(lastPage: ListScoresResponse | undefined, _allPages: unknown, lastPageParam: number) {\n  if (lastPage?.pagination?.hasMore) {\n    return lastPageParam + 1;\n  }\n  return undefined;\n}\n\nfunction selectFlatScores(data: { pages: ListScoresResponse[] }) {\n  const seen = new Set<string>();\n  const scores = data.pages\n    .flatMap(page => page.scores ?? [])\n    .filter(score => {\n      if (seen.has(score.id)) return false;\n      seen.add(score.id);\n      return true;\n    });\n  return scores;\n}\n\nexport const useScoresByScorerId = ({ scorerId, entityId, entityType }: UseScoresByScorerIdProps) => {\n  const client = useMastraClient();\n  const { inView: isEndOfListInView, setRef: setEndOfListElement } = useInView();\n\n  const query = useInfiniteQuery<\n    ListScoresResponse,\n    Error,\n    ReturnType<typeof selectFlatScores>,\n    readonly unknown[],\n    number\n  >({\n    queryKey: ['scores', scorerId, entityId, entityType],\n    queryFn: ({ pageParam }) =>\n      client.listScoresByScorerId({ scorerId, page: pageParam, perPage: SCORES_PER_PAGE, entityId, entityType }),\n    initialPageParam: 0,\n    getNextPageParam: getScoresNextPageParam,\n    select: selectFlatScores,\n    refetchInterval: getScoresRefetchInterval,\n  });\n\n  const { hasNextPage, isFetchingNextPage, fetchNextPage } = query;\n\n  useEffect(() => {\n    if (isEndOfListInView && hasNextPage && !isFetchingNextPage) {\n      void fetchNextPage();\n    }\n  }, [isEndOfListInView, hasNextPage, isFetchingNextPage, fetchNextPage]);\n\n  return { ...query, setEndOfListElement };\n};\n\nexport const useScorer = (scorerId: string) => {\n  const client = useMastraClient();\n  const [scorer, setScorer] = useState<GetScorerResponse | null>(null);\n  const [isLoading, setIsLoading] = useState(true);\n  const [error, setError] = useState<Error | null>(null);\n\n  useEffect(() => {\n    const fetchScorer = async () => {\n      setIsLoading(true);\n      setError(null);\n      try {\n        const res = await client.getScorer(scorerId);\n        setScorer(res);\n      } catch (error) {\n        setScorer(null);\n        const errorObj = error instanceof Error ? error : new Error('Error fetching scorer');\n        setError(errorObj);\n        console.error('Error fetching scorer', error);\n        toast.error('Error fetching scorer');\n      } finally {\n        setIsLoading(false);\n      }\n    };\n\n    void fetchScorer();\n  }, [scorerId, client]);\n\n  return { scorer, isLoading, error };\n};\n\nexport const useScorers = (options?: { enabled?: boolean; requestContext?: Record<string, unknown> }) => {\n  const client = useMastraClient();\n  const requestContext = options?.requestContext;\n\n  return useQuery({\n    queryKey: ['scorers', requestContext],\n    queryFn: () => client.listScorers(requestContext),\n    staleTime: 0,\n    gcTime: 0,\n    enabled: options?.enabled ?? true,\n  });\n};\n"],"names":["isUnsupportedObservabilityOperationError","isObservabilityUnavailableError","useMastraClient","useInView","useInfiniteQuery","useEffect","useState","error","toast","useQuery"],"mappings":"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"}
+{"version":3,"file":"use-scorers.cjs.js","sources":["../../../../src/domains/scores/hooks/use-scorers.ts"],"sourcesContent":["import type { GetScorerResponse, ListScoresResponse } from '@mastra/client-js';\nimport { useMastraClient } from '@mastra/react';\nimport { useInfiniteQuery, useQuery } from '@tanstack/react-query';\nimport { useEffect, useState } from 'react';\nimport { useInView } from '@/hooks/use-in-view';\nimport { isObservabilityUnavailableError, isUnsupportedObservabilityOperationError } from '@/utils/query-utils';\nimport { toast } from '@/utils/toast';\n\nconst SCORES_PER_PAGE = 25;\nconst SCORES_REFETCH_INTERVAL_MS = 15_000;\n\nexport function getScoresRefetchInterval(query: { state: { error: unknown } }) {\n  if (\n    isUnsupportedObservabilityOperationError(query.state.error, 'scores') ||\n    isObservabilityUnavailableError(query.state.error)\n  ) {\n    return false;\n  }\n  return SCORES_REFETCH_INTERVAL_MS;\n}\n\ntype UseScoresByScorerIdProps = {\n  scorerId: string;\n  entityId?: string;\n  entityType?: string;\n};\n\nfunction getScoresNextPageParam(lastPage: ListScoresResponse | undefined, _allPages: unknown, lastPageParam: number) {\n  if (lastPage?.pagination?.hasMore) {\n    return lastPageParam + 1;\n  }\n  return undefined;\n}\n\nfunction selectFlatScores(data: { pages: ListScoresResponse[] }) {\n  const seen = new Set<string>();\n  const scores = data.pages\n    .flatMap(page => page.scores ?? [])\n    .filter(score => {\n      if (seen.has(score.id)) return false;\n      seen.add(score.id);\n      return true;\n    });\n  return scores;\n}\n\nexport const useScoresByScorerId = ({ scorerId, entityId, entityType }: UseScoresByScorerIdProps) => {\n  const client = useMastraClient();\n  const { inView: isEndOfListInView, setRef: setEndOfListElement } = useInView();\n\n  const query = useInfiniteQuery<\n    ListScoresResponse,\n    Error,\n    ReturnType<typeof selectFlatScores>,\n    readonly unknown[],\n    number\n  >({\n    queryKey: ['scores', scorerId, entityId, entityType],\n    queryFn: ({ pageParam }) =>\n      client.listScoresByScorerId({ scorerId, page: pageParam, perPage: SCORES_PER_PAGE, entityId, entityType }),\n    initialPageParam: 0,\n    getNextPageParam: getScoresNextPageParam,\n    select: selectFlatScores,\n    refetchInterval: getScoresRefetchInterval,\n  });\n\n  const { hasNextPage, isFetchingNextPage, fetchNextPage } = query;\n\n  useEffect(() => {\n    if (isEndOfListInView && hasNextPage && !isFetchingNextPage) {\n      void fetchNextPage();\n    }\n  }, [isEndOfListInView, hasNextPage, isFetchingNextPage, fetchNextPage]);\n\n  return { ...query, setEndOfListElement };\n};\n\nexport const useScorer = (scorerId: string) => {\n  const client = useMastraClient();\n  const [scorer, setScorer] = useState<GetScorerResponse | null>(null);\n  const [isLoading, setIsLoading] = useState(true);\n  const [error, setError] = useState<Error | null>(null);\n\n  useEffect(() => {\n    const fetchScorer = async () => {\n      setIsLoading(true);\n      setError(null);\n      try {\n        const res = await client.getScorer(scorerId);\n        setScorer(res);\n      } catch (error) {\n        setScorer(null);\n        const errorObj = error instanceof Error ? error : new Error('Error fetching scorer');\n        setError(errorObj);\n        console.error('Error fetching scorer', error);\n        toast.error('Error fetching scorer');\n      } finally {\n        setIsLoading(false);\n      }\n    };\n\n    void fetchScorer();\n  }, [scorerId, client]);\n\n  return { scorer, isLoading, error };\n};\n\nexport const useScorers = (options?: { enabled?: boolean; requestContext?: Record<string, unknown> }) => {\n  const client = useMastraClient();\n  const requestContext = options?.requestContext;\n\n  return useQuery({\n    queryKey: ['scorers', requestContext],\n    queryFn: () => client.listScorers(requestContext),\n    staleTime: 0,\n    gcTime: 0,\n    enabled: options?.enabled ?? true,\n  });\n};\n"],"names":["isUnsupportedObservabilityOperationError","isObservabilityUnavailableError","useMastraClient","useInView","useInfiniteQuery","useEffect","useState","error","toast","useQuery"],"mappings":";;;;;;;;;;;AAQA,MAAM,eAAA,GAAkB,EAAA;AACxB,MAAM,0BAAA,GAA6B,IAAA;AAE5B,SAAS,yBAAyB,KAAA,EAAsC;AAC7E,EAAA,IACEA,yDAAA,CAAyC,KAAA,CAAM,KAAA,CAAM,KAAA,EAAO,QAAQ,KACpEC,gDAAA,CAAgC,KAAA,CAAM,KAAA,CAAM,KAAK,CAAA,EACjD;AACA,IAAA,OAAO,KAAA;AAAA,EACT;AACA,EAAA,OAAO,0BAAA;AACT;AAQA,SAAS,sBAAA,CAAuB,QAAA,EAA0C,SAAA,EAAoB,aAAA,EAAuB;AACnH,EAAA,IAAI,QAAA,EAAU,YAAY,OAAA,EAAS;AACjC,IAAA,OAAO,aAAA,GAAgB,CAAA;AAAA,EACzB;AACA,EAAA,OAAO,MAAA;AACT;AAEA,SAAS,iBAAiB,IAAA,EAAuC;AAC/D,EAAA,MAAM,IAAA,uBAAW,GAAA,EAAY;AAC7B,EAAA,MAAM,MAAA,GAAS,IAAA,CAAK,KAAA,CACjB,OAAA,CAAQ,CAAA,IAAA,KAAQ,IAAA,CAAK,MAAA,IAAU,EAAE,CAAA,CACjC,MAAA,CAAO,CAAA,KAAA,KAAS;AACf,IAAA,IAAI,IAAA,CAAK,GAAA,CAAI,KAAA,CAAM,EAAE,GAAG,OAAO,KAAA;AAC/B,IAAA,IAAA,CAAK,GAAA,CAAI,MAAM,EAAE,CAAA;AACjB,IAAA,OAAO,IAAA;AAAA,EACT,CAAC,CAAA;AACH,EAAA,OAAO,MAAA;AACT;AAEO,MAAM,sBAAsB,CAAC,EAAE,QAAA,EAAU,QAAA,EAAU,YAAW,KAAgC;AACnG,EAAA,MAAM,SAASC,qBAAA,EAAgB;AAC/B,EAAA,MAAM,EAAE,MAAA,EAAQ,iBAAA,EAAmB,MAAA,EAAQ,mBAAA,KAAwBC,yBAAA,EAAU;AAE7E,EAAA,MAAM,QAAQC,2BAAA,CAMZ;AAAA,IACA,QAAA,EAAU,CAAC,QAAA,EAAU,QAAA,EAAU,UAAU,UAAU,CAAA;AAAA,IACnD,OAAA,EAAS,CAAC,EAAE,SAAA,OACV,MAAA,CAAO,oBAAA,CAAqB,EAAE,QAAA,EAAU,MAAM,SAAA,EAAW,OAAA,EAAS,eAAA,EAAiB,QAAA,EAAU,YAAY,CAAA;AAAA,IAC3G,gBAAA,EAAkB,CAAA;AAAA,IAClB,gBAAA,EAAkB,sBAAA;AAAA,IAClB,MAAA,EAAQ,gBAAA;AAAA,IACR,eAAA,EAAiB;AAAA,GAClB,CAAA;AAED,EAAA,MAAM,EAAE,WAAA,EAAa,kBAAA,EAAoB,aAAA,EAAc,GAAI,KAAA;AAE3D,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,IAAI,iBAAA,IAAqB,WAAA,IAAe,CAAC,kBAAA,EAAoB;AAC3D,MAAA,KAAK,aAAA,EAAc;AAAA,IACrB;AAAA,EACF,GAAG,CAAC,iBAAA,EAAmB,WAAA,EAAa,kBAAA,EAAoB,aAAa,CAAC,CAAA;AAEtE,EAAA,OAAO,EAAE,GAAG,KAAA,EAAO,mBAAA,EAAoB;AACzC;AAEO,MAAM,SAAA,GAAY,CAAC,QAAA,KAAqB;AAC7C,EAAA,MAAM,SAASH,qBAAA,EAAgB;AAC/B,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAII,eAAmC,IAAI,CAAA;AACnE,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAIA,eAAS,IAAI,CAAA;AAC/C,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAIA,eAAuB,IAAI,CAAA;AAErD,EAAAD,eAAA,CAAU,MAAM;AACd,IAAA,MAAM,cAAc,YAAY;AAC9B,MAAA,YAAA,CAAa,IAAI,CAAA;AACjB,MAAA,QAAA,CAAS,IAAI,CAAA;AACb,MAAA,IAAI;AACF,QAAA,MAAM,GAAA,GAAM,MAAM,MAAA,CAAO,SAAA,CAAU,QAAQ,CAAA;AAC3C,QAAA,SAAA,CAAU,GAAG,CAAA;AAAA,MACf,SAASE,MAAAA,EAAO;AACd,QAAA,SAAA,CAAU,IAAI,CAAA;AACd,QAAA,MAAM,WAAWA,MAAAA,YAAiB,KAAA,GAAQA,MAAAA,GAAQ,IAAI,MAAM,uBAAuB,CAAA;AACnF,QAAA,QAAA,CAAS,QAAQ,CAAA;AACjB,QAAA,OAAA,CAAQ,KAAA,CAAM,yBAAyBA,MAAK,CAAA;AAC5C,QAAAC,WAAA,CAAM,MAAM,uBAAuB,CAAA;AAAA,MACrC,CAAA,SAAE;AACA,QAAA,YAAA,CAAa,KAAK,CAAA;AAAA,MACpB;AAAA,IACF,CAAA;AAEA,IAAA,KAAK,WAAA,EAAY;AAAA,EACnB,CAAA,EAAG,CAAC,QAAA,EAAU,MAAM,CAAC,CAAA;AAErB,EAAA,OAAO,EAAE,MAAA,EAAQ,SAAA,EAAW,KAAA,EAAM;AACpC;AAEO,MAAM,UAAA,GAAa,CAAC,OAAA,KAA8E;AACvG,EAAA,MAAM,SAASN,qBAAA,EAAgB;AAC/B,EAAA,MAAM,iBAAiB,OAAA,EAAS,cAAA;AAEhC,EAAA,OAAOO,mBAAA,CAAS;AAAA,IACd,QAAA,EAAU,CAAC,SAAA,EAAW,cAAc,CAAA;AAAA,IACpC,OAAA,EAAS,MAAM,MAAA,CAAO,WAAA,CAAY,cAAc,CAAA;AAAA,IAChD,SAAA,EAAW,CAAA;AAAA,IACX,MAAA,EAAQ,CAAA;AAAA,IACR,OAAA,EAAS,SAAS,OAAA,IAAW;AAAA,GAC9B,CAAA;AACH;;;;;;;"}

package/dist/domains/scores/hooks/use-scorers.es.js

@@ -6,7 +6,7 @@ import { isUnsupportedObservabilityOperationError, isObservabilityUnavailableErr
 import { t as toast } from '../../../toast-c5kCpyWt.js';
 
 const SCORES_PER_PAGE = 25;
-const SCORES_REFETCH_INTERVAL_MS = 5e3;
+const SCORES_REFETCH_INTERVAL_MS = 15e3;
 function getScoresRefetchInterval(query) {
   if (isUnsupportedObservabilityOperationError(query.state.error, "scores") || isObservabilityUnavailableError(query.state.error)) {
     return false;

package/dist/domains/scores/hooks/use-scorers.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-scorers.es.js","sources":["../../../../src/domains/scores/hooks/use-scorers.ts"],"sourcesContent":["import type { GetScorerResponse, ListScoresResponse } from '@mastra/client-js';\nimport { useMastraClient } from '@mastra/react';\nimport { useInfiniteQuery, useQuery } from '@tanstack/react-query';\nimport { useEffect, useState } from 'react';\nimport { useInView } from '@/hooks/use-in-view';\nimport { isObservabilityUnavailableError, isUnsupportedObservabilityOperationError } from '@/utils/query-utils';\nimport { toast } from '@/utils/toast';\n\nconst SCORES_PER_PAGE = 25;\nconst SCORES_REFETCH_INTERVAL_MS = 5000;\n\nexport function getScoresRefetchInterval(query: { state: { error: unknown } }) {\n  if (\n    isUnsupportedObservabilityOperationError(query.state.error, 'scores') ||\n    isObservabilityUnavailableError(query.state.error)\n  ) {\n    return false;\n  }\n  return SCORES_REFETCH_INTERVAL_MS;\n}\n\ntype UseScoresByScorerIdProps = {\n  scorerId: string;\n  entityId?: string;\n  entityType?: string;\n};\n\nfunction getScoresNextPageParam(lastPage: ListScoresResponse | undefined, _allPages: unknown, lastPageParam: number) {\n  if (lastPage?.pagination?.hasMore) {\n    return lastPageParam + 1;\n  }\n  return undefined;\n}\n\nfunction selectFlatScores(data: { pages: ListScoresResponse[] }) {\n  const seen = new Set<string>();\n  const scores = data.pages\n    .flatMap(page => page.scores ?? [])\n    .filter(score => {\n      if (seen.has(score.id)) return false;\n      seen.add(score.id);\n      return true;\n    });\n  return scores;\n}\n\nexport const useScoresByScorerId = ({ scorerId, entityId, entityType }: UseScoresByScorerIdProps) => {\n  const client = useMastraClient();\n  const { inView: isEndOfListInView, setRef: setEndOfListElement } = useInView();\n\n  const query = useInfiniteQuery<\n    ListScoresResponse,\n    Error,\n    ReturnType<typeof selectFlatScores>,\n    readonly unknown[],\n    number\n  >({\n    queryKey: ['scores', scorerId, entityId, entityType],\n    queryFn: ({ pageParam }) =>\n      client.listScoresByScorerId({ scorerId, page: pageParam, perPage: SCORES_PER_PAGE, entityId, entityType }),\n    initialPageParam: 0,\n    getNextPageParam: getScoresNextPageParam,\n    select: selectFlatScores,\n    refetchInterval: getScoresRefetchInterval,\n  });\n\n  const { hasNextPage, isFetchingNextPage, fetchNextPage } = query;\n\n  useEffect(() => {\n    if (isEndOfListInView && hasNextPage && !isFetchingNextPage) {\n      void fetchNextPage();\n    }\n  }, [isEndOfListInView, hasNextPage, isFetchingNextPage, fetchNextPage]);\n\n  return { ...query, setEndOfListElement };\n};\n\nexport const useScorer = (scorerId: string) => {\n  const client = useMastraClient();\n  const [scorer, setScorer] = useState<GetScorerResponse | null>(null);\n  const [isLoading, setIsLoading] = useState(true);\n  const [error, setError] = useState<Error | null>(null);\n\n  useEffect(() => {\n    const fetchScorer = async () => {\n      setIsLoading(true);\n      setError(null);\n      try {\n        const res = await client.getScorer(scorerId);\n        setScorer(res);\n      } catch (error) {\n        setScorer(null);\n        const errorObj = error instanceof Error ? error : new Error('Error fetching scorer');\n        setError(errorObj);\n        console.error('Error fetching scorer', error);\n        toast.error('Error fetching scorer');\n      } finally {\n        setIsLoading(false);\n      }\n    };\n\n    void fetchScorer();\n  }, [scorerId, client]);\n\n  return { scorer, isLoading, error };\n};\n\nexport const useScorers = (options?: { enabled?: boolean; requestContext?: Record<string, unknown> }) => {\n  const client = useMastraClient();\n  const requestContext = options?.requestContext;\n\n  return useQuery({\n    queryKey: ['scorers', requestContext],\n    queryFn: () => client.listScorers(requestContext),\n    staleTime: 0,\n    gcTime: 0,\n    enabled: options?.enabled ?? true,\n  });\n};\n"],"names":["error"],"mappings":"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"}
+{"version":3,"file":"use-scorers.es.js","sources":["../../../../src/domains/scores/hooks/use-scorers.ts"],"sourcesContent":["import type { GetScorerResponse, ListScoresResponse } from '@mastra/client-js';\nimport { useMastraClient } from '@mastra/react';\nimport { useInfiniteQuery, useQuery } from '@tanstack/react-query';\nimport { useEffect, useState } from 'react';\nimport { useInView } from '@/hooks/use-in-view';\nimport { isObservabilityUnavailableError, isUnsupportedObservabilityOperationError } from '@/utils/query-utils';\nimport { toast } from '@/utils/toast';\n\nconst SCORES_PER_PAGE = 25;\nconst SCORES_REFETCH_INTERVAL_MS = 15_000;\n\nexport function getScoresRefetchInterval(query: { state: { error: unknown } }) {\n  if (\n    isUnsupportedObservabilityOperationError(query.state.error, 'scores') ||\n    isObservabilityUnavailableError(query.state.error)\n  ) {\n    return false;\n  }\n  return SCORES_REFETCH_INTERVAL_MS;\n}\n\ntype UseScoresByScorerIdProps = {\n  scorerId: string;\n  entityId?: string;\n  entityType?: string;\n};\n\nfunction getScoresNextPageParam(lastPage: ListScoresResponse | undefined, _allPages: unknown, lastPageParam: number) {\n  if (lastPage?.pagination?.hasMore) {\n    return lastPageParam + 1;\n  }\n  return undefined;\n}\n\nfunction selectFlatScores(data: { pages: ListScoresResponse[] }) {\n  const seen = new Set<string>();\n  const scores = data.pages\n    .flatMap(page => page.scores ?? [])\n    .filter(score => {\n      if (seen.has(score.id)) return false;\n      seen.add(score.id);\n      return true;\n    });\n  return scores;\n}\n\nexport const useScoresByScorerId = ({ scorerId, entityId, entityType }: UseScoresByScorerIdProps) => {\n  const client = useMastraClient();\n  const { inView: isEndOfListInView, setRef: setEndOfListElement } = useInView();\n\n  const query = useInfiniteQuery<\n    ListScoresResponse,\n    Error,\n    ReturnType<typeof selectFlatScores>,\n    readonly unknown[],\n    number\n  >({\n    queryKey: ['scores', scorerId, entityId, entityType],\n    queryFn: ({ pageParam }) =>\n      client.listScoresByScorerId({ scorerId, page: pageParam, perPage: SCORES_PER_PAGE, entityId, entityType }),\n    initialPageParam: 0,\n    getNextPageParam: getScoresNextPageParam,\n    select: selectFlatScores,\n    refetchInterval: getScoresRefetchInterval,\n  });\n\n  const { hasNextPage, isFetchingNextPage, fetchNextPage } = query;\n\n  useEffect(() => {\n    if (isEndOfListInView && hasNextPage && !isFetchingNextPage) {\n      void fetchNextPage();\n    }\n  }, [isEndOfListInView, hasNextPage, isFetchingNextPage, fetchNextPage]);\n\n  return { ...query, setEndOfListElement };\n};\n\nexport const useScorer = (scorerId: string) => {\n  const client = useMastraClient();\n  const [scorer, setScorer] = useState<GetScorerResponse | null>(null);\n  const [isLoading, setIsLoading] = useState(true);\n  const [error, setError] = useState<Error | null>(null);\n\n  useEffect(() => {\n    const fetchScorer = async () => {\n      setIsLoading(true);\n      setError(null);\n      try {\n        const res = await client.getScorer(scorerId);\n        setScorer(res);\n      } catch (error) {\n        setScorer(null);\n        const errorObj = error instanceof Error ? error : new Error('Error fetching scorer');\n        setError(errorObj);\n        console.error('Error fetching scorer', error);\n        toast.error('Error fetching scorer');\n      } finally {\n        setIsLoading(false);\n      }\n    };\n\n    void fetchScorer();\n  }, [scorerId, client]);\n\n  return { scorer, isLoading, error };\n};\n\nexport const useScorers = (options?: { enabled?: boolean; requestContext?: Record<string, unknown> }) => {\n  const client = useMastraClient();\n  const requestContext = options?.requestContext;\n\n  return useQuery({\n    queryKey: ['scorers', requestContext],\n    queryFn: () => client.listScorers(requestContext),\n    staleTime: 0,\n    gcTime: 0,\n    enabled: options?.enabled ?? true,\n  });\n};\n"],"names":["error"],"mappings":"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"}

package/dist/domains/scores/hooks/use-trace-span-scores.cjs.js

@@ -6,7 +6,7 @@ const react = require('@mastra/react');
 const reactQuery = require('@tanstack/react-query');
 const utils_queryUtils = require('../../../utils/query-utils.cjs.js');
 
-const TRACE_SPAN_SCORES_REFETCH_INTERVAL_MS = 3e3;
+const TRACE_SPAN_SCORES_REFETCH_INTERVAL_MS = 15e3;
 function getTraceSpanScoresRefetchInterval(query) {
   if (utils_queryUtils.isUnsupportedObservabilityOperationError(query.state.error, "scores") || utils_queryUtils.isObservabilityUnavailableError(query.state.error)) {
     return false;

package/dist/domains/scores/hooks/use-trace-span-scores.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-trace-span-scores.cjs.js","sources":["../../../../src/domains/scores/hooks/use-trace-span-scores.ts"],"sourcesContent":["import { useMastraClient } from '@mastra/react';\nimport { useQuery } from '@tanstack/react-query';\nimport { isObservabilityUnavailableError, isUnsupportedObservabilityOperationError } from '@/utils/query-utils';\n\nconst TRACE_SPAN_SCORES_REFETCH_INTERVAL_MS = 3000;\n\nexport function getTraceSpanScoresRefetchInterval(query: { state: { error: unknown } }) {\n  if (\n    isUnsupportedObservabilityOperationError(query.state.error, 'scores') ||\n    isObservabilityUnavailableError(query.state.error)\n  ) {\n    return false;\n  }\n  return TRACE_SPAN_SCORES_REFETCH_INTERVAL_MS;\n}\n\ntype useTraceSpanScoresProps = {\n  traceId?: string;\n  spanId?: string;\n  page?: number;\n};\n\nexport const useTraceSpanScores = ({ traceId = '', spanId = '', page }: useTraceSpanScoresProps) => {\n  const client = useMastraClient();\n  return useQuery({\n    queryKey: ['trace-span-scores', traceId, spanId, page],\n    queryFn: () => client.listScoresBySpan({ traceId, spanId, page: page || 0, perPage: 10 }),\n    enabled: !!traceId && !!spanId,\n    refetchInterval: getTraceSpanScoresRefetchInterval,\n    gcTime: 0,\n    staleTime: 0,\n  });\n};\n"],"names":["isUnsupportedObservabilityOperationError","isObservabilityUnavailableError","useMastraClient","useQuery"],"mappings":";;;;;;;;AAIA,MAAM,qCAAA,GAAwC,GAAA;AAEvC,SAAS,kCAAkC,KAAA,EAAsC;AACtF,EAAA,IACEA,yDAAA,CAAyC,KAAA,CAAM,KAAA,CAAM,KAAA,EAAO,QAAQ,KACpEC,gDAAA,CAAgC,KAAA,CAAM,KAAA,CAAM,KAAK,CAAA,EACjD;AACA,IAAA,OAAO,KAAA;AAAA,EACT;AACA,EAAA,OAAO,qCAAA;AACT;AAQO,MAAM,kBAAA,GAAqB,CAAC,EAAE,OAAA,GAAU,IAAI,MAAA,GAAS,EAAA,EAAI,MAAK,KAA+B;AAClG,EAAA,MAAM,SAASC,qBAAA,EAAgB;AAC/B,EAAA,OAAOC,mBAAA,CAAS;AAAA,IACd,QAAA,EAAU,CAAC,mBAAA,EAAqB,OAAA,EAAS,QAAQ,IAAI,CAAA;AAAA,IACrD,OAAA,EAAS,MAAM,MAAA,CAAO,gBAAA,CAAiB,EAAE,OAAA,EAAS,MAAA,EAAQ,IAAA,EAAM,IAAA,IAAQ,CAAA,EAAG,OAAA,EAAS,EAAA,EAAI,CAAA;AAAA,IACxF,OAAA,EAAS,CAAC,CAAC,OAAA,IAAW,CAAC,CAAC,MAAA;AAAA,IACxB,eAAA,EAAiB,iCAAA;AAAA,IACjB,MAAA,EAAQ,CAAA;AAAA,IACR,SAAA,EAAW;AAAA,GACZ,CAAA;AACH;;;;;"}
+{"version":3,"file":"use-trace-span-scores.cjs.js","sources":["../../../../src/domains/scores/hooks/use-trace-span-scores.ts"],"sourcesContent":["import { useMastraClient } from '@mastra/react';\nimport { useQuery } from '@tanstack/react-query';\nimport { isObservabilityUnavailableError, isUnsupportedObservabilityOperationError } from '@/utils/query-utils';\n\nconst TRACE_SPAN_SCORES_REFETCH_INTERVAL_MS = 15_000;\n\nexport function getTraceSpanScoresRefetchInterval(query: { state: { error: unknown } }) {\n  if (\n    isUnsupportedObservabilityOperationError(query.state.error, 'scores') ||\n    isObservabilityUnavailableError(query.state.error)\n  ) {\n    return false;\n  }\n  return TRACE_SPAN_SCORES_REFETCH_INTERVAL_MS;\n}\n\ntype useTraceSpanScoresProps = {\n  traceId?: string;\n  spanId?: string;\n  page?: number;\n};\n\nexport const useTraceSpanScores = ({ traceId = '', spanId = '', page }: useTraceSpanScoresProps) => {\n  const client = useMastraClient();\n  return useQuery({\n    queryKey: ['trace-span-scores', traceId, spanId, page],\n    queryFn: () => client.listScoresBySpan({ traceId, spanId, page: page || 0, perPage: 10 }),\n    enabled: !!traceId && !!spanId,\n    refetchInterval: getTraceSpanScoresRefetchInterval,\n    gcTime: 0,\n    staleTime: 0,\n  });\n};\n"],"names":["isUnsupportedObservabilityOperationError","isObservabilityUnavailableError","useMastraClient","useQuery"],"mappings":";;;;;;;;AAIA,MAAM,qCAAA,GAAwC,IAAA;AAEvC,SAAS,kCAAkC,KAAA,EAAsC;AACtF,EAAA,IACEA,yDAAA,CAAyC,KAAA,CAAM,KAAA,CAAM,KAAA,EAAO,QAAQ,KACpEC,gDAAA,CAAgC,KAAA,CAAM,KAAA,CAAM,KAAK,CAAA,EACjD;AACA,IAAA,OAAO,KAAA;AAAA,EACT;AACA,EAAA,OAAO,qCAAA;AACT;AAQO,MAAM,kBAAA,GAAqB,CAAC,EAAE,OAAA,GAAU,IAAI,MAAA,GAAS,EAAA,EAAI,MAAK,KAA+B;AAClG,EAAA,MAAM,SAASC,qBAAA,EAAgB;AAC/B,EAAA,OAAOC,mBAAA,CAAS;AAAA,IACd,QAAA,EAAU,CAAC,mBAAA,EAAqB,OAAA,EAAS,QAAQ,IAAI,CAAA;AAAA,IACrD,OAAA,EAAS,MAAM,MAAA,CAAO,gBAAA,CAAiB,EAAE,OAAA,EAAS,MAAA,EAAQ,IAAA,EAAM,IAAA,IAAQ,CAAA,EAAG,OAAA,EAAS,EAAA,EAAI,CAAA;AAAA,IACxF,OAAA,EAAS,CAAC,CAAC,OAAA,IAAW,CAAC,CAAC,MAAA;AAAA,IACxB,eAAA,EAAiB,iCAAA;AAAA,IACjB,MAAA,EAAQ,CAAA;AAAA,IACR,SAAA,EAAW;AAAA,GACZ,CAAA;AACH;;;;;"}

package/dist/domains/scores/hooks/use-trace-span-scores.es.js

@@ -2,7 +2,7 @@ import { useMastraClient } from '@mastra/react';
 import { useQuery } from '@tanstack/react-query';
 import { isUnsupportedObservabilityOperationError, isObservabilityUnavailableError } from '../../../utils/query-utils.es.js';
 
-const TRACE_SPAN_SCORES_REFETCH_INTERVAL_MS = 3e3;
+const TRACE_SPAN_SCORES_REFETCH_INTERVAL_MS = 15e3;
 function getTraceSpanScoresRefetchInterval(query) {
   if (isUnsupportedObservabilityOperationError(query.state.error, "scores") || isObservabilityUnavailableError(query.state.error)) {
     return false;

package/dist/domains/scores/hooks/use-trace-span-scores.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-trace-span-scores.es.js","sources":["../../../../src/domains/scores/hooks/use-trace-span-scores.ts"],"sourcesContent":["import { useMastraClient } from '@mastra/react';\nimport { useQuery } from '@tanstack/react-query';\nimport { isObservabilityUnavailableError, isUnsupportedObservabilityOperationError } from '@/utils/query-utils';\n\nconst TRACE_SPAN_SCORES_REFETCH_INTERVAL_MS = 3000;\n\nexport function getTraceSpanScoresRefetchInterval(query: { state: { error: unknown } }) {\n  if (\n    isUnsupportedObservabilityOperationError(query.state.error, 'scores') ||\n    isObservabilityUnavailableError(query.state.error)\n  ) {\n    return false;\n  }\n  return TRACE_SPAN_SCORES_REFETCH_INTERVAL_MS;\n}\n\ntype useTraceSpanScoresProps = {\n  traceId?: string;\n  spanId?: string;\n  page?: number;\n};\n\nexport const useTraceSpanScores = ({ traceId = '', spanId = '', page }: useTraceSpanScoresProps) => {\n  const client = useMastraClient();\n  return useQuery({\n    queryKey: ['trace-span-scores', traceId, spanId, page],\n    queryFn: () => client.listScoresBySpan({ traceId, spanId, page: page || 0, perPage: 10 }),\n    enabled: !!traceId && !!spanId,\n    refetchInterval: getTraceSpanScoresRefetchInterval,\n    gcTime: 0,\n    staleTime: 0,\n  });\n};\n"],"names":[],"mappings":";;;;AAIA,MAAM,qCAAA,GAAwC,GAAA;AAEvC,SAAS,kCAAkC,KAAA,EAAsC;AACtF,EAAA,IACE,wCAAA,CAAyC,KAAA,CAAM,KAAA,CAAM,KAAA,EAAO,QAAQ,KACpE,+BAAA,CAAgC,KAAA,CAAM,KAAA,CAAM,KAAK,CAAA,EACjD;AACA,IAAA,OAAO,KAAA;AAAA,EACT;AACA,EAAA,OAAO,qCAAA;AACT;AAQO,MAAM,kBAAA,GAAqB,CAAC,EAAE,OAAA,GAAU,IAAI,MAAA,GAAS,EAAA,EAAI,MAAK,KAA+B;AAClG,EAAA,MAAM,SAAS,eAAA,EAAgB;AAC/B,EAAA,OAAO,QAAA,CAAS;AAAA,IACd,QAAA,EAAU,CAAC,mBAAA,EAAqB,OAAA,EAAS,QAAQ,IAAI,CAAA;AAAA,IACrD,OAAA,EAAS,MAAM,MAAA,CAAO,gBAAA,CAAiB,EAAE,OAAA,EAAS,MAAA,EAAQ,IAAA,EAAM,IAAA,IAAQ,CAAA,EAAG,OAAA,EAAS,EAAA,EAAI,CAAA;AAAA,IACxF,OAAA,EAAS,CAAC,CAAC,OAAA,IAAW,CAAC,CAAC,MAAA;AAAA,IACxB,eAAA,EAAiB,iCAAA;AAAA,IACjB,MAAA,EAAQ,CAAA;AAAA,IACR,SAAA,EAAW;AAAA,GACZ,CAAA;AACH;;;;"}
+{"version":3,"file":"use-trace-span-scores.es.js","sources":["../../../../src/domains/scores/hooks/use-trace-span-scores.ts"],"sourcesContent":["import { useMastraClient } from '@mastra/react';\nimport { useQuery } from '@tanstack/react-query';\nimport { isObservabilityUnavailableError, isUnsupportedObservabilityOperationError } from '@/utils/query-utils';\n\nconst TRACE_SPAN_SCORES_REFETCH_INTERVAL_MS = 15_000;\n\nexport function getTraceSpanScoresRefetchInterval(query: { state: { error: unknown } }) {\n  if (\n    isUnsupportedObservabilityOperationError(query.state.error, 'scores') ||\n    isObservabilityUnavailableError(query.state.error)\n  ) {\n    return false;\n  }\n  return TRACE_SPAN_SCORES_REFETCH_INTERVAL_MS;\n}\n\ntype useTraceSpanScoresProps = {\n  traceId?: string;\n  spanId?: string;\n  page?: number;\n};\n\nexport const useTraceSpanScores = ({ traceId = '', spanId = '', page }: useTraceSpanScoresProps) => {\n  const client = useMastraClient();\n  return useQuery({\n    queryKey: ['trace-span-scores', traceId, spanId, page],\n    queryFn: () => client.listScoresBySpan({ traceId, spanId, page: page || 0, perPage: 10 }),\n    enabled: !!traceId && !!spanId,\n    refetchInterval: getTraceSpanScoresRefetchInterval,\n    gcTime: 0,\n    staleTime: 0,\n  });\n};\n"],"names":[],"mappings":";;;;AAIA,MAAM,qCAAA,GAAwC,IAAA;AAEvC,SAAS,kCAAkC,KAAA,EAAsC;AACtF,EAAA,IACE,wCAAA,CAAyC,KAAA,CAAM,KAAA,CAAM,KAAA,EAAO,QAAQ,KACpE,+BAAA,CAAgC,KAAA,CAAM,KAAA,CAAM,KAAK,CAAA,EACjD;AACA,IAAA,OAAO,KAAA;AAAA,EACT;AACA,EAAA,OAAO,qCAAA;AACT;AAQO,MAAM,kBAAA,GAAqB,CAAC,EAAE,OAAA,GAAU,IAAI,MAAA,GAAS,EAAA,EAAI,MAAK,KAA+B;AAClG,EAAA,MAAM,SAAS,eAAA,EAAgB;AAC/B,EAAA,OAAO,QAAA,CAAS;AAAA,IACd,QAAA,EAAU,CAAC,mBAAA,EAAqB,OAAA,EAAS,QAAQ,IAAI,CAAA;AAAA,IACrD,OAAA,EAAS,MAAM,MAAA,CAAO,gBAAA,CAAiB,EAAE,OAAA,EAAS,MAAA,EAAQ,IAAA,EAAM,IAAA,IAAQ,CAAA,EAAG,OAAA,EAAS,EAAA,EAAI,CAAA;AAAA,IACxF,OAAA,EAAS,CAAC,CAAC,OAAA,IAAW,CAAC,CAAC,MAAA;AAAA,IACxB,eAAA,EAAiB,iCAAA;AAAA,IACjB,MAAA,EAAQ,CAAA;AAAA,IACR,SAAA,EAAW;AAAA,GACZ,CAAA;AACH;;;;"}

package/dist/domains/traces/components/feedback-thread.cjs.js

@@ -12,7 +12,7 @@ const Avatar = require('../../../Avatar-B3PwGdWv.cjs');
 const Button = require('../../../Button-CXhSUBxN.cjs');
 const comment = require('../../../comment-DWY6D0pZ.cjs');
 const dropdownMenu = require('../../../dropdown-menu-j2y37TL5.cjs');
-const inputGroup = require('../../../input-group-BRhBfeHC.cjs');
+const inputGroup = require('../../../input-group-BgCXLSRV.cjs');
 const Txt = require('../../../Txt-DPmEpNbp.cjs');
 const icons_Icon = require('../../../icons/Icon.cjs.js');
 const utils_dateFormat = require('../../../utils/date-format.cjs.js');

package/dist/domains/traces/components/feedback-thread.es.js

@@ -8,7 +8,7 @@ import { A as Avatar } from '../../../Avatar-bHcyExU7.js';
 import { B as Button } from '../../../Button-D43ghVKt.js';
 import { C as Comment, a as CommentItemTimestamp, b as CommentItemActions, c as CommentItemBody, d as CommentItem, e as CommentItemAvatar, f as CommentItemContent, g as CommentItemHeader, h as CommentList, i as CommentItemAuthor } from '../../../comment-DKWkzdMj.js';
 import { D as DropdownMenu } from '../../../dropdown-menu-DpEn6HwK.js';
-import { I as InputGroup, c as InputGroupInput, a as InputGroupAddon, b as InputGroupButton } from '../../../input-group-0G9ZX_cM.js';
+import { I as InputGroup, c as InputGroupInput, a as InputGroupAddon, b as InputGroupButton } from '../../../input-group-wzirc-1k.js';
 import { T as Txt } from '../../../Txt-BP1SRHmL.js';
 import { Icon } from '../../../icons/Icon.es.js';
 import { formatDate } from '../../../utils/date-format.es.js';

package/dist/domains/traces/components/span-data-panel-view.cjs.js

@@ -22,7 +22,7 @@ const domains_traces_components_spanSummaryDescription = require('./span-summary
 const domains_traces_components_spanTokenUsage = require('./span-token-usage.cjs.js');
 const domains_traces_components_traceIdButton = require('./trace-id-button.cjs.js');
 const dataKeysAndValues = require('../../../data-keys-and-values-DnpdW8zx.cjs');
-const dataPanel = require('../../../data-panel-D7Qk4iwZ.cjs');
+const dataPanel = require('../../../data-panel-o-QLWuFV.cjs');
 const Notice = require('../../../Notice-C4Tgmtgb.cjs');
 const tabsRoot = require('../../../tabs-root-C-ePF1y9.cjs');
 const tabsTab = require('../../../tabs-tab-BmIBFifi.cjs');

package/dist/domains/traces/components/span-data-panel-view.es.js

@@ -18,7 +18,7 @@ import { SpanSummaryDescription } from './span-summary-description.es.js';
 import { SpanTokenUsage } from './span-token-usage.es.js';
 import { TraceIdButton } from './trace-id-button.es.js';
 import { D as DataKeysAndValues } from '../../../data-keys-and-values-DiRlIt-N.js';
-import { D as DataPanel } from '../../../data-panel-DuLf5j8S.js';
+import { D as DataPanel } from '../../../data-panel-CbomKGJt.js';
 import { N as Notice } from '../../../Notice-B8RIClJD.js';
 import { a as Tabs, T as TabList } from '../../../tabs-root-lrZZ3KwH.js';
 import { T as Tab } from '../../../tabs-tab-DoPSW-1s.js';

package/dist/domains/traces/components/span-payload/span-error-renderer.cjs.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const observability = require('@mastra/core/observability');
 const domains_traces_components_spanPayload_spanPayloadJson = require('./span-payload-json.cjs.js');
-const domains_traces_components_spanPayload_spanPayloadTool = require('../../../../span-payload-primitives-D0mhsndj.cjs');
+const domains_traces_components_spanPayload_spanPayloadTool = require('../../../../span-payload-primitives-SkL3U9hR.cjs');
 const domains_traces_components_spanPayload_spanPayloadRegistry = require('./span-payload-registry.cjs.js');
 const dataKeysAndValues = require('../../../../data-keys-and-values-DnpdW8zx.cjs');
 const Notice = require('../../../../Notice-C4Tgmtgb.cjs');

package/dist/domains/traces/components/span-payload/span-error-renderer.es.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { describeSpanError } from '@mastra/core/observability';
 import { SpanPayloadJson } from './span-payload-json.es.js';
-import { c as SpanPayloadCollapsible } from '../../../../span-payload-primitives-DL1Kr0cu.js';
+import { c as SpanPayloadCollapsible } from '../../../../span-payload-primitives-CGamdu2t.js';
 import { asCoreSpan } from './span-payload-registry.es.js';
 import { D as DataKeysAndValues } from '../../../../data-keys-and-values-DiRlIt-N.js';
 import { N as Notice } from '../../../../Notice-B8RIClJD.js';

package/dist/domains/traces/components/span-payload/span-input-renderers.cjs.js

@@ -6,7 +6,7 @@ const jsxRuntime = require('react/jsx-runtime');
 const observability = require('@mastra/core/observability');
 const domains_traces_components_spanPayload_spanPayloadJson = require('./span-payload-json.cjs.js');
 const domains_traces_components_spanPayload_spanPayloadMessages = require('./span-payload-messages.cjs.js');
-const domains_traces_components_spanPayload_spanPayloadTool = require('../../../../span-payload-primitives-D0mhsndj.cjs');
+const domains_traces_components_spanPayload_spanPayloadTool = require('../../../../span-payload-primitives-SkL3U9hR.cjs');
 const domains_traces_components_spanPayload_spanPayloadProcessor = require('./span-payload-processor.cjs.js');
 const domains_traces_components_spanPayload_spanPayloadRegistry = require('./span-payload-registry.cjs.js');
 const Card = require('../../../../Card-BQsKHkyB.cjs');

package/dist/domains/traces/components/span-payload/span-input-renderers.es.js

@@ -2,7 +2,7 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { describeSpanInput } from '@mastra/core/observability';
 import { SpanPayloadJson } from './span-payload-json.es.js';
 import { SpanPayloadMessages } from './span-payload-messages.es.js';
-import { S as SpanPayloadField, a as SpanPayloadMarkdown } from '../../../../span-payload-primitives-DL1Kr0cu.js';
+import { S as SpanPayloadField, a as SpanPayloadMarkdown } from '../../../../span-payload-primitives-CGamdu2t.js';
 import { SpanPayloadProcessor } from './span-payload-processor.es.js';
 import { asCoreSpan, pickRenderer } from './span-payload-registry.es.js';
 import { C as Card, a as CardContent } from '../../../../Card-DVy0QS4m.js';

package/dist/domains/traces/components/span-payload/span-output-renderers.cjs.js

@@ -6,10 +6,10 @@ const jsxRuntime = require('react/jsx-runtime');
 const observability = require('@mastra/core/observability');
 const domains_traces_components_spanPayload_spanPayloadAttachment = require('./span-payload-attachment.cjs.js');
 const domains_traces_components_spanPayload_spanPayloadJson = require('./span-payload-json.cjs.js');
-const domains_traces_components_spanPayload_spanPayloadTool = require('../../../../span-payload-primitives-D0mhsndj.cjs');
+const domains_traces_components_spanPayload_spanPayloadTool = require('../../../../span-payload-primitives-SkL3U9hR.cjs');
 const domains_traces_components_spanPayload_spanPayloadProcessor = require('./span-payload-processor.cjs.js');
 const domains_traces_components_spanPayload_spanPayloadRegistry = require('./span-payload-registry.cjs.js');
-const reasoningActivity = require('../../../../reasoning-activity-BVviIdMe.cjs');
+const reasoningActivity = require('../../../../reasoning-activity-DaXMgyr3.cjs');
 const Card = require('../../../../Card-BQsKHkyB.cjs');
 const dataKeysAndValues = require('../../../../data-keys-and-values-DnpdW8zx.cjs');
 const inlineCode = require('../../../../inline-code-CSwG-x8D.cjs');