@perses-dev/tempo-plugin 0.55.0 → 0.57.0-beta.0

package/lib/cjs/plugins/tempo-trace-query/get-trace-data.js

@@ -17,14 +17,14 @@ Object.defineProperty(exports, "__esModule", {
 function _export(target, all) {
     for(var name in all)Object.defineProperty(target, name, {
         enumerable: true,
-        get: all[name]
+        get: Object.getOwnPropertyDescriptor(all, name).get
     });
 }
 _export(exports, {
-    getTraceData: function() {
+    get getTraceData () {
         return getTraceData;
     },
-    getUnixTimeRange: function() {
+    get getUnixTimeRange () {
         return getUnixTimeRange;
     }
 });
@@ -32,6 +32,7 @@ const _core = require("@perses-dev/core");
 const _pluginsystem = require("@perses-dev/plugin-system");
 const _datefns = require("date-fns");
 const _model = require("../../model");
+const _apitypes = require("../../model/api-types");
 function getUnixTimeRange(timeRange) {
     const { start, end } = timeRange;
     return {
@@ -53,21 +54,6 @@ const getTraceData = async (spec, context)=>{
     const listDatasourceSelectItems = await context.datasourceStore.listDatasourceSelectItems(_model.TEMPO_DATASOURCE_KIND);
     const datasourceSelector = (0, _pluginsystem.datasourceSelectValueToSelector)(spec.datasource, context.variableState, listDatasourceSelectItems) ?? defaultTempoDatasource;
     const client = await context.datasourceStore.getDatasourceClient(datasourceSelector);
-    const getQuery = ()=>{
-        const params = {
-            q: spec.query
-        };
-        // handle time range selection from UI drop down (e.g. last 5 minutes, last 1 hour )
-        if (context.absoluteTimeRange) {
-            const { start, end } = getUnixTimeRange(context.absoluteTimeRange);
-            params.start = start;
-            params.end = end;
-        }
-        if (spec.limit) {
-            params.limit = spec.limit;
-        }
-        return params;
-    };
     /**
    * determine type of query:
    * if the query is a valid traceId, fetch the trace by traceId
@@ -83,11 +69,37 @@ const getTraceData = async (spec, context)=>{
             }
         };
     } else {
-        const response = await client.searchWithFallback(getQuery());
+        const params = {
+            q: spec.query
+        };
+        // handle time range selection from UI drop down (e.g. last 5 minutes, last 1 hour )
+        if (context.absoluteTimeRange) {
+            const { start, end } = getUnixTimeRange(context.absoluteTimeRange);
+            params.start = start;
+            params.end = end;
+        }
+        // Fetch one more trace than requested.
+        // This way we can check if there are more traces available matching the search request, and show a notice to the user.
+        const limit = spec.limit ?? _apitypes.DEFAULT_SEARCH_LIMIT;
+        params.limit = limit + 1;
+        const response = await client.searchWithFallback(params);
+        const searchResult = parseSearchResponse(response);
+        const hasMoreResults = searchResult.length > limit;
+        const notices = [];
+        if (hasMoreResults) {
+            notices.push({
+                type: 'info',
+                message: 'Not all matching traces are currently displayed. Increase the result limit to view additional traces.'
+            });
+            // Remove the extra element, i.e. do not return more results than requested.
+            searchResult.splice(limit);
+        }
         return {
-            searchResult: parseSearchResponse(response),
+            searchResult,
             metadata: {
-                executedQueryString: spec.query
+                executedQueryString: spec.query,
+                hasMoreResults,
+                notices
             }
         };
     }
@@ -98,8 +110,7 @@ function parseTraceResponse(response) {
     };
     // Tempo returns Trace ID and Span ID base64-encoded.
     // The OTLP spec defines the encoding in the hex format:
-    // Spec: https://opentelemetry.io/docs/specs/otlp/#json-protobuf-encoding
-    // Example: https://github.com/open-telemetry/opentelemetry-proto/blob/v1.7.0/examples/trace.json
+    // Spec: https://opentelemetry.io/docs/specs/otel/trace/api/#retrieving-the-traceid-and-spanid
     // Therefore, let's convert it to hex encoding.
     for (const resourceSpan of trace.resourceSpans){
         for (const scopeSpan of resourceSpan.scopeSpans){
@@ -128,7 +139,7 @@ function parseTraceResponse(response) {
 }
 function base64ToHex(str) {
     try {
-        return atob(str).split('').map((char)=>char.charCodeAt(0).toString(16).padStart(2, '0').toUpperCase()).join('');
+        return atob(str).split('').map((char)=>char.charCodeAt(0).toString(16).padStart(2, '0')).join('');
     } catch  {
         return str;
     }

package/lib/cjs/test/mock-data.js

@@ -17,26 +17,26 @@ Object.defineProperty(exports, "__esModule", {
 function _export(target, all) {
     for(var name in all)Object.defineProperty(target, name, {
         enumerable: true,
-        get: all[name]
+        get: Object.getOwnPropertyDescriptor(all, name).get
     });
 }
 _export(exports, {
-    MOCK_SEARCH_RESPONSE_MIXED_VPARQUET3_AND_4: function() {
+    get MOCK_SEARCH_RESPONSE_MIXED_VPARQUET3_AND_4 () {
         return MOCK_SEARCH_RESPONSE_MIXED_VPARQUET3_AND_4;
     },
-    MOCK_SEARCH_RESPONSE_VPARQUET3: function() {
+    get MOCK_SEARCH_RESPONSE_VPARQUET3 () {
         return MOCK_SEARCH_RESPONSE_VPARQUET3;
     },
-    MOCK_SEARCH_RESPONSE_VPARQUET4: function() {
+    get MOCK_SEARCH_RESPONSE_VPARQUET4 () {
         return MOCK_SEARCH_RESPONSE_VPARQUET4;
     },
-    MOCK_TRACE_DATA_SEARCHRESULT: function() {
+    get MOCK_TRACE_DATA_SEARCHRESULT () {
         return MOCK_TRACE_DATA_SEARCHRESULT;
     },
-    MOCK_TRACE_RESPONSE: function() {
+    get MOCK_TRACE_RESPONSE () {
         return MOCK_TRACE_RESPONSE;
     },
-    MOCK_TRACE_RESPONSE_SMALL: function() {
+    get MOCK_TRACE_RESPONSE_SMALL () {
         return MOCK_TRACE_RESPONSE_SMALL;
     }
 });
@@ -2446,6 +2446,8 @@ const MOCK_TRACE_DATA_SEARCHRESULT = {
         }
     ],
     metadata: {
-        executedQueryString: 'duration > 900ms'
+        executedQueryString: 'duration > 900ms',
+        hasMoreResults: false,
+        notices: []
     }
 };

package/lib/components/AttributeFilters.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 // Copyright 2025 The Perses Authors
 // Licensed under the Apache License, Version 2.0 (the "License");
 // you may not use this file except in compliance with the License.
@@ -10,7 +11,6 @@
 // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 // See the License for the specific language governing permissions and
 // limitations under the License.
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useCallback, useEffect, useState } from 'react';
 import { Autocomplete, Checkbox, Stack, TextField } from '@mui/material';
 import { useTimeRange } from '@perses-dev/plugin-system';

package/lib/components/AttributeFilters.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/AttributeFilters.tsx"],"sourcesContent":["// Copyright 2025 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { ReactElement, SyntheticEvent, useCallback, useEffect, useState } from 'react';\nimport { Autocomplete, Checkbox, Stack, TextField, TextFieldProps } from '@mui/material';\nimport { useTimeRange } from '@perses-dev/plugin-system';\nimport { useQuery } from '@tanstack/react-query';\nimport { TempoClient } from '../model';\nimport { getUnixTimeRange } from '../plugins/tempo-trace-query/get-trace-data';\nimport { filterToTraceQL } from './filter/filter_to_traceql';\nimport { traceQLToFilter } from './filter/traceql_to_filter';\nimport { DurationField, Filter, splitByUnquotedWhitespace } from './filter/filter';\n\nconst statusOptions = ['unset', 'ok', 'error'];\n\nexport interface AttributeFiltersProps {\n  client?: TempoClient;\n  query: string;\n  setQuery: (x: string) => void;\n}\n\nexport function AttributeFilters(props: AttributeFiltersProps): ReactElement {\n  const { client, query, setQuery } = props;\n\n  const filter = traceQLToFilter(query);\n  const setFilter = (filter: Filter) => {\n    setQuery(filterToTraceQL(filter));\n  };\n\n  const { absoluteTimeRange } = useTimeRange();\n  const { start, end } = getUnixTimeRange(absoluteTimeRange);\n\n  const { data: serviceNameOptions } = useTagValues(\n    client,\n    'resource.service.name',\n    filterToTraceQL({ ...filter, serviceName: [] }),\n    start,\n    end\n  );\n  const { data: spanNameOptions } = useTagValues(\n    client,\n    'name',\n    filterToTraceQL({ ...filter, spanName: [] }),\n    start,\n    end\n  );\n\n  return (\n    <>\n      <StringAttributeFilter\n        label=\"Service Name\"\n        options={serviceNameOptions ?? []}\n        value={filter.serviceName}\n        setValue={(x) => setFilter({ ...filter, serviceName: x })}\n      />\n      <StringAttributeFilter\n        label=\"Span Name\"\n        options={spanNameOptions ?? []}\n        value={filter.spanName}\n        setValue={(x) => setFilter({ ...filter, spanName: x })}\n      />\n      <StringAttributeFilter\n        label=\"Status\"\n        width={210}\n        options={statusOptions ?? []}\n        value={filter.status}\n        setValue={(x) => setFilter({ ...filter, status: x })}\n      />\n      <DurationAttributeFilter\n        label=\"Trace Duration\"\n        value={filter.traceDuration}\n        setValue={(value) => setFilter({ ...filter, traceDuration: value })}\n      />\n      <CustomAttributesFilter\n        label=\"Custom Attributes\"\n        value={filter.customMatchers}\n        setValue={(value) => setFilter({ ...filter, customMatchers: value })}\n      />\n    </>\n  );\n}\n\ninterface StringAttributeFilterProps {\n  label: string;\n  width?: number;\n  options: string[];\n  value: string[];\n  setValue: (value: string[]) => void;\n}\n\nfunction StringAttributeFilter(props: StringAttributeFilterProps) {\n  const { label, width, options, value, setValue } = props;\n\n  return (\n    <Autocomplete\n      multiple\n      size=\"small\"\n      limitTags={1}\n      disableCloseOnSelect\n      value={value}\n      onChange={(_event: SyntheticEvent, newValue: string[]) => setValue(newValue)}\n      options={options}\n      renderOption={(props, option, { selected }) => {\n        const { key, ...optionProps } = props;\n        return (\n          <li key={key} {...optionProps}>\n            <Checkbox style={{ marginRight: 8 }} checked={selected} />\n            {option}\n          </li>\n        );\n      }}\n      renderInput={(params) => <TextField {...params} label={label} />}\n      // Reduce the size of the chips to make space for the <input> element, the +X text and the X button to avoid a line break.\n      // See https://github.com/mui/material-ui/issues/38835 for more details.\n      slotProps={{ chip: { sx: { maxWidth: 'calc(100% - 45px) !important' } } }}\n      // Reduce the size of the <input> field\n      sx={{ width: width ?? 250, '& input': { minWidth: '5px !important' } }}\n    />\n  );\n}\n\ninterface DurationAttributeFilterProps {\n  label: string;\n  value: DurationField;\n  setValue: (value: DurationField) => void;\n}\n\nfunction DurationAttributeFilter(props: DurationAttributeFilterProps) {\n  const { label, value, setValue } = props;\n  const { min, max } = value;\n\n  return (\n    <Stack direction=\"row\" gap={0.5}>\n      <DurationTextInput label={`Min ${label}`} value={min ?? ''} setValue={(min) => setValue({ min, max })} />\n      <DurationTextInput label={`Max ${label}`} value={max ?? ''} setValue={(max) => setValue({ min, max })} />\n    </Stack>\n  );\n}\n\nconst durationFormatRegex = /^([0-9]+\\.)?[0-9]+(ns|ms|s|m|h)$/;\n\ninterface DurationTextInputProps {\n  label: string;\n  value: string;\n  setValue: (value: string) => void;\n}\n\nfunction DurationTextInput(props: DurationTextInputProps) {\n  const { label, value, setValue } = props;\n\n  return (\n    <LazyTextInput\n      label={label}\n      size=\"small\"\n      value={value}\n      setValue={setValue}\n      validationRegex={durationFormatRegex}\n      validationFailedMessage=\"Invalid format. Accepted format e.g. 100ms, accepted units: ns, ms, s, m, h\"\n      sx={{ width: 150 }}\n    />\n  );\n}\n\ninterface CustomAttributesFilterProps {\n  label: string;\n  value: string[];\n  setValue: (value: string[]) => void;\n}\n\nfunction CustomAttributesFilter(props: CustomAttributesFilterProps) {\n  const { label, value, setValue } = props;\n\n  return (\n    <LazyTextInput\n      label={label}\n      size=\"small\"\n      placeholder='span.http.status_code=200 span.http.method=\"GET\"'\n      value={value.join(' ')}\n      setValue={(x) => setValue(splitByUnquotedWhitespace(x))}\n      sx={{ flexGrow: 1 }}\n    />\n  );\n}\n\ninterface LazyTextInputProps extends Omit<TextFieldProps, 'variant'> {\n  validationRegex?: RegExp;\n  validationFailedMessage?: string;\n  value: string;\n  setValue: (value: string) => void;\n}\n\n/** A <TextField> which calls props.setValue when the input field is blurred and the validation passes. */\nfunction LazyTextInput(props: LazyTextInputProps) {\n  const { validationRegex, validationFailedMessage, value, setValue, ...otherProps } = props;\n  const [draftValue, setDraftValue] = useState(value);\n  const isValidInput = draftValue == '' || validationRegex == undefined || validationRegex.test(draftValue);\n\n  useEffect(() => {\n    setDraftValue(value);\n  }, [value, setDraftValue]);\n\n  const handleChange = useCallback((event: React.ChangeEvent<HTMLInputElement>) => {\n    setDraftValue(event.target.value);\n  }, []);\n\n  const handleBlur = useCallback(() => {\n    if (isValidInput) {\n      setValue(draftValue);\n    }\n  }, [isValidInput, setValue, draftValue]);\n\n  return (\n    <TextField\n      {...otherProps}\n      error={!isValidInput}\n      helperText={isValidInput ? undefined : validationFailedMessage}\n      value={draftValue}\n      onChange={handleChange}\n      onBlur={handleBlur}\n    />\n  );\n}\n\nfunction useTagValues(client: TempoClient | undefined, tag: string, query: string, start?: number, end?: number) {\n  return useQuery({\n    queryKey: ['useTagValues', client, tag, query, start, end],\n    enabled: !!client,\n    queryFn: async function () {\n      if (!client) return;\n      const values = await client.searchTagValues({ tag, q: query, start, end });\n      return values.tagValues.map((tagValue) => tagValue.value ?? '').sort();\n    },\n    staleTime: 60 * 1000, // cache tag value response for 1m\n  });\n}\n"],"names":["useCallback","useEffect","useState","Autocomplete","Checkbox","Stack","TextField","useTimeRange","useQuery","getUnixTimeRange","filterToTraceQL","traceQLToFilter","splitByUnquotedWhitespace","statusOptions","AttributeFilters","props","client","query","setQuery","filter","setFilter","absoluteTimeRange","start","end","data","serviceNameOptions","useTagValues","serviceName","spanNameOptions","spanName","StringAttributeFilter","label","options","value","setValue","x","width","status","DurationAttributeFilter","traceDuration","CustomAttributesFilter","customMatchers","multiple","size","limitTags","disableCloseOnSelect","onChange","_event","newValue","renderOption","option","selected","key","optionProps","li","style","marginRight","checked","renderInput","params","slotProps","chip","sx","maxWidth","minWidth","min","max","direction","gap","DurationTextInput","durationFormatRegex","LazyTextInput","validationRegex","validationFailedMessage","placeholder","join","flexGrow","otherProps","draftValue","setDraftValue","isValidInput","undefined","test","handleChange","event","target","handleBlur","error","helperText","onBlur","tag","queryKey","enabled","queryFn","values","searchTagValues","q","tagValues","map","tagValue","sort","staleTime"],"mappings":"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"}
+{"version":3,"sources":["../../../src/components/AttributeFilters.tsx"],"sourcesContent":["// Copyright 2025 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { ReactElement, SyntheticEvent, useCallback, useEffect, useState } from 'react';\nimport { Autocomplete, Checkbox, Stack, TextField, TextFieldProps } from '@mui/material';\nimport { useTimeRange } from '@perses-dev/plugin-system';\nimport { useQuery } from '@tanstack/react-query';\nimport { TempoClient } from '../model';\nimport { getUnixTimeRange } from '../plugins/tempo-trace-query/get-trace-data';\nimport { filterToTraceQL } from './filter/filter_to_traceql';\nimport { traceQLToFilter } from './filter/traceql_to_filter';\nimport { DurationField, Filter, splitByUnquotedWhitespace } from './filter/filter';\n\nconst statusOptions = ['unset', 'ok', 'error'];\n\nexport interface AttributeFiltersProps {\n  client?: TempoClient;\n  query: string;\n  setQuery: (x: string) => void;\n}\n\nexport function AttributeFilters(props: AttributeFiltersProps): ReactElement {\n  const { client, query, setQuery } = props;\n\n  const filter = traceQLToFilter(query);\n  const setFilter = (filter: Filter) => {\n    setQuery(filterToTraceQL(filter));\n  };\n\n  const { absoluteTimeRange } = useTimeRange();\n  const { start, end } = getUnixTimeRange(absoluteTimeRange);\n\n  const { data: serviceNameOptions } = useTagValues(\n    client,\n    'resource.service.name',\n    filterToTraceQL({ ...filter, serviceName: [] }),\n    start,\n    end\n  );\n  const { data: spanNameOptions } = useTagValues(\n    client,\n    'name',\n    filterToTraceQL({ ...filter, spanName: [] }),\n    start,\n    end\n  );\n\n  return (\n    <>\n      <StringAttributeFilter\n        label=\"Service Name\"\n        options={serviceNameOptions ?? []}\n        value={filter.serviceName}\n        setValue={(x) => setFilter({ ...filter, serviceName: x })}\n      />\n      <StringAttributeFilter\n        label=\"Span Name\"\n        options={spanNameOptions ?? []}\n        value={filter.spanName}\n        setValue={(x) => setFilter({ ...filter, spanName: x })}\n      />\n      <StringAttributeFilter\n        label=\"Status\"\n        width={210}\n        options={statusOptions ?? []}\n        value={filter.status}\n        setValue={(x) => setFilter({ ...filter, status: x })}\n      />\n      <DurationAttributeFilter\n        label=\"Trace Duration\"\n        value={filter.traceDuration}\n        setValue={(value) => setFilter({ ...filter, traceDuration: value })}\n      />\n      <CustomAttributesFilter\n        label=\"Custom Attributes\"\n        value={filter.customMatchers}\n        setValue={(value) => setFilter({ ...filter, customMatchers: value })}\n      />\n    </>\n  );\n}\n\ninterface StringAttributeFilterProps {\n  label: string;\n  width?: number;\n  options: string[];\n  value: string[];\n  setValue: (value: string[]) => void;\n}\n\nfunction StringAttributeFilter(props: StringAttributeFilterProps) {\n  const { label, width, options, value, setValue } = props;\n\n  return (\n    <Autocomplete\n      multiple\n      size=\"small\"\n      limitTags={1}\n      disableCloseOnSelect\n      value={value}\n      onChange={(_event: SyntheticEvent, newValue: string[]) => setValue(newValue)}\n      options={options}\n      renderOption={(props, option, { selected }) => {\n        const { key, ...optionProps } = props;\n        return (\n          <li key={key} {...optionProps}>\n            <Checkbox style={{ marginRight: 8 }} checked={selected} />\n            {option}\n          </li>\n        );\n      }}\n      renderInput={(params) => <TextField {...params} label={label} />}\n      // Reduce the size of the chips to make space for the <input> element, the +X text and the X button to avoid a line break.\n      // See https://github.com/mui/material-ui/issues/38835 for more details.\n      slotProps={{ chip: { sx: { maxWidth: 'calc(100% - 45px) !important' } } }}\n      // Reduce the size of the <input> field\n      sx={{ width: width ?? 250, '& input': { minWidth: '5px !important' } }}\n    />\n  );\n}\n\ninterface DurationAttributeFilterProps {\n  label: string;\n  value: DurationField;\n  setValue: (value: DurationField) => void;\n}\n\nfunction DurationAttributeFilter(props: DurationAttributeFilterProps) {\n  const { label, value, setValue } = props;\n  const { min, max } = value;\n\n  return (\n    <Stack direction=\"row\" gap={0.5}>\n      <DurationTextInput label={`Min ${label}`} value={min ?? ''} setValue={(min) => setValue({ min, max })} />\n      <DurationTextInput label={`Max ${label}`} value={max ?? ''} setValue={(max) => setValue({ min, max })} />\n    </Stack>\n  );\n}\n\nconst durationFormatRegex = /^([0-9]+\\.)?[0-9]+(ns|ms|s|m|h)$/;\n\ninterface DurationTextInputProps {\n  label: string;\n  value: string;\n  setValue: (value: string) => void;\n}\n\nfunction DurationTextInput(props: DurationTextInputProps) {\n  const { label, value, setValue } = props;\n\n  return (\n    <LazyTextInput\n      label={label}\n      size=\"small\"\n      value={value}\n      setValue={setValue}\n      validationRegex={durationFormatRegex}\n      validationFailedMessage=\"Invalid format. Accepted format e.g. 100ms, accepted units: ns, ms, s, m, h\"\n      sx={{ width: 150 }}\n    />\n  );\n}\n\ninterface CustomAttributesFilterProps {\n  label: string;\n  value: string[];\n  setValue: (value: string[]) => void;\n}\n\nfunction CustomAttributesFilter(props: CustomAttributesFilterProps) {\n  const { label, value, setValue } = props;\n\n  return (\n    <LazyTextInput\n      label={label}\n      size=\"small\"\n      placeholder='span.http.status_code=200 span.http.method=\"GET\"'\n      value={value.join(' ')}\n      setValue={(x) => setValue(splitByUnquotedWhitespace(x))}\n      sx={{ flexGrow: 1 }}\n    />\n  );\n}\n\ninterface LazyTextInputProps extends Omit<TextFieldProps, 'variant'> {\n  validationRegex?: RegExp;\n  validationFailedMessage?: string;\n  value: string;\n  setValue: (value: string) => void;\n}\n\n/** A <TextField> which calls props.setValue when the input field is blurred and the validation passes. */\nfunction LazyTextInput(props: LazyTextInputProps) {\n  const { validationRegex, validationFailedMessage, value, setValue, ...otherProps } = props;\n  const [draftValue, setDraftValue] = useState(value);\n  const isValidInput = draftValue == '' || validationRegex == undefined || validationRegex.test(draftValue);\n\n  useEffect(() => {\n    setDraftValue(value);\n  }, [value, setDraftValue]);\n\n  const handleChange = useCallback((event: React.ChangeEvent<HTMLInputElement>) => {\n    setDraftValue(event.target.value);\n  }, []);\n\n  const handleBlur = useCallback(() => {\n    if (isValidInput) {\n      setValue(draftValue);\n    }\n  }, [isValidInput, setValue, draftValue]);\n\n  return (\n    <TextField\n      {...otherProps}\n      error={!isValidInput}\n      helperText={isValidInput ? undefined : validationFailedMessage}\n      value={draftValue}\n      onChange={handleChange}\n      onBlur={handleBlur}\n    />\n  );\n}\n\nfunction useTagValues(client: TempoClient | undefined, tag: string, query: string, start?: number, end?: number) {\n  return useQuery({\n    queryKey: ['useTagValues', client, tag, query, start, end],\n    enabled: !!client,\n    queryFn: async function () {\n      if (!client) return;\n      const values = await client.searchTagValues({ tag, q: query, start, end });\n      return values.tagValues.map((tagValue) => tagValue.value ?? '').sort();\n    },\n    staleTime: 60 * 1000, // cache tag value response for 1m\n  });\n}\n"],"names":["useCallback","useEffect","useState","Autocomplete","Checkbox","Stack","TextField","useTimeRange","useQuery","getUnixTimeRange","filterToTraceQL","traceQLToFilter","splitByUnquotedWhitespace","statusOptions","AttributeFilters","props","client","query","setQuery","filter","setFilter","absoluteTimeRange","start","end","data","serviceNameOptions","useTagValues","serviceName","spanNameOptions","spanName","StringAttributeFilter","label","options","value","setValue","x","width","status","DurationAttributeFilter","traceDuration","CustomAttributesFilter","customMatchers","multiple","size","limitTags","disableCloseOnSelect","onChange","_event","newValue","renderOption","option","selected","key","optionProps","li","style","marginRight","checked","renderInput","params","slotProps","chip","sx","maxWidth","minWidth","min","max","direction","gap","DurationTextInput","durationFormatRegex","LazyTextInput","validationRegex","validationFailedMessage","placeholder","join","flexGrow","otherProps","draftValue","setDraftValue","isValidInput","undefined","test","handleChange","event","target","handleBlur","error","helperText","onBlur","tag","queryKey","enabled","queryFn","values","searchTagValues","q","tagValues","map","tagValue","sort","staleTime"],"mappings":"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"}

package/lib/components/TraceQLEditor.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // Copyright 2025 The Perses Authors
 // Licensed under the Apache License, Version 2.0 (the "License");
 // you may not use this file except in compliance with the License.
@@ -10,7 +11,6 @@
 // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 // See the License for the specific language governing permissions and
 // limitations under the License.
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useMemo } from 'react';
 import { InputLabel, Stack, useTheme } from '@mui/material';
 import CodeMirror, { EditorView } from '@uiw/react-codemirror';

package/lib/components/TraceQLEditor.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/TraceQLEditor.tsx"],"sourcesContent":["// Copyright 2025 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { ReactElement, useMemo } from 'react';\nimport { InputLabel, Stack, useTheme } from '@mui/material';\nimport CodeMirror, { EditorView, ReactCodeMirrorProps } from '@uiw/react-codemirror';\nimport { isValidTraceId } from '@perses-dev/core';\nimport { useTimeRange } from '@perses-dev/plugin-system';\nimport { TempoClient } from '../model';\nimport { TraceQLExtension } from './TraceQLExtension';\n\nexport interface TraceQLEditorProps extends Omit<ReactCodeMirrorProps, 'theme' | 'extensions'> {\n  client?: TempoClient;\n}\n\nexport function TraceQLEditor({ client, ...rest }: TraceQLEditorProps): ReactElement {\n  const theme = useTheme();\n  const isDarkMode = theme.palette.mode === 'dark';\n\n  const { absoluteTimeRange } = useTimeRange();\n  const traceQLExtension = useMemo(() => {\n    return TraceQLExtension({ client, timeRange: absoluteTimeRange });\n  }, [client, absoluteTimeRange]);\n\n  const codemirrorTheme = useMemo(() => {\n    // https://github.com/mui/material-ui/blob/v5.16.7/packages/mui-material/src/OutlinedInput/OutlinedInput.js#L43\n    const borderColor = theme.palette.mode === 'light' ? 'rgba(0, 0, 0, 0.23)' : 'rgba(255, 255, 255, 0.23)';\n\n    return EditorView.theme({\n      '&': {\n        backgroundColor: 'transparent !important', // required for dark mode\n        border: `1px solid ${borderColor}`,\n        borderRadius: `${theme.shape.borderRadius}px`,\n      },\n      '&.cm-focused.cm-editor': {\n        outline: 'none', // remove dotted outline on focus\n      },\n      '.cm-content': {\n        padding: '8px',\n      },\n    });\n  }, [theme]);\n\n  return (\n    <Stack position=\"relative\" sx={{ flexGrow: 1 }}>\n      <InputLabel // reproduce the same kind of input label that regular MUI TextFields have\n        shrink\n        sx={{\n          position: 'absolute',\n          top: '-6px',\n          left: '10px',\n          padding: '0 4px',\n          color: theme.palette.text.primary,\n          backgroundColor: theme.palette.background.default,\n          zIndex: 1,\n        }}\n      >\n        TraceQL Expression\n      </InputLabel>\n      <CodeMirror\n        {...rest}\n        theme={isDarkMode ? 'dark' : 'light'}\n        basicSetup={{\n          lineNumbers: false,\n          highlightActiveLine: false,\n          highlightActiveLineGutter: false,\n          foldGutter: false,\n          // The explore view accepts either a TraceQL query or a Trace ID as input. The lezer grammar marks Trace IDs as invalid,\n          // therefore let's disable syntax highlighting if the input is a Trace ID.\n          syntaxHighlighting: !isValidTraceId(rest.value ?? ''),\n        }}\n        extensions={[EditorView.lineWrapping, traceQLExtension, codemirrorTheme]}\n        placeholder='Example: {span.http.method = \"GET\"}'\n      />\n    </Stack>\n  );\n}\n"],"names":["useMemo","InputLabel","Stack","useTheme","CodeMirror","EditorView","isValidTraceId","useTimeRange","TraceQLExtension","TraceQLEditor","client","rest","theme","isDarkMode","palette","mode","absoluteTimeRange","traceQLExtension","timeRange","codemirrorTheme","borderColor","backgroundColor","border","borderRadius","shape","outline","padding","position","sx","flexGrow","shrink","top","left","color","text","primary","background","default","zIndex","basicSetup","lineNumbers","highlightActiveLine","highlightActiveLineGutter","foldGutter","syntaxHighlighting","value","extensions","lineWrapping","placeholder"],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;;AAEjC,SAAuBA,OAAO,QAAQ,QAAQ;AAC9C,SAASC,UAAU,EAAEC,KAAK,EAAEC,QAAQ,QAAQ,gBAAgB;AAC5D,OAAOC,cAAcC,UAAU,QAA8B,wBAAwB;AACrF,SAASC,cAAc,QAAQ,mBAAmB;AAClD,SAASC,YAAY,QAAQ,4BAA4B;AAEzD,SAASC,gBAAgB,QAAQ,qBAAqB;AAMtD,OAAO,SAASC,cAAc,EAAEC,MAAM,EAAE,GAAGC,MAA0B;IACnE,MAAMC,QAAQT;IACd,MAAMU,aAAaD,MAAME,OAAO,CAACC,IAAI,KAAK;IAE1C,MAAM,EAAEC,iBAAiB,EAAE,GAAGT;IAC9B,MAAMU,mBAAmBjB,QAAQ;QAC/B,OAAOQ,iBAAiB;YAAEE;YAAQQ,WAAWF;QAAkB;IACjE,GAAG;QAACN;QAAQM;KAAkB;IAE9B,MAAMG,kBAAkBnB,QAAQ;QAC9B,+GAA+G;QAC/G,MAAMoB,cAAcR,MAAME,OAAO,CAACC,IAAI,KAAK,UAAU,wBAAwB;QAE7E,OAAOV,WAAWO,KAAK,CAAC;YACtB,KAAK;gBACHS,iBAAiB;gBACjBC,QAAQ,CAAC,UAAU,EAAEF,aAAa;gBAClCG,cAAc,GAAGX,MAAMY,KAAK,CAACD,YAAY,CAAC,EAAE,CAAC;YAC/C;YACA,0BAA0B;gBACxBE,SAAS;YACX;YACA,eAAe;gBACbC,SAAS;YACX;QACF;IACF,GAAG;QAACd;KAAM;IAEV,qBACE,MAACV;QAAMyB,UAAS;QAAWC,IAAI;YAAEC,UAAU;QAAE;;0BAC3C,KAAC5B,WAAW,0EAA0E;;gBACpF6B,MAAM;gBACNF,IAAI;oBACFD,UAAU;oBACVI,KAAK;oBACLC,MAAM;oBACNN,SAAS;oBACTO,OAAOrB,MAAME,OAAO,CAACoB,IAAI,CAACC,OAAO;oBACjCd,iBAAiBT,MAAME,OAAO,CAACsB,UAAU,CAACC,OAAO;oBACjDC,QAAQ;gBACV;0BACD;;0BAGD,KAAClC;gBACE,GAAGO,IAAI;gBACRC,OAAOC,aAAa,SAAS;gBAC7B0B,YAAY;oBACVC,aAAa;oBACbC,qBAAqB;oBACrBC,2BAA2B;oBAC3BC,YAAY;oBACZ,wHAAwH;oBACxH,0EAA0E;oBAC1EC,oBAAoB,CAACtC,eAAeK,KAAKkC,KAAK,IAAI;gBACpD;gBACAC,YAAY;oBAACzC,WAAW0C,YAAY;oBAAE9B;oBAAkBE;iBAAgB;gBACxE6B,aAAY;;;;AAIpB"}
+{"version":3,"sources":["../../../src/components/TraceQLEditor.tsx"],"sourcesContent":["// Copyright 2025 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { ReactElement, useMemo } from 'react';\nimport { InputLabel, Stack, useTheme } from '@mui/material';\nimport CodeMirror, { EditorView, ReactCodeMirrorProps } from '@uiw/react-codemirror';\nimport { isValidTraceId } from '@perses-dev/core';\nimport { useTimeRange } from '@perses-dev/plugin-system';\nimport { TempoClient } from '../model';\nimport { TraceQLExtension } from './TraceQLExtension';\n\nexport interface TraceQLEditorProps extends Omit<ReactCodeMirrorProps, 'theme' | 'extensions'> {\n  client?: TempoClient;\n}\n\nexport function TraceQLEditor({ client, ...rest }: TraceQLEditorProps): ReactElement {\n  const theme = useTheme();\n  const isDarkMode = theme.palette.mode === 'dark';\n\n  const { absoluteTimeRange } = useTimeRange();\n  const traceQLExtension = useMemo(() => {\n    return TraceQLExtension({ client, timeRange: absoluteTimeRange });\n  }, [client, absoluteTimeRange]);\n\n  const codemirrorTheme = useMemo(() => {\n    // https://github.com/mui/material-ui/blob/v5.16.7/packages/mui-material/src/OutlinedInput/OutlinedInput.js#L43\n    const borderColor = theme.palette.mode === 'light' ? 'rgba(0, 0, 0, 0.23)' : 'rgba(255, 255, 255, 0.23)';\n\n    return EditorView.theme({\n      '&': {\n        backgroundColor: 'transparent !important', // required for dark mode\n        border: `1px solid ${borderColor}`,\n        borderRadius: `${theme.shape.borderRadius}px`,\n      },\n      '&.cm-focused.cm-editor': {\n        outline: 'none', // remove dotted outline on focus\n      },\n      '.cm-content': {\n        padding: '8px',\n      },\n    });\n  }, [theme]);\n\n  return (\n    <Stack position=\"relative\" sx={{ flexGrow: 1 }}>\n      <InputLabel // reproduce the same kind of input label that regular MUI TextFields have\n        shrink\n        sx={{\n          position: 'absolute',\n          top: '-6px',\n          left: '10px',\n          padding: '0 4px',\n          color: theme.palette.text.primary,\n          backgroundColor: theme.palette.background.default,\n          zIndex: 1,\n        }}\n      >\n        TraceQL Expression\n      </InputLabel>\n      <CodeMirror\n        {...rest}\n        theme={isDarkMode ? 'dark' : 'light'}\n        basicSetup={{\n          lineNumbers: false,\n          highlightActiveLine: false,\n          highlightActiveLineGutter: false,\n          foldGutter: false,\n          // The explore view accepts either a TraceQL query or a Trace ID as input. The lezer grammar marks Trace IDs as invalid,\n          // therefore let's disable syntax highlighting if the input is a Trace ID.\n          syntaxHighlighting: !isValidTraceId(rest.value ?? ''),\n        }}\n        extensions={[EditorView.lineWrapping, traceQLExtension, codemirrorTheme]}\n        placeholder='Example: {span.http.method = \"GET\"}'\n      />\n    </Stack>\n  );\n}\n"],"names":["useMemo","InputLabel","Stack","useTheme","CodeMirror","EditorView","isValidTraceId","useTimeRange","TraceQLExtension","TraceQLEditor","client","rest","theme","isDarkMode","palette","mode","absoluteTimeRange","traceQLExtension","timeRange","codemirrorTheme","borderColor","backgroundColor","border","borderRadius","shape","outline","padding","position","sx","flexGrow","shrink","top","left","color","text","primary","background","default","zIndex","basicSetup","lineNumbers","highlightActiveLine","highlightActiveLineGutter","foldGutter","syntaxHighlighting","value","extensions","lineWrapping","placeholder"],"mappings":";AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,SAAuBA,OAAO,QAAQ,QAAQ;AAC9C,SAASC,UAAU,EAAEC,KAAK,EAAEC,QAAQ,QAAQ,gBAAgB;AAC5D,OAAOC,cAAcC,UAAU,QAA8B,wBAAwB;AACrF,SAASC,cAAc,QAAQ,mBAAmB;AAClD,SAASC,YAAY,QAAQ,4BAA4B;AAEzD,SAASC,gBAAgB,QAAQ,qBAAqB;AAMtD,OAAO,SAASC,cAAc,EAAEC,MAAM,EAAE,GAAGC,MAA0B;IACnE,MAAMC,QAAQT;IACd,MAAMU,aAAaD,MAAME,OAAO,CAACC,IAAI,KAAK;IAE1C,MAAM,EAAEC,iBAAiB,EAAE,GAAGT;IAC9B,MAAMU,mBAAmBjB,QAAQ;QAC/B,OAAOQ,iBAAiB;YAAEE;YAAQQ,WAAWF;QAAkB;IACjE,GAAG;QAACN;QAAQM;KAAkB;IAE9B,MAAMG,kBAAkBnB,QAAQ;QAC9B,+GAA+G;QAC/G,MAAMoB,cAAcR,MAAME,OAAO,CAACC,IAAI,KAAK,UAAU,wBAAwB;QAE7E,OAAOV,WAAWO,KAAK,CAAC;YACtB,KAAK;gBACHS,iBAAiB;gBACjBC,QAAQ,CAAC,UAAU,EAAEF,aAAa;gBAClCG,cAAc,GAAGX,MAAMY,KAAK,CAACD,YAAY,CAAC,EAAE,CAAC;YAC/C;YACA,0BAA0B;gBACxBE,SAAS;YACX;YACA,eAAe;gBACbC,SAAS;YACX;QACF;IACF,GAAG;QAACd;KAAM;IAEV,qBACE,MAACV;QAAMyB,UAAS;QAAWC,IAAI;YAAEC,UAAU;QAAE;;0BAC3C,KAAC5B,WAAW,0EAA0E;;gBACpF6B,MAAM;gBACNF,IAAI;oBACFD,UAAU;oBACVI,KAAK;oBACLC,MAAM;oBACNN,SAAS;oBACTO,OAAOrB,MAAME,OAAO,CAACoB,IAAI,CAACC,OAAO;oBACjCd,iBAAiBT,MAAME,OAAO,CAACsB,UAAU,CAACC,OAAO;oBACjDC,QAAQ;gBACV;0BACD;;0BAGD,KAAClC;gBACE,GAAGO,IAAI;gBACRC,OAAOC,aAAa,SAAS;gBAC7B0B,YAAY;oBACVC,aAAa;oBACbC,qBAAqB;oBACrBC,2BAA2B;oBAC3BC,YAAY;oBACZ,wHAAwH;oBACxH,0EAA0E;oBAC1EC,oBAAoB,CAACtC,eAAeK,KAAKkC,KAAK,IAAI;gBACpD;gBACAC,YAAY;oBAACzC,WAAW0C,YAAY;oBAAE9B;oBAAkBE;iBAAgB;gBACxE6B,aAAY;;;;AAIpB"}

package/lib/explore/TempoExplorer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TempoExplorer.d.ts","sourceRoot":"","sources":["../../../src/explore/TempoExplorer.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAmHrC,wBAAgB,aAAa,IAAI,YAAY,CAwC5C"}
+{"version":3,"file":"TempoExplorer.d.ts","sourceRoot":"","sources":["../../../src/explore/TempoExplorer.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAE,YAAY,EAAY,MAAM,OAAO,CAAC;AA0H/C,wBAAgB,aAAa,IAAI,YAAY,CA2C5C"}

package/lib/explore/TempoExplorer.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 // Copyright 2024 The Perses Authors
 // Licensed under the Apache License, Version 2.0 (the "License");
 // you may not use this file except in compliance with the License.
@@ -10,13 +11,13 @@
 // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 // See the License for the specific language governing permissions and
 // limitations under the License.
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Box, Stack } from '@mui/material';
+import { Alert, Box, Stack } from '@mui/material';
 import { ErrorAlert, ErrorBoundary, LoadingOverlay, NoDataOverlay } from '@perses-dev/components';
 import { isValidTraceId } from '@perses-dev/core';
 import { Panel } from '@perses-dev/dashboards';
 import { useExplorerManagerContext } from '@perses-dev/explore';
 import { DataQueriesProvider, MultiQueryEditor, useDataQueries } from '@perses-dev/plugin-system';
+import { useState } from 'react';
 import { linkToSpan, linkToTrace } from './links';
 function SearchResultsPanel({ queries }) {
     const { isFetching, isLoading, queryResults } = useDataQueries('TraceQuery');
@@ -37,6 +38,7 @@ function SearchResultsPanel({ queries }) {
             resource: "traces"
         });
     }
+    const hasMoreResults = queryResults.some((traceData)=>traceData.data?.metadata?.hasMoreResults);
     return /*#__PURE__*/ _jsxs(Stack, {
         sx: {
             height: '100%'
@@ -93,6 +95,10 @@ function SearchResultsPanel({ queries }) {
                         }
                     }
                 }
+            }),
+            hasMoreResults && /*#__PURE__*/ _jsx(Alert, {
+                severity: "info",
+                children: "Not all matching traces are currently displayed. Increase the result limit to view additional traces."
             })
         ]
     });
@@ -127,6 +133,7 @@ function TracingGanttChartPanel(props) {
 }
 export function TempoExplorer() {
     const { data: { queries = [], spanId: selectedSpanId }, setData } = useExplorerManagerContext();
+    const [queryDefinitions, setQueryDefinitions] = useState(queries);
     // map TraceQueryDefinition to Definition<UnknownSpec>
     const definitions = queries.length ? queries.map((query)=>{
         return {
@@ -146,10 +153,11 @@ export function TempoExplorer() {
                 queryTypes: [
                     'TraceQuery'
                 ],
-                onChange: (newQueries)=>setData({
-                        queries: newQueries
-                    }),
-                queries: queries
+                onChange: (state)=>setQueryDefinitions(state),
+                queries: queryDefinitions,
+                onQueryRun: ()=>setData({
+                        queries: queryDefinitions
+                    })
             }),
             /*#__PURE__*/ _jsx(ErrorBoundary, {
                 FallbackComponent: ErrorAlert,

package/lib/explore/TempoExplorer.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/explore/TempoExplorer.tsx"],"sourcesContent":["// Copyright 2024 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { Box, Stack } from '@mui/material';\nimport { ErrorAlert, ErrorBoundary, LoadingOverlay, NoDataOverlay } from '@perses-dev/components';\nimport { QueryDefinition, isValidTraceId } from '@perses-dev/core';\nimport { Panel } from '@perses-dev/dashboards';\nimport { useExplorerManagerContext } from '@perses-dev/explore';\nimport { DataQueriesProvider, MultiQueryEditor, useDataQueries } from '@perses-dev/plugin-system';\nimport { ReactElement } from 'react';\nimport { TempoTraceQuerySpec } from '../model';\nimport { linkToSpan, linkToTrace } from './links';\n\ninterface TracesExplorerQueryParams {\n  queries?: QueryDefinition[];\n  spanId?: string;\n}\n\ninterface SearchResultsPanelProps {\n  queries: QueryDefinition[];\n}\n\nfunction SearchResultsPanel({ queries }: SearchResultsPanelProps): ReactElement {\n  const { isFetching, isLoading, queryResults } = useDataQueries('TraceQuery');\n\n  // no query executed, show empty panel\n  if (queryResults.length === 0) {\n    return <></>;\n  }\n\n  if (isLoading || isFetching) {\n    return <LoadingOverlay />;\n  }\n\n  const queryError = queryResults.find((d) => d.error);\n  if (queryError) {\n    throw queryError.error;\n  }\n\n  const tracesFound = queryResults.some((traceData) => (traceData.data?.searchResult ?? []).length > 0);\n  if (!tracesFound) {\n    return <NoDataOverlay resource=\"traces\" />;\n  }\n\n  return (\n    <Stack sx={{ height: '100%' }} gap={2}>\n      <Box sx={{ height: '35%', flexShrink: 0 }}>\n        <Panel\n          panelOptions={{\n            hideHeader: true,\n          }}\n          definition={{\n            kind: 'Panel',\n            spec: {\n              queries,\n              display: { name: '' },\n              plugin: {\n                kind: 'ScatterChart',\n                spec: {\n                  link: linkToTrace,\n                },\n              },\n            },\n          }}\n        />\n      </Box>\n      <Panel\n        sx={{ flexGrow: 1 }}\n        panelOptions={{\n          hideHeader: true,\n        }}\n        definition={{\n          kind: 'Panel',\n          spec: {\n            queries,\n            display: { name: '' },\n            plugin: {\n              kind: 'TraceTable',\n              spec: {\n                links: {\n                  trace: linkToTrace,\n                },\n              },\n            },\n          },\n        }}\n      />\n    </Stack>\n  );\n}\n\ninterface TracingGanttChartPanelProps {\n  queries: QueryDefinition[];\n  selectedSpanId?: string;\n}\n\nfunction TracingGanttChartPanel(props: TracingGanttChartPanelProps): ReactElement {\n  const { queries, selectedSpanId } = props;\n  const firstQuery = (queries[0]?.spec.plugin.spec as TempoTraceQuerySpec | undefined)?.query;\n\n  return (\n    <Panel\n      panelOptions={{ showIcons: 'always' }}\n      definition={{\n        kind: 'Panel',\n        spec: {\n          queries,\n          display: { name: `Trace ${firstQuery}` },\n          plugin: {\n            kind: 'TracingGanttChart',\n            spec: {\n              links: {\n                trace: linkToTrace,\n                span: linkToSpan,\n              },\n              selectedSpanId,\n            },\n          },\n        },\n      }}\n    />\n  );\n}\n\nexport function TempoExplorer(): ReactElement {\n  const {\n    data: { queries = [], spanId: selectedSpanId },\n    setData,\n  } = useExplorerManagerContext<TracesExplorerQueryParams>();\n\n  // map TraceQueryDefinition to Definition<UnknownSpec>\n  const definitions = queries.length\n    ? queries.map((query: QueryDefinition) => {\n        return {\n          kind: query.spec.plugin.kind,\n          spec: query.spec.plugin.spec,\n        };\n      })\n    : [];\n\n  const firstQuery = (queries[0]?.spec.plugin.spec as TempoTraceQuerySpec | undefined)?.query;\n  const isSingleTrace = isValidTraceId(firstQuery ?? '');\n\n  return (\n    <Stack gap={2} sx={{ width: '100%' }}>\n      <MultiQueryEditor\n        queryTypes={['TraceQuery']}\n        onChange={(newQueries) => setData({ queries: newQueries })}\n        queries={queries}\n      />\n\n      <ErrorBoundary FallbackComponent={ErrorAlert} resetKeys={[queries]}>\n        <DataQueriesProvider definitions={definitions}>\n          <Box height={700}>\n            {isSingleTrace ? (\n              <TracingGanttChartPanel queries={queries} selectedSpanId={selectedSpanId} />\n            ) : (\n              <SearchResultsPanel queries={queries} />\n            )}\n          </Box>\n        </DataQueriesProvider>\n      </ErrorBoundary>\n    </Stack>\n  );\n}\n"],"names":["Box","Stack","ErrorAlert","ErrorBoundary","LoadingOverlay","NoDataOverlay","isValidTraceId","Panel","useExplorerManagerContext","DataQueriesProvider","MultiQueryEditor","useDataQueries","linkToSpan","linkToTrace","SearchResultsPanel","queries","isFetching","isLoading","queryResults","length","queryError","find","d","error","tracesFound","some","traceData","data","searchResult","resource","sx","height","gap","flexShrink","panelOptions","hideHeader","definition","kind","spec","display","name","plugin","link","flexGrow","links","trace","TracingGanttChartPanel","props","selectedSpanId","firstQuery","query","showIcons","span","TempoExplorer","spanId","setData","definitions","map","isSingleTrace","width","queryTypes","onChange","newQueries","FallbackComponent","resetKeys"],"mappings":"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"}
+{"version":3,"sources":["../../../src/explore/TempoExplorer.tsx"],"sourcesContent":["// Copyright 2024 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { Alert, Box, Stack } from '@mui/material';\nimport { ErrorAlert, ErrorBoundary, LoadingOverlay, NoDataOverlay } from '@perses-dev/components';\nimport { QueryDefinition, isValidTraceId } from '@perses-dev/core';\nimport { Panel } from '@perses-dev/dashboards';\nimport { useExplorerManagerContext } from '@perses-dev/explore';\nimport { DataQueriesProvider, MultiQueryEditor, useDataQueries } from '@perses-dev/plugin-system';\nimport { ReactElement, useState } from 'react';\nimport { TempoTraceQuerySpec } from '../model';\nimport { linkToSpan, linkToTrace } from './links';\n\ninterface TracesExplorerQueryParams {\n  queries?: QueryDefinition[];\n  spanId?: string;\n}\n\ninterface SearchResultsPanelProps {\n  queries: QueryDefinition[];\n}\n\nfunction SearchResultsPanel({ queries }: SearchResultsPanelProps): ReactElement {\n  const { isFetching, isLoading, queryResults } = useDataQueries('TraceQuery');\n\n  // no query executed, show empty panel\n  if (queryResults.length === 0) {\n    return <></>;\n  }\n\n  if (isLoading || isFetching) {\n    return <LoadingOverlay />;\n  }\n\n  const queryError = queryResults.find((d) => d.error);\n  if (queryError) {\n    throw queryError.error;\n  }\n\n  const tracesFound = queryResults.some((traceData) => (traceData.data?.searchResult ?? []).length > 0);\n  if (!tracesFound) {\n    return <NoDataOverlay resource=\"traces\" />;\n  }\n\n  const hasMoreResults = queryResults.some((traceData) => traceData.data?.metadata?.hasMoreResults);\n\n  return (\n    <Stack sx={{ height: '100%' }} gap={2}>\n      <Box sx={{ height: '35%', flexShrink: 0 }}>\n        <Panel\n          panelOptions={{\n            hideHeader: true,\n          }}\n          definition={{\n            kind: 'Panel',\n            spec: {\n              queries,\n              display: { name: '' },\n              plugin: {\n                kind: 'ScatterChart',\n                spec: {\n                  link: linkToTrace,\n                },\n              },\n            },\n          }}\n        />\n      </Box>\n      <Panel\n        sx={{ flexGrow: 1 }}\n        panelOptions={{\n          hideHeader: true,\n        }}\n        definition={{\n          kind: 'Panel',\n          spec: {\n            queries,\n            display: { name: '' },\n            plugin: {\n              kind: 'TraceTable',\n              spec: {\n                links: {\n                  trace: linkToTrace,\n                },\n              },\n            },\n          },\n        }}\n      />\n      {hasMoreResults && (\n        <Alert severity=\"info\">\n          Not all matching traces are currently displayed. Increase the result limit to view additional traces.\n        </Alert>\n      )}\n    </Stack>\n  );\n}\n\ninterface TracingGanttChartPanelProps {\n  queries: QueryDefinition[];\n  selectedSpanId?: string;\n}\n\nfunction TracingGanttChartPanel(props: TracingGanttChartPanelProps): ReactElement {\n  const { queries, selectedSpanId } = props;\n  const firstQuery = (queries[0]?.spec.plugin.spec as TempoTraceQuerySpec | undefined)?.query;\n\n  return (\n    <Panel\n      panelOptions={{ showIcons: 'always' }}\n      definition={{\n        kind: 'Panel',\n        spec: {\n          queries,\n          display: { name: `Trace ${firstQuery}` },\n          plugin: {\n            kind: 'TracingGanttChart',\n            spec: {\n              links: {\n                trace: linkToTrace,\n                span: linkToSpan,\n              },\n              selectedSpanId,\n            },\n          },\n        },\n      }}\n    />\n  );\n}\n\nexport function TempoExplorer(): ReactElement {\n  const {\n    data: { queries = [], spanId: selectedSpanId },\n    setData,\n  } = useExplorerManagerContext<TracesExplorerQueryParams>();\n\n  const [queryDefinitions, setQueryDefinitions] = useState<QueryDefinition[]>(queries);\n\n  // map TraceQueryDefinition to Definition<UnknownSpec>\n  const definitions = queries.length\n    ? queries.map((query: QueryDefinition) => {\n        return {\n          kind: query.spec.plugin.kind,\n          spec: query.spec.plugin.spec,\n        };\n      })\n    : [];\n\n  const firstQuery = (queries[0]?.spec.plugin.spec as TempoTraceQuerySpec | undefined)?.query;\n  const isSingleTrace = isValidTraceId(firstQuery ?? '');\n\n  return (\n    <Stack gap={2} sx={{ width: '100%' }}>\n      <MultiQueryEditor\n        queryTypes={['TraceQuery']}\n        onChange={(state) => setQueryDefinitions(state)}\n        queries={queryDefinitions}\n        onQueryRun={() => setData({ queries: queryDefinitions })}\n      />\n\n      <ErrorBoundary FallbackComponent={ErrorAlert} resetKeys={[queries]}>\n        <DataQueriesProvider definitions={definitions}>\n          <Box height={700}>\n            {isSingleTrace ? (\n              <TracingGanttChartPanel queries={queries} selectedSpanId={selectedSpanId} />\n            ) : (\n              <SearchResultsPanel queries={queries} />\n            )}\n          </Box>\n        </DataQueriesProvider>\n      </ErrorBoundary>\n    </Stack>\n  );\n}\n"],"names":["Alert","Box","Stack","ErrorAlert","ErrorBoundary","LoadingOverlay","NoDataOverlay","isValidTraceId","Panel","useExplorerManagerContext","DataQueriesProvider","MultiQueryEditor","useDataQueries","useState","linkToSpan","linkToTrace","SearchResultsPanel","queries","isFetching","isLoading","queryResults","length","queryError","find","d","error","tracesFound","some","traceData","data","searchResult","resource","hasMoreResults","metadata","sx","height","gap","flexShrink","panelOptions","hideHeader","definition","kind","spec","display","name","plugin","link","flexGrow","links","trace","severity","TracingGanttChartPanel","props","selectedSpanId","firstQuery","query","showIcons","span","TempoExplorer","spanId","setData","queryDefinitions","setQueryDefinitions","definitions","map","isSingleTrace","width","queryTypes","onChange","state","onQueryRun","FallbackComponent","resetKeys"],"mappings":"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"}

package/lib/model/api-types.d.ts

@@ -12,6 +12,7 @@ export interface SearchRequestParameters {
     /** max number of matching spans per trace in search result, default: 3 */
     spss?: number;
 }
+export declare const DEFAULT_SEARCH_LIMIT = 20;
 /**
  * Response of Tempo HTTP API endpoint GET /api/search
  * https://grafana.com/docs/tempo/latest/api_docs/#search

package/lib/model/api-types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"api-types.d.ts","sourceRoot":"","sources":["../../../src/model/api-types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"api-types.d.ts","sourceRoot":"","sources":["../../../src/model/api-types.ts"],"names":[],"mappings":"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"}

package/lib/model/api-types.js

@@ -10,6 +10,6 @@
 // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 // See the License for the specific language governing permissions and
 // limitations under the License.
-export { };
+export const DEFAULT_SEARCH_LIMIT = 20;
 
 //# sourceMappingURL=api-types.js.map

package/lib/model/api-types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/model/api-types.ts"],"sourcesContent":["// Copyright 2025 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { otlpcommonv1, otlptracev1 } from '@perses-dev/core';\n\n/**\n * Request parameters of Tempo HTTP API endpoint GET /api/search\n * https://grafana.com/docs/tempo/latest/api_docs/#search\n */\nexport interface SearchRequestParameters {\n  q: string;\n  start?: number;\n  end?: number;\n  /** max number of search results, default: 20 */\n  limit?: number;\n  /** max number of matching spans per trace in search result, default: 3 */\n  spss?: number;\n}\n\n/**\n * Response of Tempo HTTP API endpoint GET /api/search\n * https://grafana.com/docs/tempo/latest/api_docs/#search\n */\nexport interface SearchResponse {\n  traces: TraceSearchResponse[];\n}\n\nexport interface TraceSearchResponse {\n  traceID: string;\n  rootServiceName: string;\n  rootTraceName: string;\n  startTimeUnixNano: string;\n  /** unset if duration is less than 1ms */\n  durationMs?: number;\n  /** @deprecated spanSet is deprecated in favor of spanSets */\n  spanSet?: {\n    spans: SpanSearchResponse[];\n    matched: number;\n  };\n  spanSets?: Array<{\n    spans: SpanSearchResponse[];\n    matched: number;\n  }>;\n  /** ServiceStats are only available in Tempo vParquet4+ blocks */\n  serviceStats?: Record<string, ServiceStats>;\n}\n\nexport interface SpanSearchResponse {\n  spanID: string;\n  name?: string;\n  startTimeUnixNano: string;\n  durationNanos: string;\n  attributes?: otlpcommonv1.KeyValue[];\n}\n\nexport interface ServiceStats {\n  spanCount: number;\n  /** number of spans with errors, unset if zero */\n  errorCount?: number;\n}\n\n/**\n * Request parameters of Tempo HTTP API endpoint GET /api/traces/<traceID>\n * https://grafana.com/docs/tempo/latest/api_docs/#query\n */\nexport interface QueryRequestParameters {\n  traceId: string;\n}\n\n/**\n * Response of Tempo HTTP API endpoint GET /api/traces/<traceID>\n * OTEL trace proto: https://github.com/open-telemetry/opentelemetry-proto-go/blob/main/otlp/trace/v1/trace.pb.go\n */\nexport interface QueryResponse {\n  batches: otlptracev1.ResourceSpan[];\n}\n\n/**\n * Request parameters of Tempo HTTP API endpoint GET /api/v2/search/tags\n * https://grafana.com/docs/tempo/latest/api_docs/#search-tags-v2\n */\nexport interface SearchTagsRequestParameters {\n  scope?: 'resource' | 'span' | 'intrinsic';\n  q?: string;\n  start?: number;\n  end?: number;\n  limit?: number;\n  maxStaleValues?: number;\n}\n\n/**\n * Response of Tempo HTTP API endpoint GET /api/v2/search/tags\n * https://grafana.com/docs/tempo/latest/api_docs/#search-tags-v2\n */\nexport interface SearchTagsResponse {\n  scopes: SearchTagsScope[];\n}\n\nexport interface SearchTagsScope {\n  name: 'resource' | 'span' | 'intrinsic';\n  tags: string[];\n}\n\n/**\n * Request parameters of Tempo HTTP API endpoint GET /api/v2/search/tag/<tag>/values\n * https://grafana.com/docs/tempo/latest/api_docs/#search-tag-values-v2\n */\nexport interface SearchTagValuesRequestParameters {\n  tag: string;\n  q?: string;\n  start?: number;\n  end?: number;\n  limit?: number;\n  maxStaleValues?: number;\n}\n\n/**\n * Response of Tempo HTTP API endpoint GET /api/v2/search/tag/<tag>/values\n * https://grafana.com/docs/tempo/latest/api_docs/#search-tag-values-v2\n */\nexport interface SearchTagValuesResponse {\n  tagValues: SearchTagValue[];\n}\n\nexport interface SearchTagValue {\n  type: string;\n  /** The tag value. Empty strings are omitted (i.e. undefined) in the response. */\n  value?: string;\n}\n"],"names":[],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AA2HjC,WAIC"}
+{"version":3,"sources":["../../../src/model/api-types.ts"],"sourcesContent":["// Copyright 2025 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { otlpcommonv1, otlptracev1 } from '@perses-dev/core';\n\n/**\n * Request parameters of Tempo HTTP API endpoint GET /api/search\n * https://grafana.com/docs/tempo/latest/api_docs/#search\n */\nexport interface SearchRequestParameters {\n  q: string;\n  start?: number;\n  end?: number;\n  /** max number of search results, default: 20 */\n  limit?: number;\n  /** max number of matching spans per trace in search result, default: 3 */\n  spss?: number;\n}\n\nexport const DEFAULT_SEARCH_LIMIT = 20;\n\n/**\n * Response of Tempo HTTP API endpoint GET /api/search\n * https://grafana.com/docs/tempo/latest/api_docs/#search\n */\nexport interface SearchResponse {\n  traces: TraceSearchResponse[];\n}\n\nexport interface TraceSearchResponse {\n  traceID: string;\n  rootServiceName: string;\n  rootTraceName: string;\n  startTimeUnixNano: string;\n  /** unset if duration is less than 1ms */\n  durationMs?: number;\n  /** @deprecated spanSet is deprecated in favor of spanSets */\n  spanSet?: {\n    spans: SpanSearchResponse[];\n    matched: number;\n  };\n  spanSets?: Array<{\n    spans: SpanSearchResponse[];\n    matched: number;\n  }>;\n  /** ServiceStats are only available in Tempo vParquet4+ blocks */\n  serviceStats?: Record<string, ServiceStats>;\n}\n\nexport interface SpanSearchResponse {\n  spanID: string;\n  name?: string;\n  startTimeUnixNano: string;\n  durationNanos: string;\n  attributes?: otlpcommonv1.KeyValue[];\n}\n\nexport interface ServiceStats {\n  spanCount: number;\n  /** number of spans with errors, unset if zero */\n  errorCount?: number;\n}\n\n/**\n * Request parameters of Tempo HTTP API endpoint GET /api/traces/<traceID>\n * https://grafana.com/docs/tempo/latest/api_docs/#query\n */\nexport interface QueryRequestParameters {\n  traceId: string;\n}\n\n/**\n * Response of Tempo HTTP API endpoint GET /api/traces/<traceID>\n * OTEL trace proto: https://github.com/open-telemetry/opentelemetry-proto-go/blob/main/otlp/trace/v1/trace.pb.go\n */\nexport interface QueryResponse {\n  batches: otlptracev1.ResourceSpan[];\n}\n\n/**\n * Request parameters of Tempo HTTP API endpoint GET /api/v2/search/tags\n * https://grafana.com/docs/tempo/latest/api_docs/#search-tags-v2\n */\nexport interface SearchTagsRequestParameters {\n  scope?: 'resource' | 'span' | 'intrinsic';\n  q?: string;\n  start?: number;\n  end?: number;\n  limit?: number;\n  maxStaleValues?: number;\n}\n\n/**\n * Response of Tempo HTTP API endpoint GET /api/v2/search/tags\n * https://grafana.com/docs/tempo/latest/api_docs/#search-tags-v2\n */\nexport interface SearchTagsResponse {\n  scopes: SearchTagsScope[];\n}\n\nexport interface SearchTagsScope {\n  name: 'resource' | 'span' | 'intrinsic';\n  tags: string[];\n}\n\n/**\n * Request parameters of Tempo HTTP API endpoint GET /api/v2/search/tag/<tag>/values\n * https://grafana.com/docs/tempo/latest/api_docs/#search-tag-values-v2\n */\nexport interface SearchTagValuesRequestParameters {\n  tag: string;\n  q?: string;\n  start?: number;\n  end?: number;\n  limit?: number;\n  maxStaleValues?: number;\n}\n\n/**\n * Response of Tempo HTTP API endpoint GET /api/v2/search/tag/<tag>/values\n * https://grafana.com/docs/tempo/latest/api_docs/#search-tag-values-v2\n */\nexport interface SearchTagValuesResponse {\n  tagValues: SearchTagValue[];\n}\n\nexport interface SearchTagValue {\n  type: string;\n  /** The tag value. Empty strings are omitted (i.e. undefined) in the response. */\n  value?: string;\n}\n"],"names":["DEFAULT_SEARCH_LIMIT"],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAkBjC,OAAO,MAAMA,uBAAuB,GAAG"}

package/lib/plugins/TempoDatasourceEditor.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 // Copyright 2025 The Perses Authors
 // Licensed under the Apache License, Version 2.0 (the "License");
 // you may not use this file except in compliance with the License.
@@ -10,7 +11,6 @@
 // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 // See the License for the specific language governing permissions and
 // limitations under the License.
-import { jsx as _jsx } from "react/jsx-runtime";
 import { HTTPSettingsEditor } from '@perses-dev/plugin-system';
 import React from 'react';
 export function TempoDatasourceEditor(props) {

package/lib/plugins/TempoDatasourceEditor.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/plugins/TempoDatasourceEditor.tsx"],"sourcesContent":["// Copyright 2025 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { HTTPSettingsEditor } from '@perses-dev/plugin-system';\nimport React, { ReactElement } from 'react';\nimport { TempoDatasourceSpec } from './tempo-datasource-types';\n\nexport interface TempoDatasourceEditorProps {\n  value: TempoDatasourceSpec;\n  onChange: (next: TempoDatasourceSpec) => void;\n  isReadonly?: boolean;\n}\n\nexport function TempoDatasourceEditor(props: TempoDatasourceEditorProps): ReactElement {\n  const { value, onChange, isReadonly } = props;\n\n  const initialSpecDirect: TempoDatasourceSpec = {\n    directUrl: '',\n  };\n\n  const initialSpecProxy: TempoDatasourceSpec = {\n    proxy: {\n      kind: 'HTTPProxy',\n      spec: {\n        allowedEndpoints: [\n          // list of standard endpoints suggested by default\n          {\n            endpointPattern: '/api/search',\n            method: 'GET',\n          },\n          {\n            endpointPattern: '/api/traces',\n            method: 'GET',\n          },\n          {\n            endpointPattern: '/api/v2/search/tags',\n            method: 'GET',\n          },\n          {\n            endpointPattern: '/api/v2/search/tag',\n            method: 'GET',\n          },\n        ],\n        url: '',\n      },\n    },\n  };\n\n  return (\n    <HTTPSettingsEditor\n      value={value}\n      onChange={onChange}\n      isReadonly={isReadonly}\n      initialSpecDirect={initialSpecDirect}\n      initialSpecProxy={initialSpecProxy}\n    />\n  );\n}\n"],"names":["HTTPSettingsEditor","React","TempoDatasourceEditor","props","value","onChange","isReadonly","initialSpecDirect","directUrl","initialSpecProxy","proxy","kind","spec","allowedEndpoints","endpointPattern","method","url"],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;;AAEjC,SAASA,kBAAkB,QAAQ,4BAA4B;AAC/D,OAAOC,WAA6B,QAAQ;AAS5C,OAAO,SAASC,sBAAsBC,KAAiC;IACrE,MAAM,EAAEC,KAAK,EAAEC,QAAQ,EAAEC,UAAU,EAAE,GAAGH;IAExC,MAAMI,oBAAyC;QAC7CC,WAAW;IACb;IAEA,MAAMC,mBAAwC;QAC5CC,OAAO;YACLC,MAAM;YACNC,MAAM;gBACJC,kBAAkB;oBAChB,kDAAkD;oBAClD;wBACEC,iBAAiB;wBACjBC,QAAQ;oBACV;oBACA;wBACED,iBAAiB;wBACjBC,QAAQ;oBACV;oBACA;wBACED,iBAAiB;wBACjBC,QAAQ;oBACV;oBACA;wBACED,iBAAiB;wBACjBC,QAAQ;oBACV;iBACD;gBACDC,KAAK;YACP;QACF;IACF;IAEA,qBACE,KAAChB;QACCI,OAAOA;QACPC,UAAUA;QACVC,YAAYA;QACZC,mBAAmBA;QACnBE,kBAAkBA;;AAGxB"}
+{"version":3,"sources":["../../../src/plugins/TempoDatasourceEditor.tsx"],"sourcesContent":["// Copyright 2025 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { HTTPSettingsEditor } from '@perses-dev/plugin-system';\nimport React, { ReactElement } from 'react';\nimport { TempoDatasourceSpec } from './tempo-datasource-types';\n\nexport interface TempoDatasourceEditorProps {\n  value: TempoDatasourceSpec;\n  onChange: (next: TempoDatasourceSpec) => void;\n  isReadonly?: boolean;\n}\n\nexport function TempoDatasourceEditor(props: TempoDatasourceEditorProps): ReactElement {\n  const { value, onChange, isReadonly } = props;\n\n  const initialSpecDirect: TempoDatasourceSpec = {\n    directUrl: '',\n  };\n\n  const initialSpecProxy: TempoDatasourceSpec = {\n    proxy: {\n      kind: 'HTTPProxy',\n      spec: {\n        allowedEndpoints: [\n          // list of standard endpoints suggested by default\n          {\n            endpointPattern: '/api/search',\n            method: 'GET',\n          },\n          {\n            endpointPattern: '/api/traces',\n            method: 'GET',\n          },\n          {\n            endpointPattern: '/api/v2/search/tags',\n            method: 'GET',\n          },\n          {\n            endpointPattern: '/api/v2/search/tag',\n            method: 'GET',\n          },\n        ],\n        url: '',\n      },\n    },\n  };\n\n  return (\n    <HTTPSettingsEditor\n      value={value}\n      onChange={onChange}\n      isReadonly={isReadonly}\n      initialSpecDirect={initialSpecDirect}\n      initialSpecProxy={initialSpecProxy}\n    />\n  );\n}\n"],"names":["HTTPSettingsEditor","React","TempoDatasourceEditor","props","value","onChange","isReadonly","initialSpecDirect","directUrl","initialSpecProxy","proxy","kind","spec","allowedEndpoints","endpointPattern","method","url"],"mappings":";AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,SAASA,kBAAkB,QAAQ,4BAA4B;AAC/D,OAAOC,WAA6B,QAAQ;AAS5C,OAAO,SAASC,sBAAsBC,KAAiC;IACrE,MAAM,EAAEC,KAAK,EAAEC,QAAQ,EAAEC,UAAU,EAAE,GAAGH;IAExC,MAAMI,oBAAyC;QAC7CC,WAAW;IACb;IAEA,MAAMC,mBAAwC;QAC5CC,OAAO;YACLC,MAAM;YACNC,MAAM;gBACJC,kBAAkB;oBAChB,kDAAkD;oBAClD;wBACEC,iBAAiB;wBACjBC,QAAQ;oBACV;oBACA;wBACED,iBAAiB;wBACjBC,QAAQ;oBACV;oBACA;wBACED,iBAAiB;wBACjBC,QAAQ;oBACV;oBACA;wBACED,iBAAiB;wBACjBC,QAAQ;oBACV;iBACD;gBACDC,KAAK;YACP;QACF;IACF;IAEA,qBACE,KAAChB;QACCI,OAAOA;QACPC,UAAUA;QACVC,YAAYA;QACZC,mBAAmBA;QACnBE,kBAAkBA;;AAGxB"}

package/lib/plugins/tempo-trace-query/TempoTraceQueryEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TempoTraceQueryEditor.d.ts","sourceRoot":"","sources":["../../../../src/plugins/tempo-trace-query/TempoTraceQueryEditor.tsx"],"names":[],"mappings":"AAsBA,OAAO,EAAE,YAAY,EAAyB,MAAM,OAAO,CAAC;AAY5D,OAAO,EAAE,qBAAqB,EAAiB,MAAM,sBAAsB,CAAC;AAE5E,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,qBAAqB,GAAG,YAAY,CA6FhF;AASD,UAAU,gBAAgB;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CAC/B;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,2CAyBlD"}
+{"version":3,"file":"TempoTraceQueryEditor.d.ts","sourceRoot":"","sources":["../../../../src/plugins/tempo-trace-query/TempoTraceQueryEditor.tsx"],"names":[],"mappings":"AAsBA,OAAO,EAAE,YAAY,EAAyB,MAAM,OAAO,CAAC;AAU5D,OAAO,EAAE,qBAAqB,EAAiB,MAAM,sBAAsB,CAAC;AAE5E,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,qBAAqB,GAAG,YAAY,CA+EhF;AASD,UAAU,gBAAgB;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CAC/B;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,2CAyBlD"}

package/lib/plugins/tempo-trace-query/TempoTraceQueryEditor.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // Copyright 2025 The Perses Authors
 // Licensed under the Apache License, Version 2.0 (the "License");
 // you may not use this file except in compliance with the License.
@@ -10,20 +11,17 @@
 // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 // See the License for the specific language governing permissions and
 // limitations under the License.
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Box, Button, FormControl, InputLabel, MenuItem, Select, Stack } from '@mui/material';
 import { useId } from '@perses-dev/components';
 import { DatasourceSelect, useDatasourceClient, useDatasourceSelectValueToSelector } from '@perses-dev/plugin-system';
 import { produce } from 'immer';
 import { useCallback, useState } from 'react';
-import { TraceQLEditor } from '../../components';
-import { DEFAULT_TEMPO, isDefaultTempoSelector, isTempoDatasourceSelector, TEMPO_DATASOURCE_KIND } from '../../model/tempo-selectors';
+import { DEFAULT_TEMPO, isDefaultTempoSelector, isTempoDatasourceSelector, TEMPO_DATASOURCE_KIND } from '../../model';
 import { AttributeFilters } from '../../components/AttributeFilters';
-import { filterToTraceQL } from '../../components/filter/filter_to_traceql';
-import { traceQLToFilter } from '../../components/filter/traceql_to_filter';
+import { TraceQLEditor, filterToTraceQL, traceQLToFilter } from '../../components';
 import { useQueryState } from './query-editor-model';
 export function TempoTraceQueryEditor(props) {
-    const { onChange, value, value: { datasource, limit }, queryHandlerSettings } = props;
+    const { onChange, value, value: { datasource, limit } } = props;
     const datasourceSelectValue = datasource ?? DEFAULT_TEMPO;
     const selectedDatasource = useDatasourceSelectValueToSelector(datasourceSelectValue, TEMPO_DATASOURCE_KIND);
     const datasourceSelectLabelID = useId('tempo-datasource-label'); // for panels with multiple queries, this component is rendered multiple times on the same page
@@ -37,30 +35,19 @@ export function TempoTraceQueryEditor(props) {
                 const nextDatasource = isDefaultTempoSelector(next) ? undefined : next;
                 draft.datasource = nextDatasource;
             }));
-            if (queryHandlerSettings?.setWatchOtherSpecs) queryHandlerSettings.setWatchOtherSpecs({
-                ...value,
-                datasource: next
-            });
             return;
         }
         throw new Error('Got unexpected non-Tempo datasource selector');
     };
     const runQuery = (newQuery)=>{
-        if (queryHandlerSettings?.watchQueryChanges) {
-            queryHandlerSettings.watchQueryChanges(newQuery);
-        }
         onChange(produce(value, (draft)=>{
             draft.query = newQuery;
         }));
     };
     const handleTraceQueryChange = useCallback((e)=>{
         handleQueryChange(e);
-        if (queryHandlerSettings?.watchQueryChanges) {
-            queryHandlerSettings.watchQueryChanges(e);
-        }
     }, [
-        handleQueryChange,
-        queryHandlerSettings
+        handleQueryChange
     ]);
     return /*#__PURE__*/ _jsxs(Stack, {
         spacing: 2,
@@ -92,7 +79,7 @@ export function TempoTraceQueryEditor(props) {
                         client: client,
                         value: query,
                         onChange: handleTraceQueryChange,
-                        onBlur: queryHandlerSettings?.runWithOnBlur ? handleQueryBlur : undefined
+                        onBlur: handleQueryBlur
                     }),
                     /*#__PURE__*/ _jsx(Button, {
                         onClick: ()=>setShowAttributeFilters(!showAttributeFilters),