This is an automated email from the ASF dual-hosted git repository.
zqr10159 pushed a commit to branch 2.0.0
in repository https://gitbox.apache.org/repos/asf/hertzbeat.git
The following commit(s) were added to refs/heads/2.0.0 by this push:
new b4eaeda5b0 Add signal attribute exists actions
b4eaeda5b0 is described below
commit b4eaeda5b01d86637d700ae7726f01e4c82c8041
Author: Logic <[email protected]>
AuthorDate: Tue Jun 9 22:32:23 2026 +0800
Add signal attribute exists actions
---
.../ingestion/otlp/metrics/otlp-metrics-page.tsx | 39 +++++++++++++
web-next/app/ingestion/otlp/metrics/page.test.tsx | 24 ++++++++
web-next/app/log/manage/log-manage-page.tsx | 46 ++++++++++++++-
web-next/app/log/manage/page.test.tsx | 33 +++++++++++
web-next/app/trace/manage/page.test.tsx | 9 +++
web-next/app/trace/manage/trace-manage-page.tsx | 68 +++++++++++++++++++++-
web-next/lib/i18n-runtime-messages.ts | 14 +++++
7 files changed, 229 insertions(+), 4 deletions(-)
diff --git a/web-next/app/ingestion/otlp/metrics/otlp-metrics-page.tsx
b/web-next/app/ingestion/otlp/metrics/otlp-metrics-page.tsx
index 17108227e4..b00c850f16 100644
--- a/web-next/app/ingestion/otlp/metrics/otlp-metrics-page.tsx
+++ b/web-next/app/ingestion/otlp/metrics/otlp-metrics-page.tsx
@@ -124,6 +124,12 @@ function buildMetricAttributeExcludeFilterExpression(name:
string, value: string
return `${trimmedName}!="${escapeMetricFilterValue(trimmedValue)}"`;
}
+function buildMetricAttributeExistsFilterExpression(name: string) {
+ const trimmedName = name.trim();
+ if (!trimmedName) return null;
+ return `${trimmedName} EXISTS`;
+}
+
function mergeMetricFilterExpression(currentFilter: string, expression:
string) {
const trimmedFilter = currentFilter.trim();
if (!trimmedFilter) return expression;
@@ -817,6 +823,17 @@ export default function OtlpMetricsPage() {
replaceMetricsRoute(nextDraft, undefined, series?.key || query.series,
series ? buildMetricSeriesRouteContext(series) : {});
}, [draft, query.series, replaceMetricsRoute]);
+ const applyMetricAttributeExistsFilter = useCallback((name: string, series?:
OtlpMetricSeriesView | null) => {
+ const expression = buildMetricAttributeExistsFilterExpression(name);
+ if (!expression) return;
+ const nextDraft = {
+ ...draft,
+ filter: mergeMetricFilterExpression(draft.filter, expression)
+ };
+ setDraft(nextDraft);
+ replaceMetricsRoute(nextDraft, undefined, series?.key || query.series,
series ? buildMetricSeriesRouteContext(series) : {});
+ }, [draft, query.series, replaceMetricsRoute]);
+
const applyMetricAttributeReplaceFilter = useCallback((name: string, value:
string, series?: OtlpMetricSeriesView | null) => {
const expression = buildMetricAttributeFilterExpression(name, value);
if (!expression) return;
@@ -2625,6 +2642,28 @@ export default function OtlpMetricsPage() {
</HzButton>
)
},
+ {
+ key: 'exists',
+ header: t('otlp.metrics.attributes.column.exists'),
+ render: row => (
+ <HzButton
+ type="button"
+ size="xs"
+ intent="ghost"
+
data-otlp-metrics-attribute-exists-action={row.name}
+
data-otlp-metrics-attribute-exists-action-owner="hertzbeat-ui-button"
+
aria-label={t('otlp.metrics.attributes.exists-action.aria', { name: row.name })}
+ onClick={() =>
applyMetricAttributeExistsFilter(row.name, selectedMetricSeries)}
+ >
+ <HzButtonIcon
+ icon={Check}
+
data-otlp-metrics-attribute-exists-action-icon={row.name}
+
data-otlp-metrics-attribute-exists-action-icon-owner="hertzbeat-ui-button-icon"
+ />
+ {t('otlp.metrics.attributes.exists-action')}
+ </HzButton>
+ )
+ },
{
key: 'replace',
header:
t('otlp.metrics.attributes.column.replace'),
diff --git a/web-next/app/ingestion/otlp/metrics/page.test.tsx
b/web-next/app/ingestion/otlp/metrics/page.test.tsx
index 6e88486f00..9f960cc0ed 100644
--- a/web-next/app/ingestion/otlp/metrics/page.test.tsx
+++ b/web-next/app/ingestion/otlp/metrics/page.test.tsx
@@ -1036,10 +1036,15 @@ describe('otlp metrics page', () => {
expect(source).toContain("header:
t('otlp.metrics.attributes.column.name')");
expect(source).toContain("header:
t('otlp.metrics.attributes.column.value')");
expect(source).toContain("header:
t('otlp.metrics.attributes.column.exclude')");
+ expect(source).toContain("header:
t('otlp.metrics.attributes.column.exists')");
expect(source).toContain('buildMetricAttributeExcludeFilterExpression');
+ expect(source).toContain('buildMetricAttributeExistsFilterExpression');
expect(source).toContain('applyMetricAttributeExcludeFilter');
+ expect(source).toContain('applyMetricAttributeExistsFilter');
expect(source).toContain('data-otlp-metrics-attribute-filter-out-action={row.name}');
expect(source).toContain('data-otlp-metrics-attribute-filter-out-action-owner="hertzbeat-ui-button"');
+
expect(source).toContain('data-otlp-metrics-attribute-exists-action={row.name}');
+
expect(source).toContain('data-otlp-metrics-attribute-exists-action-owner="hertzbeat-ui-button"');
expect(source).toContain('boundary="top"');
expect(source).not.toContain('className="mt-3 border-t border-[#252b35]
pt-3"');
expect(source).toContain('data-otlp-metrics-linked-record-summary="log-trace-alert-links"');
@@ -3038,6 +3043,25 @@ describe('otlp metrics page', () => {
expect(excludeParams.get('traceId')).toBe('trace-checkout');
expect(excludeParams.get('spanId')).toBe('span-checkout');
+ const serviceExistsAction =
interactionContainer.querySelector('[data-otlp-metrics-attribute-exists-action="service.name"]')
as HTMLButtonElement | null;
+
expect(serviceExistsAction?.getAttribute('data-otlp-metrics-attribute-exists-action-owner')).toBe('hertzbeat-ui-button');
+
expect(serviceExistsAction?.getAttribute('aria-label')).toContain('service.name');
+
+ await act(async () => {
+ serviceExistsAction?.dispatchEvent(new MouseEvent('click', { bubbles:
true }));
+ await Promise.resolve();
+ });
+
+ const existsHref = String(mockState.replace.mock.calls.at(-1)?.[0]);
+ const existsParams = new URL(existsHref, 'http://localhost').searchParams;
+ expect(existsParams.get('filter')).toContain('service.name EXISTS');
+ expect(existsParams.get('series')).toBe('checkout_latency-0');
+ expect(existsParams.get('entityId')).toBe('7');
+ expect(existsParams.get('serviceName')).toBe('checkout');
+ expect(existsParams.get('environment')).toBe('prod');
+ expect(existsParams.get('traceId')).toBe('trace-checkout');
+ expect(existsParams.get('spanId')).toBe('span-checkout');
+
const routeGroupAction =
interactionContainer.querySelector('[data-otlp-metrics-attribute-group-action="route"]')
as HTMLButtonElement | null;
expect(routeGroupAction?.getAttribute('data-otlp-metrics-attribute-group-action-owner')).toBe('hertzbeat-ui-button');
expect(routeGroupAction?.getAttribute('aria-label')).toContain('route');
diff --git a/web-next/app/log/manage/log-manage-page.tsx
b/web-next/app/log/manage/log-manage-page.tsx
index 298b49affa..80af690b2f 100644
--- a/web-next/app/log/manage/log-manage-page.tsx
+++ b/web-next/app/log/manage/log-manage-page.tsx
@@ -278,6 +278,15 @@ function buildLogAttributeExcludeExpression(row:
LogAttributeRow, objectValueLab
return { kind, expression: `${key}!=${value}` };
}
+function buildLogAttributeExistsExpression(row: LogAttributeRow) {
+ const kind = resolveLogAttributeFilterKind(row);
+ const key = row.name.trim();
+ if (!kind || !isSafeLogAttributeFilterKey(key)) {
+ return null;
+ }
+ return { kind, expression: `${key} EXISTS` };
+}
+
function buildLogAttributeGroupBy(row: LogAttributeRow) {
const kind = resolveLogAttributeFilterKind(row);
const key = row.name.trim();
@@ -2220,6 +2229,19 @@ function LogManageExplorer({
applyQuery(nextQuery);
}, [applyQuery, draft, setDraft, t]);
+ const applyLogAttributeExistsFilter = useCallback((row: LogAttributeRow) => {
+ const filter = buildLogAttributeExistsExpression(row);
+ if (!filter) return;
+ const nextQuery: LogQueryState = {
+ ...draft,
+ ...(filter.kind === 'resource'
+ ? { resourceFilter:
mergeLogAttributeFilterExpression(draft.resourceFilter, filter.expression) }
+ : { attributeFilter:
mergeLogAttributeFilterExpression(draft.attributeFilter, filter.expression) })
+ };
+ setDraft(nextQuery);
+ applyQuery(nextQuery);
+ }, [applyQuery, draft, setDraft]);
+
const replaceLogAttributeFilter = useCallback((row: LogAttributeRow) => {
const filter = buildLogAttributeFilterExpression(row,
t('log.manage.attributes.value.object'));
if (!filter) return;
@@ -2309,10 +2331,11 @@ function LogManageExplorer({
const renderLogAttributeFilterAction = useCallback((row: LogAttributeRow) =>
{
const filter = buildLogAttributeFilterExpression(row,
t('log.manage.attributes.value.object'));
const excludeFilter = buildLogAttributeExcludeExpression(row,
t('log.manage.attributes.value.object'));
+ const existsFilter = buildLogAttributeExistsExpression(row);
const group = buildLogAttributeGroupBy(row);
const fieldColumn = buildLogAttributeFieldColumn(row);
const fieldColumnVisible = Boolean(fieldColumn &&
visibleLogFieldColumns.includes(fieldColumn));
- if (!filter && !excludeFilter && !group && !fieldColumn) return null;
+ if (!filter && !excludeFilter && !existsFilter && !group && !fieldColumn)
return null;
return (
<span className="inline-flex flex-wrap gap-1">
{fieldColumn ? (
@@ -2411,6 +2434,25 @@ function LogManageExplorer({
{t('log.manage.attributes.filter-out-action')}
</HzButton>
) : null}
+ {existsFilter ? (
+ <HzButton
+ data-log-manage-attribute-exists-action={existsFilter.kind}
+ data-log-manage-attribute-exists-owner="hertzbeat-ui-button"
+ data-log-manage-attribute-filter-name={row.name}
+ data-log-manage-attribute-filter-value={row.value}
+ size="sm"
+ intent="secondary"
+ onClick={() => applyLogAttributeExistsFilter(row)}
+ aria-label={t('log.manage.attributes.exists-action.aria', { name:
row.name })}
+ >
+ <HzButtonIcon
+ icon={Check}
+ data-log-manage-attribute-exists-icon="exists"
+
data-log-manage-attribute-exists-icon-owner="hertzbeat-ui-button-icon"
+ />
+ {t('log.manage.attributes.exists-action')}
+ </HzButton>
+ ) : null}
{group ? (
<HzButton
data-log-manage-attribute-group-action={group.kind}
@@ -2432,7 +2474,7 @@ function LogManageExplorer({
) : null}
</span>
);
- }, [applyLogAttributeFieldColumn, applyLogAttributeFilter,
applyLogContextAttributeFilter, excludeLogAttributeFilter, groupLogAttribute,
replaceLogAttributeFilter, t, visibleLogFieldColumns]);
+ }, [applyLogAttributeExistsFilter, applyLogAttributeFieldColumn,
applyLogAttributeFilter, applyLogContextAttributeFilter,
excludeLogAttributeFilter, groupLogAttribute, replaceLogAttributeFilter, t,
visibleLogFieldColumns]);
const openLogDetails = (entry: LogEntry | null, source: 'history' |
'stream', selectionState: 'attached' | 'detached' = 'attached') => {
if (!entry) return;
diff --git a/web-next/app/log/manage/page.test.tsx
b/web-next/app/log/manage/page.test.tsx
index 373aa28e19..4d123795c5 100644
--- a/web-next/app/log/manage/page.test.tsx
+++ b/web-next/app/log/manage/page.test.tsx
@@ -641,6 +641,10 @@ describe('log manage page', () => {
expect(source).toContain('data-log-manage-entity-context-owner="hertzbeat-ui-detail-rows"');
expect(source).toContain('data-log-manage-selected-evidence-owner="hertzbeat-ui-detail-rows"');
expect(source).toContain('data-log-manage-detail-facts-owner="hertzbeat-ui-detail-rows"');
+ expect(source).toContain('buildLogAttributeExistsExpression');
+ expect(source).toContain('applyLogAttributeExistsFilter');
+
expect(source).toContain('data-log-manage-attribute-exists-action={existsFilter.kind}');
+
expect(source).toContain('data-log-manage-attribute-exists-owner="hertzbeat-ui-button"');
expect(source).toContain('data-log-manage-stream-selected-detail-owner="hertzbeat-ui-detail-rows"');
expect(source).toContain('data-log-manage-stream-detail-action-stack="shared-control-stack"');
expect(source).toContain('data-log-manage-stream-detail-action-stack-owner="hertzbeat-ui-control-stack"');
@@ -3387,6 +3391,35 @@ describe('log manage page', () => {
expect(mockState.replace).toHaveBeenCalledTimes(1);
expect(String(mockState.replace.mock.calls[0]?.[0])).toContain('attributeFilter=http.route%21%3D%2Fcheckout%2F%3Aid');
+
+ const existsResourceAction = interactionContainer.querySelector(
+
'[data-log-manage-attribute-exists-action="resource"][data-log-manage-attribute-filter-name="service.version"]'
+ ) as HTMLButtonElement | null;
+ const existsAttributeAction = interactionContainer.querySelector(
+
'[data-log-manage-attribute-exists-action="attribute"][data-log-manage-attribute-filter-name="http.route"]'
+ ) as HTMLButtonElement | null;
+ expect(existsResourceAction).toBeTruthy();
+ expect(existsAttributeAction).toBeTruthy();
+
expect(existsResourceAction?.getAttribute('data-log-manage-attribute-exists-owner')).toBe('hertzbeat-ui-button');
+
expect(existsAttributeAction?.getAttribute('data-log-manage-attribute-exists-owner')).toBe('hertzbeat-ui-button');
+
+ mockState.replace.mockClear();
+ await act(async () => {
+ existsResourceAction?.click();
+ await Promise.resolve();
+ });
+
+ expect(mockState.replace).toHaveBeenCalledTimes(1);
+ expect(new URL(String(mockState.replace.mock.calls[0]?.[0]),
'http://localhost').searchParams.get('resourceFilter')).toContain('service.version
EXISTS');
+
+ mockState.replace.mockClear();
+ await act(async () => {
+ existsAttributeAction?.click();
+ await Promise.resolve();
+ });
+
+ expect(mockState.replace).toHaveBeenCalledTimes(1);
+ expect(new URL(String(mockState.replace.mock.calls[0]?.[0]),
'http://localhost').searchParams.get('attributeFilter')).toContain('http.route
EXISTS');
} finally {
mockState.renderData.list.content = originalContent;
}
diff --git a/web-next/app/trace/manage/page.test.tsx
b/web-next/app/trace/manage/page.test.tsx
index 4af6d12017..59d550d1de 100644
--- a/web-next/app/trace/manage/page.test.tsx
+++ b/web-next/app/trace/manage/page.test.tsx
@@ -1794,15 +1794,19 @@ describe('trace manage page', () => {
expect(source).toContain('selectedResourceAttributeRows');
expect(source).toContain('buildTraceResourceFilterExpression');
expect(source).toContain('buildTraceResourceExcludeFilterExpression');
+ expect(source).toContain('buildTraceResourceExistsFilterExpression');
expect(source).toContain('buildTraceSpanAttributeFilterExpression');
expect(source).toContain('buildTraceSpanAttributeExcludeFilterExpression');
+ expect(source).toContain('buildTraceSpanAttributeExistsFilterExpression');
expect(source).toContain('buildTraceSpanAttributeGroupBy');
expect(source).toContain('mergeTraceResourceFilterExpression');
expect(source).toContain('applyTraceResourceFilter');
expect(source).toContain('excludeTraceResourceFilter');
+ expect(source).toContain('applyTraceResourceExistsFilter');
expect(source).toContain('replaceTraceResourceFilter');
expect(source).toContain('applyTraceSpanAttributeFilter');
expect(source).toContain('excludeTraceSpanAttributeFilter');
+ expect(source).toContain('applyTraceSpanAttributeExistsFilter');
expect(source).toContain('replaceTraceSpanAttributeFilter');
expect(source).toContain('applyTraceSpanAttributeGroupBy');
expect(source).toContain('buildTraceResourceGroupBy');
@@ -1813,6 +1817,8 @@ describe('trace manage page', () => {
expect(source).toContain('data-trace-manage-drawer-span-attribute-filter-action-owner="hertzbeat-ui-button"');
expect(source).toContain('data-trace-manage-drawer-span-attribute-filter-out-action="true"');
expect(source).toContain('data-trace-manage-drawer-span-attribute-filter-out-action-owner="hertzbeat-ui-button"');
+
expect(source).toContain('data-trace-manage-drawer-span-attribute-exists-action="true"');
+
expect(source).toContain('data-trace-manage-drawer-span-attribute-exists-action-owner="hertzbeat-ui-button"');
expect(source).toContain('data-trace-manage-drawer-span-attribute-replace-action="true"');
expect(source).toContain('data-trace-manage-drawer-span-attribute-replace-action-owner="hertzbeat-ui-button"');
expect(source).toContain('data-trace-manage-drawer-span-attribute-group-action="true"');
@@ -1829,6 +1835,9 @@ describe('trace manage page', () => {
expect(source).toContain('data-trace-manage-drawer-resource-filter-out-action="true"');
expect(source).toContain('data-trace-manage-drawer-resource-filter-out-action-owner="hertzbeat-ui-button"');
expect(source).toContain("t('trace.manage.drawer.attributes.filter-out-action')");
+
expect(source).toContain('data-trace-manage-drawer-resource-exists-action="true"');
+
expect(source).toContain('data-trace-manage-drawer-resource-exists-action-owner="hertzbeat-ui-button"');
+
expect(source).toContain("t('trace.manage.drawer.attributes.exists-action')");
expect(source).toContain('data-trace-manage-drawer-resource-replace-action="true"');
expect(source).toContain('data-trace-manage-drawer-resource-replace-action-owner="hertzbeat-ui-button"');
expect(source).toContain("t('trace.manage.drawer.attributes.replace-action')");
diff --git a/web-next/app/trace/manage/trace-manage-page.tsx
b/web-next/app/trace/manage/trace-manage-page.tsx
index 23d8130095..475768928d 100644
--- a/web-next/app/trace/manage/trace-manage-page.tsx
+++ b/web-next/app/trace/manage/trace-manage-page.tsx
@@ -515,6 +515,14 @@ function buildTraceResourceExcludeFilterExpression(name:
React.ReactNode, value:
return `${key}!=${filterValue}`;
}
+function buildTraceResourceExistsFilterExpression(name: React.ReactNode) {
+ const key = String(name ?? '').trim();
+ if (!isSafeTraceResourceFilterKey(key)) {
+ return null;
+ }
+ return `${key} EXISTS`;
+}
+
function buildTraceSpanAttributeFilterExpression(name: React.ReactNode, value:
React.ReactNode) {
return buildTraceResourceFilterExpression(name, value);
}
@@ -523,6 +531,10 @@ function
buildTraceSpanAttributeExcludeFilterExpression(name: React.ReactNode, v
return buildTraceResourceExcludeFilterExpression(name, value);
}
+function buildTraceSpanAttributeExistsFilterExpression(name: React.ReactNode) {
+ return buildTraceResourceExistsFilterExpression(name);
+}
+
function buildTraceSpanAttributeGroupBy(name: React.ReactNode) {
const key = String(name ?? '').trim();
if (!isSafeTraceResourceFilterKey(key)) {
@@ -777,10 +789,12 @@ function TraceWaterfallDrawer({
onApplyOperationFilter,
onApplySpanAttributeFilter,
onExcludeSpanAttributeFilter,
+ onApplySpanAttributeExistsFilter,
onReplaceSpanAttributeFilter,
onApplySpanAttributeGroupBy,
onApplyResourceFilter,
onExcludeResourceFilter,
+ onApplyResourceExistsFilter,
onReplaceResourceFilter,
onApplyResourceGroupBy
}: {
@@ -795,10 +809,12 @@ function TraceWaterfallDrawer({
onApplyOperationFilter: (operationName: string) => void;
onApplySpanAttributeFilter: (name: string, value: string) => void;
onExcludeSpanAttributeFilter: (name: string, value: string) => void;
+ onApplySpanAttributeExistsFilter: (name: string) => void;
onReplaceSpanAttributeFilter: (name: string, value: string) => void;
onApplySpanAttributeGroupBy: (name: string) => void;
onApplyResourceFilter: (name: string, value: string) => void;
onExcludeResourceFilter: (name: string, value: string) => void;
+ onApplyResourceExistsFilter: (name: string) => void;
onReplaceResourceFilter: (name: string, value: string) => void;
onApplyResourceGroupBy: (name: string) => void;
}) {
@@ -1234,7 +1250,7 @@ function TraceWaterfallDrawer({
title: row.title,
copy: row.copy,
meta: row.meta,
- action: buildTraceSpanAttributeFilterExpression(row.title,
row.copy) || buildTraceSpanAttributeExcludeFilterExpression(row.title,
row.copy) || buildTraceSpanAttributeGroupBy(row.title) ? (
+ action: buildTraceSpanAttributeFilterExpression(row.title,
row.copy) || buildTraceSpanAttributeExcludeFilterExpression(row.title,
row.copy) || buildTraceSpanAttributeExistsFilterExpression(row.title) ||
buildTraceSpanAttributeGroupBy(row.title) ? (
<HzActionGroup
data-trace-manage-drawer-span-attribute-action-group="filter-group"
data-trace-manage-drawer-span-attribute-action-group-owner="hertzbeat-ui-action-group"
@@ -1268,6 +1284,18 @@ function TraceWaterfallDrawer({
<HzButtonIcon icon={X}
data-trace-manage-drawer-span-attribute-filter-out-action-icon="exclude"
data-trace-manage-drawer-span-attribute-filter-out-action-icon-owner="hertzbeat-ui-button-icon"
/>
{t('trace.manage.drawer.attributes.filter-out-action')}
</HzButton>
+ <HzButton
+
data-trace-manage-drawer-span-attribute-exists-action="true"
+
data-trace-manage-drawer-span-attribute-exists-action-owner="hertzbeat-ui-button"
+
data-trace-manage-drawer-span-attribute-filter-name={row.title}
+ size="sm"
+ intent="secondary"
+ onClick={() =>
onApplySpanAttributeExistsFilter(row.title)}
+
aria-label={t('trace.manage.drawer.attributes.exists-action.aria', { name:
row.title })}
+ >
+ <HzButtonIcon icon={Check}
data-trace-manage-drawer-span-attribute-exists-action-icon="exists"
data-trace-manage-drawer-span-attribute-exists-action-icon-owner="hertzbeat-ui-button-icon"
/>
+
{t('trace.manage.drawer.attributes.exists-action')}
+ </HzButton>
<HzButton
data-trace-manage-drawer-span-attribute-replace-action="true"
data-trace-manage-drawer-span-attribute-replace-action-owner="hertzbeat-ui-button"
@@ -1311,7 +1339,7 @@ function TraceWaterfallDrawer({
title: row.title,
copy: row.copy,
meta: row.meta,
- action: buildTraceResourceFilterExpression(row.title,
row.copy) || buildTraceResourceExcludeFilterExpression(row.title, row.copy) ||
buildTraceResourceGroupBy(row.title) ? (
+ action: buildTraceResourceFilterExpression(row.title,
row.copy) || buildTraceResourceExcludeFilterExpression(row.title, row.copy) ||
buildTraceResourceExistsFilterExpression(row.title) ||
buildTraceResourceGroupBy(row.title) ? (
<HzActionGroup
data-trace-manage-drawer-resource-action-group="filter-group"
data-trace-manage-drawer-resource-action-group-owner="hertzbeat-ui-action-group"
@@ -1345,6 +1373,18 @@ function TraceWaterfallDrawer({
<HzButtonIcon icon={X}
data-trace-manage-drawer-resource-filter-out-action-icon="exclude"
data-trace-manage-drawer-resource-filter-out-action-icon-owner="hertzbeat-ui-button-icon"
/>
{t('trace.manage.drawer.attributes.filter-out-action')}
</HzButton>
+ <HzButton
+
data-trace-manage-drawer-resource-exists-action="true"
+
data-trace-manage-drawer-resource-exists-action-owner="hertzbeat-ui-button"
+
data-trace-manage-drawer-resource-filter-name={row.title}
+ size="sm"
+ intent="secondary"
+ onClick={() =>
onApplyResourceExistsFilter(row.title)}
+
aria-label={t('trace.manage.drawer.attributes.exists-action.aria', { name:
row.title })}
+ >
+ <HzButtonIcon icon={Check}
data-trace-manage-drawer-resource-exists-action-icon="exists"
data-trace-manage-drawer-resource-exists-action-icon-owner="hertzbeat-ui-button-icon"
/>
+ {t('trace.manage.drawer.attributes.exists-action')}
+ </HzButton>
<HzButton
data-trace-manage-drawer-resource-replace-action="true"
data-trace-manage-drawer-resource-replace-action-owner="hertzbeat-ui-button"
@@ -1875,6 +1915,17 @@ function TraceExplorer({
applyQuery(nextQuery);
}, [applyQuery, draft, setDraft]);
+ const applyTraceResourceExistsFilter = useCallback((name: string) => {
+ const expression = buildTraceResourceExistsFilterExpression(name);
+ if (!expression) return;
+ const nextQuery: TraceQueryState = {
+ ...draft,
+ resourceFilter: mergeTraceResourceFilterExpression(draft.resourceFilter,
expression)
+ };
+ setDraft(nextQuery);
+ applyQuery(nextQuery);
+ }, [applyQuery, draft, setDraft]);
+
const replaceTraceResourceFilter = useCallback((name: string, value: string)
=> {
const expression = buildTraceResourceFilterExpression(name, value);
if (!expression) return;
@@ -1908,6 +1959,17 @@ function TraceExplorer({
applyQuery(nextQuery);
}, [applyQuery, draft, setDraft]);
+ const applyTraceSpanAttributeExistsFilter = useCallback((name: string) => {
+ const expression = buildTraceSpanAttributeExistsFilterExpression(name);
+ if (!expression) return;
+ const nextQuery: TraceQueryState = {
+ ...draft,
+ attributeFilter:
mergeTraceResourceFilterExpression(draft.attributeFilter, expression)
+ };
+ setDraft(nextQuery);
+ applyQuery(nextQuery);
+ }, [applyQuery, draft, setDraft]);
+
const replaceTraceSpanAttributeFilter = useCallback((name: string, value:
string) => {
const expression = buildTraceSpanAttributeFilterExpression(name, value);
if (!expression) return;
@@ -3466,10 +3528,12 @@ function TraceExplorer({
onApplyOperationFilter={operationName =>
applyTraceQuickFilter('operationName', operationName)}
onApplySpanAttributeFilter={applyTraceSpanAttributeFilter}
onExcludeSpanAttributeFilter={excludeTraceSpanAttributeFilter}
+
onApplySpanAttributeExistsFilter={applyTraceSpanAttributeExistsFilter}
onReplaceSpanAttributeFilter={replaceTraceSpanAttributeFilter}
onApplySpanAttributeGroupBy={applyTraceSpanAttributeGroupBy}
onApplyResourceFilter={applyTraceResourceFilter}
onExcludeResourceFilter={excludeTraceResourceFilter}
+ onApplyResourceExistsFilter={applyTraceResourceExistsFilter}
onReplaceResourceFilter={replaceTraceResourceFilter}
onApplyResourceGroupBy={applyTraceResourceGroupBy}
/>
diff --git a/web-next/lib/i18n-runtime-messages.ts
b/web-next/lib/i18n-runtime-messages.ts
index e41942bc1d..50da10e8ea 100644
--- a/web-next/lib/i18n-runtime-messages.ts
+++ b/web-next/lib/i18n-runtime-messages.ts
@@ -2739,6 +2739,8 @@ export const SUPPLEMENTAL_MESSAGES:
Partial<Record<LocaleCode, Messages>> = {
'trace.manage.drawer.attributes.filter-action.aria': 'Filter {{name}}
equals {{value}}',
'trace.manage.drawer.attributes.filter-out-action': 'Exclude',
'trace.manage.drawer.attributes.filter-out-action.aria': 'Exclude traces
where {{name}} equals {{value}}',
+ 'trace.manage.drawer.attributes.exists-action': 'Exists',
+ 'trace.manage.drawer.attributes.exists-action.aria': 'Filter traces where
{{name}} exists',
'trace.manage.drawer.attributes.replace-action': 'Replace',
'trace.manage.drawer.attributes.replace-action.aria': 'Replace filters
with {{name}} equals {{value}}',
'trace.manage.drawer.attributes.empty.title': 'No attributes',
@@ -3203,12 +3205,15 @@ export const SUPPLEMENTAL_MESSAGES:
Partial<Record<LocaleCode, Messages>> = {
'otlp.metrics.attributes.column.value': 'Value',
'otlp.metrics.attributes.column.filter': 'Filter',
'otlp.metrics.attributes.column.exclude': 'Exclude',
+ 'otlp.metrics.attributes.column.exists': 'Exists',
'otlp.metrics.attributes.column.replace': 'Replace',
'otlp.metrics.attributes.column.group': 'Group',
'otlp.metrics.attributes.filter-action': 'Filter',
'otlp.metrics.attributes.filter-action.aria': 'Filter {{name}} equals
{{value}}',
'otlp.metrics.attributes.filter-out-action': 'Exclude',
'otlp.metrics.attributes.filter-out-action.aria': 'Exclude metrics where
{{name}} equals {{value}}',
+ 'otlp.metrics.attributes.exists-action': 'Exists',
+ 'otlp.metrics.attributes.exists-action.aria': 'Filter metrics where
{{name}} exists',
'otlp.metrics.attributes.replace-action': 'Replace',
'otlp.metrics.attributes.replace-action.aria': 'Replace filters with
{{name}} equals {{value}}',
'otlp.metrics.attributes.group-action': 'Group',
@@ -3984,6 +3989,8 @@ export const SUPPLEMENTAL_MESSAGES:
Partial<Record<LocaleCode, Messages>> = {
'log.manage.attributes.context-filter-action.aria': 'Filter surrounding
context where {{name}} equals {{value}}',
'log.manage.attributes.filter-out-action': 'Exclude',
'log.manage.attributes.filter-out-action.aria': 'Exclude logs where
{{name}} equals {{value}}',
+ 'log.manage.attributes.exists-action': 'Exists',
+ 'log.manage.attributes.exists-action.aria': 'Filter logs where {{name}}
exists',
'log.manage.attributes.replace-action': 'Replace',
'log.manage.attributes.replace-action.aria': 'Replace filters with
{{name}} equals {{value}}',
'log.manage.attributes.group-action': 'Group',
@@ -7202,6 +7209,8 @@ export const SUPPLEMENTAL_MESSAGES:
Partial<Record<LocaleCode, Messages>> = {
'trace.manage.drawer.attributes.filter-action.aria': '过滤 {{name}} 等于
{{value}}',
'trace.manage.drawer.attributes.filter-out-action': '排除',
'trace.manage.drawer.attributes.filter-out-action.aria': '排除 {{name}} 等于
{{value}} 的链路',
+ 'trace.manage.drawer.attributes.exists-action': '存在',
+ 'trace.manage.drawer.attributes.exists-action.aria': '过滤存在 {{name}} 的链路',
'trace.manage.drawer.attributes.replace-action': '替换',
'trace.manage.drawer.attributes.replace-action.aria': '替换为 {{name}} 等于
{{value}} 的过滤条件',
'trace.manage.drawer.attributes.empty.title': '无属性',
@@ -7666,12 +7675,15 @@ export const SUPPLEMENTAL_MESSAGES:
Partial<Record<LocaleCode, Messages>> = {
'otlp.metrics.attributes.column.value': '值',
'otlp.metrics.attributes.column.filter': '过滤',
'otlp.metrics.attributes.column.exclude': '排除',
+ 'otlp.metrics.attributes.column.exists': '存在',
'otlp.metrics.attributes.column.replace': '替换',
'otlp.metrics.attributes.column.group': '分组',
'otlp.metrics.attributes.filter-action': '过滤',
'otlp.metrics.attributes.filter-action.aria': '过滤 {{name}} 等于 {{value}}',
'otlp.metrics.attributes.filter-out-action': '排除',
'otlp.metrics.attributes.filter-out-action.aria': '排除 {{name}} 等于
{{value}} 的指标',
+ 'otlp.metrics.attributes.exists-action': '存在',
+ 'otlp.metrics.attributes.exists-action.aria': '过滤存在 {{name}} 的指标',
'otlp.metrics.attributes.replace-action': '替换',
'otlp.metrics.attributes.replace-action.aria': '替换为 {{name}} 等于 {{value}}
的过滤条件',
'otlp.metrics.attributes.group-action': '分组',
@@ -8447,6 +8459,8 @@ export const SUPPLEMENTAL_MESSAGES:
Partial<Record<LocaleCode, Messages>> = {
'log.manage.attributes.context-filter-action.aria': '筛选 {{name}} 等于
{{value}} 的周边日志',
'log.manage.attributes.filter-out-action': '排除',
'log.manage.attributes.filter-out-action.aria': '排除 {{name}} 等于 {{value}}
的日志',
+ 'log.manage.attributes.exists-action': '存在',
+ 'log.manage.attributes.exists-action.aria': '过滤存在 {{name}} 的日志',
'log.manage.attributes.replace-action': '替换',
'log.manage.attributes.replace-action.aria': '替换为 {{name}} 等于 {{value}}
的过滤条件',
'log.manage.attributes.group-action': '分组',
---------------------------------------------------------------------
To unsubscribe, e-mail: [email protected]
For additional commands, e-mail: [email protected]
