signoz

mirror of https://github.com/SigNoz/signoz.git synced 2026-06-30 11:50:43 +01:00

Author	SHA1	Message	Date
grandwizard28	94a2b85233	feat(web): move sentry dsn and tunnel to runtime web settings Move the Sentry dsn and tunnel out of build-time Vite injection into the web.settings config so they are configurable per deployment at runtime via SIGNOZ_WEB_SETTINGS_SENTRY_DSN and SIGNOZ_WEB_SETTINGS_SENTRY_TUNNEL. The backend injects them into index.html and the frontend reads them from window.signozBootData.settings; environment and release stay build-time.	2026-06-30 16:11:09 +05:30
Yuvraj Singh Jadon	b71c49d01f	docs: refresh README with current SigNoz offerings and features (#11595 ) * docs: refresh README * docs: update README Noz section * docs: add Foundry to README self-host path * docs: add README feature docs links * docs: refine README links and badges * docs: fix README LinkedIn badge link * docs: update README instrumentation links * docs: emphasize README contribution help * docs: link Noz docs in README	2026-06-30 09:06:35 +00:00
Abhi kumar	570bc0aef1	feat(dashboards-v2): switch panel visualization type in the editor (#11820 ) * refactor(dashboards-v2): extend ConfigSelect for the type switcher Allow ConfigSelect items to carry an arbitrary icon node and a disabled flag, and align the ConfigSegmented styling — the building blocks the panel-type switcher needs. * feat(dashboards-v2): add panel-type switch logic Add getSwitchedPluginSpec (a reversible per-kind plugin-spec transform) and the usePanelTypeSwitch hook that rebuilds the builder query and spec when the panel kind changes, guarding null queries. * feat(dashboards-v2): add the PanelTypeSwitcher control A ConfigSelect-based control listing the panel kinds, disabling types whose supported signals exclude the current datasource. * refactor(dashboards-v2): component-based icons in the panel-type modal Store icon components (not pre-rendered elements) in PANEL_TYPES so each consumer controls sizing; rename constants.tsx to constants.ts now that it holds no JSX. * feat(dashboards-v2): wire the type switcher into the config pane Render the switcher in the Visualization section, forward the panel kind + datasource signal + switch handler through SectionSlot/registry, and declare a Visualization section on every panel kind. * feat(dashboards-v2): reuse findFreeSlot for panel clone placement Clone now places the copy beside the last row when it fits, else wraps to a fresh row at the section bottom — matching the new-panel save path instead of always starting a new row. * style(dashboards-v2): format getSwitchedPluginSpec test with oxfmt Wrap the long getSwitchedPluginSpec(...) calls so the file passes `oxfmt --check` (the fmt / js CI gate). Formatting only, no behavior change. * chore: pr review changes * refactor(dashboards-v2): make SectionKind a real enum Replace the SectionKind string-literal union and the SECTION_KIND const object with a TypeScript enum. SectionSpecMap, SectionControls, SECTION_METADATA and the section registry are keyed by enum members (computed keys), and every section-kind site (kind configs, section editors, buildDefaultPluginSpec, getSwitchedPluginSpec) references SectionKind.* instead of bare string literals. * refactor(dashboards-v2): drop dead queries null-handling panel.spec.queries is a required DashboardtypesQueryDTO[], so the defensive `\|\| []` / `?? null` / optional-chaining and the dead getBuilderQueries/toQueryEnvelopes guards were no-ops. Remove them across the V2 dashboard: renderers, config pane, panel-type switch, query sync, perses adapters, panel-query hook, and the query-range builder. Also applies the same cleanup in usePanelEditorQuerySync and persesQueryAdapters (missed by the first pass), and seeds the now-required `queries` field in the ListPanel renderer test fixture.	2026-06-30 08:08:05 +00:00
Aditya Singh	a22e7b7b16	test(trace-details): add E2E coverage for Trace Details (#11846 ) * feat(trace-details): move no-data component from v2 code to v3 before v2 cleanup * feat(trace-details): move span logs out from v2 to v3 before cleanup * feat(trace-details): move events out from v2 to v3 before cleanup * feat(trace-details): remove usage of getTraceV2 from V3 code * fix(trace-details): fix serviceName path in trace funnel * feat(trace-details): remove Trace Details V2 page and its module import * feat(trace-details): remove unused trace details v2 code * feat(trace-details): fix failing test * test(trace-details): add e2e helper and large-trace fixture * test(trace-details): add flamegraph e2e + canvas test hook * test(trace-details): add waterfall e2e + row instrumentation * test(trace-details): add highlight-errors filter e2e * test(trace-details): add analytics panel e2e * test(trace-details): add span details drawer e2e * test(trace-details): add preview-fields hover card e2e * test(trace-details): minor refactor * test(trace-details): add common helpers * test(trace-details): use playwright context instead of browser * test(trace-details): add pinned side nav logic * test(trace-details): remove tests which could go as unit or integration * test(trace-details): remove tests and renumber	2026-06-30 06:46:56 +00:00
Vinicius Lourenço	fc83f91058	feat(invite-members): add reusable component for invite members (#11872 ) Some checks failed build-staging / prepare (push) Has been cancelled Details build-staging / js-build (push) Has been cancelled Details build-staging / go-build (push) Has been cancelled Details build-staging / staging (push) Has been cancelled Details Release Drafter / update_release_draft (push) Has been cancelled Details * feat(invite-members): add hook for invite members component * feat(invite-members): add component to handle invite member logic * test(invite-members): add tests for the component	2026-06-30 01:37:20 +00:00
Vikrant Gupta	0d47f02100	fix(authz): validate transactionGroups in UpdateRole like CreateRole (#11898 ) UpdatableRole.UnmarshalJSON unmarshalled transactionGroups directly into the slice, bypassing the verb/resource/kind/selector validation that CreateRole applies via NewTransactionGroups. Parse the field through NewTransactionGroups so update enforces the same constraints, while keeping transactionGroups required (omitted/null still rejected).	2026-06-29 20:30:25 +00:00
Vinicius Lourenço	810bf5d9a0	fix(notification-channels): edit not persisting any information (#11888 ) * fix(edit-alerts): not persisting any information on save * refactor(channels-edit): use matchPath instead of regex	2026-06-29 18:48:46 +00:00
Abhi kumar	7d8a00ab8c	fix(uplotV2): tooltip list clips last row and over-scrolls (#11883 ) Some checks failed build-staging / staging (push) Has been cancelled Details build-staging / prepare (push) Has been cancelled Details build-staging / js-build (push) Has been cancelled Details build-staging / go-build (push) Has been cancelled Details Release Drafter / update_release_draft (push) Has been cancelled Details The Virtuoso scroller height was set to min(totalListHeight, 300), but the scroll viewport adds 8px top + 8px bottom padding that totalListHeight does not account for. The box was therefore ~16px shorter than its content, clipping the last row and showing a scrollbar even when every row would fit. Add the viewport's vertical padding back into the computed height so it only scrolls once content genuinely exceeds the max height.	2026-06-29 17:58:01 +00:00
Gaurav Tewari	348fca1b62	feat(llm-pricing): listing page + table (2/5) (#11760 ) * feat(llm-pricing): add model pricing foundation (route, permission, page shell) * feat(llm-pricing): add listing page and table * chore(llm-pricing): drop search + source filters from list request The list API does not honour the q (search) and source params yet, so the controls did nothing. Remove the search input and source dropdown along with the params we sent, and trim useModelPricingFilters to the URL-backed page state that pagination still needs. Currency dropdown, tabs, table and pagination are unchanged. Filters will return once the backend supports them. * refactor(llm-pricing): extract getRelativeTime helper in utils Pull the relative-time formatting out of getRelativeLastSeen into a small local getRelativeTime helper. Kept feature-local (not in the shared utils/timeUtils) so the LLM pricing module owns its own dayjs config; the local relativeTime extend stays for test self-sufficiency. * refactor(llm-pricing): drop dead NaN guard in formatPricePerMillion Pricing fields are typed as required numbers and JSON can't carry NaN, so Number.isNaN was unreachable. Keep the null/undefined guard as API defensiveness (toFixed on a missing value would crash the row). Also trims the now-redundant dayjs.extend comment. * refactor(llm-pricing): centralize constants and shared types Extract PAGE_SIZE, PAGE_KEY, COLUMN_COUNT and CURRENCY_OPTIONS into a new constants.ts, and move the ModelPricingFilters contract into types.ts. Component prop interfaces stay colocated with their components, matching the convention in the drawer PR. * refactor(llm-pricing): use nuqs for list pagination URL state Replace the hand-rolled useHistory + URLSearchParams plumbing in useModelPricingFilters with nuqs useQueryState, matching the convention used by the dashboards, alerts and k8s list pages. Behaviour is unchanged: parseAsInteger.withDefault(1) keeps ?page=1 out of the URL and history:'replace' avoids polluting the back-stack. * refactor(llm-pricing): inline pagination, drop useModelPricingFilters The hook had shrunk to a one-line nuqs wrapper after search/source were removed, so inline the useQueryState call into the container and remove the hook file plus the now-unused ModelPricingFilters type. When the filters return (once the API honours them) they can move back into a dedicated hook. * feat(llm-pricing): disable currency selector (USD-only for now) Only USD is priced today, so render the currency SelectSimple in a disabled state pinned to USD. A disabled select can't fire onChange, so the currency useState is dead — drop it (and the now-unused useState import). * refactor(llm-pricing): render model costs inside its tab + tab URL param The listing was rendered outside the Tabs, so the tab was decorative. Move all model-cost content (currency control, list query, table, pagination, footer) into a ModelCostsTab component rendered as the 'Model costs' tab's children, and drive the active tab from a 'tab' URL query param (nuqs). The container is now just the page shell. Unpriced models stays a disabled placeholder for a later PR. * style(llm-pricing): target @signozhq table slots, drop dead antd/leftover rules The component uses @signozhq/ui Table/Tabs (Radix-based), not antd, so the .ant-table-* and .ant-tabs-nav selectors never matched — the intended uppercase/muted header styling wasn't applied. Retarget header/cell rules to [data-slot='table-head'\|'table-cell'] (no !important needed). Also remove dead rules left over from the removed search/source/add UI (.filters-bar__search, __source, __add, .page-header__actions) and the unused .source-badge--auto/ --override modifiers. * fix(llm-pricing): constrain currency dropdown width, drop tab URL param - Currency SelectSimple stretched to fill the filters bar; give it a fixed 160px width (min-width couldn't cap the trigger). - Model costs is the only enabled tab for now, so use Tabs defaultValue instead of a URL-backed param. Removes the nuqs tab state plus the now-unused TAB_KEYS/TAB_QUERY_KEY constants and TabKey type. * chore: self review changes * fix: add skeleton loading * refactor: self review changes * refactor: initial prop * fix: update styling * fix: add comments in utils * fix: route thing * refactor: migrate to css moduel * refactor: migrate to css module * refactor: migrate to tanstack table * docs: clarify price precision comment * chore: remove comment * refactor: shell * fix: add key to route * feat: add flags * chore: additional refactor * chore: add commet in utis * refactor: types and other things * refactor: types and other things * refactor: update routes * chore: remove usd selector for now * fix: layout shift * refactor: styles * refactor: typography component * refactor: more changes * refactor: typograhy * chore: sync table * chore: remove extra comment * chore: use typograpgy test in table config * fix: llm pricing listing * fix: update missing styles * chore: update edit and delete options * chore: remove divider --------- Co-authored-by: Gaurav Tewari <tewarig@users.noreply.github.com>	2026-06-29 16:19:33 +00:00
Yunus M	83e0e974fe	fix: include query metadata in alert edit and new contexts (#11891 )	2026-06-29 15:37:07 +00:00
Himanshu RW	10217274b8	fix(render): add missing Content-Type header in Error() response (#11890 )	2026-06-29 15:03:37 +00:00
Tushar Vats	7c3ac5b221	chore: json tags for error struct (#11886 ) * chore: json tags for error struct * fix: udpate unit tests	2026-06-29 12:17:00 +00:00
Naman Verma	c1d40d7359	fix: schema fixes based on UI and MCP integration review (#11718 ) * fix: change schema properties based on UI integration review * fix: check that panels referred in layouts exist * chore: extract out validate panels method * test: add test for missing spec prefix in layout * fix: reject dashbaords that have vars with the same name * fix: add additional error info on patch application error * fix: add validations to list variable that text variable has * fix: replicate text variable spec in signoz to make name required * chore: replicate variable.sort into signoz * chore: remove unsupported enum values (causing errors right now) * chore: fix variable sort type errors * fix: add back enum values * fix: reject single-element list default when allowMultiple is false in list variables * fix: remove unused import * fix: make display required * chore: make queries non-nullable * fix: properly define default value and datasource plugin spec's api specs * fix: promote variable defaultValue to a named oneOf component The list variable defaultValue was an inline string \| []string oneOf, which downstream codegen can't canonicalize: tfplugingen-openapi rejects the inline scalar-or-array multi-type, and oapi-codegen has no named type to attach the union's Marshal/UnmarshalJSON to. Shape the vendored variable.DefaultValue as the named VariableDefaultValue oneOf via a reflector InterceptSchema hook and let defaultValue $ref it, instead of overriding the property inline. Regenerate the OpenAPI spec and frontend client accordingly. * refactor: move VariableDefaultValue oneOf into dashboardtypes Define VariableDefaultValue in dashboardtypes as a subclass of the perses variable.DefaultValue and attach the string \| []string oneOf via its own PrepareJSONSchema, instead of shaping the perses type from an openapi.go InterceptSchema hook. This keeps the union's schema next to its type. The named component is now DashboardtypesVariableDefaultValue; regenerate the OpenAPI spec and frontend client accordingly. --------- Co-authored-by: Ashwin Bhatkal <ashwin96@gmail.com> Co-authored-by: grandwizard28 <vibhupandey28@gmail.com>	2026-06-29 12:02:33 +00:00
Nityananda Gohain	c5c1913f97	fix(querier): pad clamped time range for trace_id-filtered logs (#11800 ) * fix(querier): pad clamped time range for trace_id-filtered logs * chore: use a struct instead * chore: more cleanup	2026-06-29 11:19:39 +00:00
Naman Verma	5ab6636863	feat: add api to fetch v2 dashboards for a metric name (#11784 ) * feat: add api to fetch v2 dashboards for a metric name * chore: switch to query param * chore: generate API specs * chore: use proper struct in return type of GetByMetricNamesV2 * chore: add method for escaping like patterns in sqlstore formatter * fix: use only one db call in GetByMetricNamesV2 * chore: dont use type alias for list of references	2026-06-29 10:24:23 +00:00
Aditya Singh	3680cc7779	refactor(trace-details): remove dead Trace Details V2 code (#11805 ) Some checks failed build-staging / prepare (push) Has been cancelled Details build-staging / js-build (push) Has been cancelled Details build-staging / go-build (push) Has been cancelled Details build-staging / staging (push) Has been cancelled Details Release Drafter / update_release_draft (push) Has been cancelled Details * feat(trace-details): move no-data component from v2 code to v3 before v2 cleanup * feat(trace-details): move span logs out from v2 to v3 before cleanup * feat(trace-details): move events out from v2 to v3 before cleanup * feat(trace-details): remove usage of getTraceV2 from V3 code * fix(trace-details): fix serviceName path in trace funnel * feat(trace-details): remove Trace Details V2 page and its module import * feat(trace-details): remove unused trace details v2 code * feat(trace-details): fix failing test	2026-06-29 08:19:14 +00:00
Aditya Singh	7cfedc46c4	refactor(trace-details): migrate SpanLogs/Events/NoData + funnel to V3 (pre-V2-cleanup) (#11855 ) * feat(trace-details): move no-data component from v2 code to v3 before v2 cleanup * feat(trace-details): move span logs out from v2 to v3 before cleanup * feat(trace-details): move events out from v2 to v3 before cleanup * feat(trace-details): remove usage of getTraceV2 from V3 code * fix(trace-details): fix serviceName path in trace funnel * feat(trace-details): move no-data component from v2 code to v3 before v2 cleanup * feat(trace-details): move span logs out from v2 to v3 before cleanup * feat(trace-details): move events out from v2 to v3 before cleanup * feat(trace-details): remove usage of getTraceV2 from V3 code * fix(trace-details): fix serviceName path in trace funnel * feat(trace-details): fix css style conventions * feat(trace-details): events code refactor * feat(trace-details): fix tests	2026-06-29 07:54:58 +00:00
Gaurav Tewari	69ba25d82e	feat(llm-pricing): foundation — route, permission & page shell (1/5) (#11750 ) * feat(llm-pricing): add model pricing foundation (route, permission, page shell) * refactor: migrate to css moduel * refactor: shell * fix: add key to route * feat: add flags * refactor: update routes --------- Co-authored-by: Gaurav Tewari <tewarig@users.noreply.github.com>	2026-06-29 05:56:37 +00:00
Yunus M	e42159f257	feat: enhance context picker with empty state handling and prefill functionality (#11869 ) * feat: enhance context picker with empty state handling and prefill functionality * feat: implement empty state CTA styling and testing for context picker	2026-06-29 05:51:06 +00:00
Ashwin Bhatkal	1e887dc9c9	chore(e2eci): source Playwright browsers from official image (#11789 ) Some checks failed build-staging / prepare (push) Has been cancelled Details build-staging / js-build (push) Has been cancelled Details build-staging / go-build (push) Has been cancelled Details build-staging / staging (push) Has been cancelled Details Release Drafter / update_release_draft (push) Has been cancelled Details * chore(e2eci): source Playwright browsers from official image Replace the runtime `pnpm playwright install` (which fetches browser binaries from the Playwright CDN and intermittently times out) with a copy out of the official `mcr.microsoft.com/playwright:v1.57.0-noble` image. The job stays on ubuntu-latest so the testcontainers-based backend bring-up is untouched; only OS deps are still installed via apt (`install-deps`), which does not hit the flaky CDN. Bump @playwright/test from the 1.57.0 alpha to stable 1.57.0 so the client version matches the image tag (browser builds line up). Closes #11772 * fix(e2e): open panel ⋮ menu via click, not hover (#11881)	2026-06-28 12:15:55 +00:00
Vinicius Lourenço	7646aabb2b	fix(member-settings): sidenav button not redirecting to correct invite members modal (#11871 ) Some checks failed build-staging / prepare (push) Has been cancelled Details Release Drafter / update_release_draft (push) Has been cancelled Details build-staging / js-build (push) Has been cancelled Details build-staging / go-build (push) Has been cancelled Details build-staging / staging (push) Has been cancelled Details	2026-06-26 17:18:19 +00:00
Vinicius Lourenço	18851afb6d	refactor(onboarding): drop old page (#11860 )	2026-06-26 17:16:24 +00:00
Srikanth Chekuri	d5221a6ff3	feat(metrics): add per-metric label-reduction rules (#11849 ) * chore(metric-reduction): scaffold metric volume control API (types, routes, stubs) * chore: generate spec * chore: fix required and generate frontend types * chore(metric-reduction): add module implementation (#11857)	2026-06-26 17:16:04 +00:00
Vikrant Gupta	19712c3579	feat(authdomain): support custom roles in SSO group mapping (#11858 ) Some checks failed build-staging / prepare (push) Has been cancelled Details build-staging / js-build (push) Has been cancelled Details build-staging / go-build (push) Has been cancelled Details build-staging / staging (push) Has been cancelled Details Release Drafter / update_release_draft (push) Has been cancelled Details * feat(authdomain): support custom roles in SSO group mapping Role mappings now reference SigNoz roles by name (custom or managed) instead of the legacy ADMIN/EDITOR/VIEWER enum. Legacy values sent by a client are normalized to their managed names (signoz-admin/editor/viewer), and a migration normalizes existing stored mappings. - normalize legacy role names on unmarshal; resolve all matched roles on SSO callback (union of matched groups, else default, else viewer) - validate referenced roles exist on auth domain create/update - block deleting a role referenced by any auth domain mapping, naming the referencing domains (OnBeforeRoleDelete now also passes the role name) - migration 096 to rewrite legacy names in existing auth_domain mappings * refactor(sqlmigration): decode SSO role mapping into a typed struct Decode the roleMapping object into a small frozen struct instead of poking at json.RawMessage per field. The top-level config stays a raw map so the other config fields are preserved untouched. * fix(authdomain): validate SSO role attribute claim against existing roles When the role mapping uses the IDP role attribute, the claimed role is assigned only if it exists in the org (resolved case-insensitively, with legacy ADMIN/EDITOR/VIEWER mapped to their managed names); otherwise the mapping falls through to group mappings and the default role. This lets custom roles be assigned via the attribute and avoids failing login on an unknown claim. Also normalize legacy role names case-insensitively and fold the single-use managed-role lookup into NormalizeRoleName.	2026-06-26 14:26:43 +00:00
ElyesLaaribi	e31683be11	fix(metrics-explorer): resolve pagination overlap in table (#11812 ) * fix: resolve pagination overlap in metrics explorer table * fix: add padding-bottom to metrics table container per review feedback	2026-06-26 13:59:04 +00:00
Tushar Vats	1700ad06e6	chore: refactor error response + normalize ClickHouse telemetrystore errors (#11740 ) * chore: mark required and nullable in json tag, renamed methods, and added more functionality * fix: unit test * fix: cast clickhouse exceptions * fix: go mod tidy * fix: telemetrystore now returns explicit base errors * fix: typo * fix: added all changes * fix: added nil check * fix: update test files * fix: addressed comments * fix: change errors and suggestions to be non-nullable	2026-06-26 13:44:38 +00:00
Vikrant Gupta	ee3b45b80d	feat(statsreporter): track role counts (#11866 ) Register the authz provider as a stats collector and emit per-org role counts (role.count, role.custom.count, role.managed.count) using the same dynamic key pattern as authdomain.	2026-06-26 13:24:59 +00:00
Vinicius Lourenço	4771e30c03	fix(keyboard-shortcut): monaco-editor should not trigger shortcut (#11848 )	2026-06-26 12:22:03 +00:00
Pandey	e933fa74c7	feat(querybuilder): type untyped value fields in v5 openapi schema (#11850 ) * feat(querybuilder): type untyped value fields in v5 openapi schema The query-builder v5 types FunctionArg, VariableItem and Label carry a `Value any` field that the reflector rendered as an untyped `{}` in the OpenAPI spec, and QueryEnvelope left an untyped `spec: {}` on its oneOf base. Add PrepareJSONSchema methods that document the real wire contract: - FunctionArg.value -> oneOf [number, string] - VariableItem.value -> oneOf [string, number, boolean, array<scalar>] - Label.value -> oneOf [string, number, boolean] - QueryEnvelope -> drop the duplicate base properties so only the typed oneOf-of-$ref variants remain The Go fields stay `any`; this only shapes the generated schema, so the runtime decode paths and the existing wire format are unchanged. * chore(api): regenerate openapi spec and frontend client Regenerates docs/api/openapi.yml (`generate openapi`) and the orval frontend client (`generate:api`) for the v5 schema typing. The four value/spec fields are now typed instead of untyped `{}`, and the QueryEnvelope DTO collapses from a union of `& { spec?: unknown }` intersections into a clean discriminated union. * feat(querybuilder): expose builder_join variant and nullable variable value - Uncomment the QueryEnvelope builder_join variant so the discriminated union includes joins (the runtime UnmarshalJSON already decodes them), and type QueryBuilderJoin.aggregations (a []any holding trace/log/metric aggregations) as a oneOf of the concrete aggregation schemas instead of an untyped {}. - Mark VariableItem.value nullable: the frontend sends null for a dynamic variable whose "ALL" option is selected. Go field types are unchanged; this only shapes the generated schema. * chore(api): regenerate spec and frontend client for join + nullable value Regenerates docs/api/openapi.yml and the orval frontend client. The QueryEnvelope union gains the builder_join variant (with typed aggregations), and VariableItem.value is now string \| number \| boolean \| array \| null. * refactor(querybuilder): extract join aggregations into a named JoinAggregation The previous inline `items.oneOf` on QueryBuilderJoin.aggregations isn't mappable by code generators — tfplugingen-openapi rejects a oneOf buried inline in array items ("schema composition is currently not supported"), and skaff's detectOneOfRewrites only rewrites top-level component schemas. Introduce a named JoinAggregation element type exposing the trace/log/metric shapes via JSONSchemaOneOf, so the schema becomes a named oneOf-of-$ref component (which generators flatten into one object with three optional sub-objects) instead of an inline union. The runtime value stays opaque and the wire shape is unchanged via transparent Marshal/UnmarshalJSON. * chore(api): regenerate spec and frontend client for JoinAggregation QueryBuilderJoin.aggregations items now reference the named Querybuildertypesv5JoinAggregation oneOf component. * feat(querybuilder): add an OpenAPI discriminator to the QueryEnvelope union Collapse the three signal-specific builder_query schema variants into a single queryEnvelopeBuilder whose aggregations are a trace/log/metric union (BuilderAggregation), so `type` maps 1:1 to one variant. Tag QueryEnvelope with x-signoz-discriminator (propertyName: type); attachDiscriminators promotes it to a real OpenAPI 3 discriminator so oapi-codegen emits ValueByDiscriminator and generated clients can dispatch the union mechanically. Runtime decoding is unchanged — UnmarshalJSON still dispatches builder queries by signal. The generated frontend client and its dashboard-v2 consumers need a follow-up to adopt the discriminated union. * chore(api): regenerate openapi spec for the QueryEnvelope discriminator Frontend client regeneration is deferred to the follow-up that adapts the dashboard-v2 query consumers to the discriminated union. * chore(api): regenerate frontend client for the QueryEnvelope discriminator Matches the discriminator added in `120de27c8` and the openapi spec in `4d00c0f09`: QueryEnvelopeDTO is now a discriminated union keyed on `type`, with the builder variant collapsed and BuilderAggregation typed. WIP: the dashboard-v2 queryV5 consumers (buildQueryRangeRequest, persesQueryAdapters, prepareScalarTables) don't yet compile against the discriminated union, so a whole-project `tsgo --noEmit` fails until the follow-up commit adapts them. Committed with --no-verify intentionally. * feat(querybuilder): make the QueryEnvelope discriminator generator-friendly Two fixes so oapi-codegen/skaff can dispatch the QueryEnvelope union: - Pin each variant's `type` to a plain-string enum (it was a $ref to the typed QueryType enum, which made oapi-codegen's `v.Type = "builder_query"` assignment fail to compile). - Replace the builder variant's aggregation union with a signal-discriminated builderQuerySpec — a oneOf of QueryBuilderQuery[Trace\|Log\|Metric] keyed on the existing (already plain-string-pinned) `signal` field. The three aggregation structs stay separate, mirroring dashboardtypes.BuilderQuerySpec. builder_join's aggregations stay a discriminator-less oneOf (JoinAggregation) for now — deferred, since a join has no signal to discriminate on. * chore(api): regenerate openapi spec for the QueryEnvelope discriminator fix QueryEnvelope now has a plain-string `type` discriminator; builder_query nests a signal-discriminated BuilderQuerySpec. Frontend client regeneration is deferred to the single FE pass. * chore(api): regenerate frontend client for the QueryEnvelope discriminator fix Matches the plain-string two-level discriminator (`cf5b2556e` / openapi `1da75be19`): QueryEnvelopeDTO discriminates on `type`; builder_query nests a signal-discriminated BuilderQuerySpecDTO over the three QueryBuilderQuery[T]. WIP: the dashboard-v2 queryV5 consumers (buildQueryRangeRequest, persesQueryAdapters, prepareScalarTables) still don't compile against the discriminated union, so a whole-project `tsgo --noEmit` fails until the single FE pass adapts them. Committed with --no-verify intentionally. * fix(querybuilder): make QueryEnvelope discriminator `type` required so apitypes compile The plain-string pinning was the wrong lever — the blocker is the pointer, not the enum's underlying type. An optional discriminator field renders as `T`, and oapi-codegen's From<Variant> assigns the discriminator string literal directly, which only compiles on a non-pointer field. Mark `type` required:"true" on each variant (renders non-pointer, like dashboardtypes_layout's required `kind`), and drop the pinQueryType plain-string override. The QueryType enum is unchanged. chore(api): regenerate openapi spec for the required `type` discriminator QueryEnvelope variants now mark `type` required so the generated apitypes compile. Frontend client regeneration follows. * chore(api): regenerate frontend client for the required `type` discriminator Matches the required-`type` fix (`65afd890f` / openapi `b8d528666`): QueryEnvelope variants mark `type` required so the apitypes compile. WIP: the dashboard-v2 queryV5 consumers still don't compile against the discriminated union; a whole-project `tsgo --noEmit` fails until the single FE pass adapts them. Committed with --no-verify intentionally. * chore(querybuilder): defer builder_join until it has a proper aggregation discriminator The join aggregation oneOf (trace/log/metric) has no discriminator — trace and log aggregations are byte-identical, and a join carries no `signal` to dispatch on (unlike a builder query) — so code generators can't map it. Comment out JoinAggregation (with a TODO for when full join support lands), revert QueryBuilderJoin.Aggregations to []any, and drop the builder_join variant from QueryEnvelope's discriminated union (oneOf + `type` mapping). Runtime decoding of builder_join is unchanged. * chore(api): regenerate openapi spec — builder_join deferred out of the union * chore(api): regenerate frontend client — builder_join deferred Matches `ee6228946` / openapi `ac1255f7b`: the builder_join variant (and its JoinAggregation/QueryBuilderJoin DTOs) are dropped from QueryEnvelopeDTO while joins are deferred. WIP: the dashboard-v2 queryV5 consumers still don't compile against the discriminated union; a whole-project `tsgo --noEmit` fails until the single FE pass adapts them. Committed with --no-verify intentionally. * fix(dashboards-v2): adapt queryV5 consumers to the discriminated QueryEnvelope union The generated QueryEnvelopeDTO is now a discriminated union — orval splits `type` into per-variant enums — so comparing/constructing against the shared QueryTypeDTO no longer type-checks. Route the type/spec logic through the hand-rolled QueryEnvelope model (plain-string `type`, typed `spec`) and cast to the generated DTO at the wire boundary (reusing the existing toMapperEnvelopes bridge). No behavior change; the queryV5 tests pass. * refactor(dashboards-v2): compare envelope discriminator via generated enums Replace the string-literal `type` checks with the generated per-variant discriminator enums (Querybuildertypesv5QueryEnvelope{Builder,PromQL,ClickHouseSQL}DTOType). They compare directly against `envelope.type` (no cast) and narrow the union, so no magic strings and no hand-rolled QueryEnvelope routing for the type check. * refactor(dashboards-v2): cast only the envelope spec in toQueryEnvelopes plugin.spec is the un-narrowed plugin-spec union, so the construction needs to pick out the specific spec — but casting the whole array `as unknown as QueryEnvelopeDTO[]` also discarded the type-check on the `type` discriminator. Cast just `spec` to the variant spec (single `as`, mirroring the CompositeQuery case), keeping `type` and the array type-checked against QueryEnvelopeDTO. * refactor(dashboards-v2): drop the as-unknown-as casts from queryV5 consumers Discriminator narrowing makes envelope.spec typed, so the double casts I added when adapting these files reduce to single `as` or none: - extractClickhouseQueryNames: cast-free (ClickHouseQueryDTO has `name`). - withBarStepInterval: read spec.stepInterval directly; the rebuilt spec keeps a single `as BuilderQuerySpecDTO` (spreading the optional union drops required `signal`). - withPagination: single `as` on the rebuilt spec, same reason. - extractAggregationsPerQuery: single `as` only on the heterogeneous aggregations. - hasRunnableQueries: single `as QuerySpecView` (its boolean .filter doesn't narrow, and the view exposes signal-as-string + metricName). No `as unknown as` remain in the files this PR touched. * refactor(qbv5): inline discriminator helpers, trim schema comments Inline the x-signoz-discriminator construction directly into the builderQuerySpec and QueryEnvelope PrepareJSONSchema methods, dropping the signozDiscriminatorKey const and the schemaRef/markDiscriminator helpers. Trim verbose PrepareJSONSchema doc comments to 1-2 lines each. Pure refactor: generated openapi.yml is unchanged. * fix(qbv5): make variable value schema non-nullable The ALL selection of a dynamic variable sends the marker string __all__, not null, so the generated value schema should not allow null. Regenerate the OpenAPI spec and frontend clients to drop the nullable type.	2026-06-26 10:09:00 +00:00
Abhi kumar	853397a79e	feat(dashboards-v2): create new panels from the editor (#11777 ) Some checks failed build-staging / prepare (push) Has been cancelled Details build-staging / js-build (push) Has been cancelled Details build-staging / go-build (push) Has been cancelled Details build-staging / staging (push) Has been cancelled Details Release Drafter / update_release_draft (push) Has been cancelled Details * feat(dashboards-v2): list panel kind (logs/traces) with row detail * feat(dashboards-v2): list columns editor with datasource column switch * feat(dashboards-v2): move list columns editor below the query builder Replace the config-pane Columns section with a dnd-kit reorderable editor rendered beneath the query builder (V1 parity); sanitize selectFields to the field-key DTO so saved columns drop non-contract keys (isIndexed). * style(dashboards-v2): format list panel header with oxfmt * refactor(dashboards-v2): drop the unsupported-panel fallback Every panel kind now has a renderer, so the "not yet supported in V2" body is dead. Remove UnsupportedPanelBody and render the panel body behind a plain `panelDefinition &&` guard. Also clean up the panel-kind typing in Panel.tsx: `spec.plugin.kind` is non-optional and already a PanelKind, so the `as unknown as` cast and `?.` chains go away. * refactor(dashboards-v2): tighten the getPanelDefinition cast Drop the dead `if (!kind)` guard (a partial registry already returns undefined for absent keys) and reduce the `as unknown as` double-cast to a single `as` — comparability clears it, so the unknown laundering was unnecessary. * refactor(dashboards-v2): narrow renderer props to the panel kind PanelRendererProps<K> now carries a `panel` narrowed to kind K (via a PluginOfKind helper that picks the variant from the generated plugin union), so each renderer reads `panel.spec.plugin.spec` as its exact spec DTO. Removes the per-renderer `as <Kind>SpecDTO` cast (and the now-dead `?? {}` fallbacks) across all seven renderers; the single unavoidable widening stays in getPanelDefinition. * feat(dashboards-v2): create new panels from the editor Add a draft-first create flow: picking a panel type opens the editor at `/panel/new?panelKind=…&layoutIndex=…` on an in-memory default panel, and nothing is persisted until save — cancelling leaves the dashboard untouched (V1 parity). On save a new panel is minted (uuid) and added to the target section via `createPanelOps` (resolves the section, or creates one when the dashboard has none). All "Add panel" triggers (section header, empty section, empty dashboard, toolbar) route through a single useCreatePanel hook + the V2 type picker; the leftover V1 global modal and useAddPanelToSection are removed. New panels seed sensible defaults from the kind's supported signals: the query datasource (e.g. List → logs, not the unsupported metrics default) and, for List, the signal's default columns — so the Columns control isn't empty on first open. New panels always re-serialize their query for the kind on save, so the persisted query is valid even if untouched. echo "--- working tree after commits (should be only dev hack) ---"; git status --short * fix(dashboards-v2): place a new panel in the last row's free space createPanelOps placed every new panel at x:0 on a fresh row, so a half-full last row left its right half empty. Find the first free slot in the section's last row (right of its panels) and only wrap to a new row when it can't fit. * fix(uplot): center a single-item chart legend isSingleRow read the container width from a ref inside useMemo, so it computed once at mount (ref still null → width 0 → false) and only recovered if the component happened to re-render. The uPlot legend re-renders on plot sync so it recovered by luck; the Pie legend doesn't, leaving a single item clipped in a narrow grid track. Measure the container with useResizeObserver instead. * feat(dashboards-v2): unified panel empty, no-data and no-query states Add a shared PanelMessage component (icon + title + description + optional action) backing every non-chart panel state. PanelBody now shows a 'Nothing to visualize yet' state for panels with no runnable query and a polished error state with Retry. NoData becomes a 'No data in this time range' affordance with an optional Retry, wired through a new optional refetch on the renderer props. * fix(dashboards-v2): derive the preview "Plotted with" tag from the panel query The editor preview hardcoded EQueryType.QUERY_BUILDER, so PromQL/ClickHouse panels were mislabelled and list panels still showed the tag. Add a V2 PlotTag (mirroring V1: hidden for list panels and before a query exists) fed by a new getPanelQueryType util that reads the panel's V5 envelopes. * feat(dashboards-v2): panel header title with description tooltip Replace PanelHeader's ReactNode title with explicit name + description props, rendering the description as an info-icon tooltip in the header instead of a wrapper around the title. Panel passes them directly (no headerTitle memo). * refactor(dashboards-v2): let consumers own the refetch loader signal usePanelQuery returns the raw react-query isLoading; the dashboard panel and the editor preview now compute isLoading \|\| isFetching themselves, so each surface decides whether a background refetch shows the full loader. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com> * fix(dashboards-v2): default a threshold's label to an empty string on save * feat(dashboards-v2): show the panel header in the editor preview Reuse PanelHeader in PreviewPane so the editor preview shows the panel title, description tooltip, refetch spinner, and error/warning indicators, with the body rendered flush beneath it like the dashboard grid panel. Add a hideActions flag to PanelHeader to suppress the actions menu in the editor: View/Edit/Clone/Delete don't apply there, and omitting panelActions alone isn't enough since View/Edit/Download survive their own gates. Wire the table/list header search through the preview as the grid does, and thread the raw isFetching for the header's refetch spinner. * feat(dashboards-v2): seed new panels with per-kind config defaults A new panel was seeded with an empty plugin spec, so the config pane's dropdowns and segmented controls (time scope, legend position, line style / interpolation, fill mode) opened with nothing selected. Derive a default plugin spec from each kind's declared sections via a new pure buildDefaultPluginSpec helper and seed it in createDefaultPanel. Each default equals the matching renderer fallback, so only the config-pane display changes, not the rendered output. Controls whose empty state already reads as the chart default (unit/decimals "auto", switches, numeric "Auto" inputs) are left unset. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com> * fix(dashboards-v2): preserve list columns across datasource round-trips The List panel stores a single selectFields list, so switching the query signal replaced the columns with the new datasource's defaults — going logs -> traces -> logs discarded a customized logs selection. Remember each signal's columns and restore them when switching back; defaults still seed a signal the first time it's seen. * docs(dashboards-v2): trim verbose comments to minimal-why style Condense multi-paragraph block comments and drop comments that restate the code across the new-panel editor surface, keeping only the non-obvious "why" and concise JSDoc on functions and type fields. Comment-only — no code, types, or test assertions changed. * fix(dashboards-v2): show resource attributes like service.name in trace list panels The List renderer only flattened nested resource/attribute maps for logs, so a selected resource field such as service.name (nested under resources_string) rendered N/A for traces even though the same data shows in V1. Flatten traces too. * feat(dashboards-v2): open new List panels on a runnable logs query (V1 parity) A new List panel opened blank: its seed query had an empty orderBy and lived only in the builder, so the preview didn't run on open. Seed spec.queries at creation with the V1 list logs query (orderBy timestamp desc) so the panel opens on logs, pre-sorted, and the preview runs immediately; wire up useSeedNewListColumns so its default columns (timestamp, body) are populated too. Switching to traces is handled by the builder's list-view path. * fix(dashboards-v2): drop all config-pane sections from the List panel List columns are edited below the query builder, and Context Links isn't wanted in the config pane, so the List panel now declares no config-pane sections. * refactor(dashboards-v2): address PR review feedback - getPanelDefinition: make PanelRegistry total over PanelKind so it never returns undefined (a missing kind is now a compile error) - toQueryEnvelopes/hasRunnableQueries: accept `... \| null` and drop the `?? []` at call sites - consolidate panel loading to a single `isFetching` signal (Panel, PreviewPane, PanelEditor) - rename defaultDataSource -> signal; use TelemetrytypesSignalDTO enum for the List default columns - useCreatePanel now owns the panel-type picker state, deduping the three add-panel triggers; rename pluginKind -> panelKind - LabelThresholdRow: extract onSave into a callback; ThresholdsSection test uses userEvent - PreviewPane: drop the optional chaining on the required display field - trim over-verbose comments * refactor(dashboards-v2): type panel signals as TelemetrytypesSignalDTO Replace the query-builder `DataSource` enum with `TelemetrytypesSignalDTO` across the panel signal plumbing — the panel definitions' `supportedSignals`, the List columns editor/suggestions/defaults, and the editor query-sync and column-seeding hooks — and make the signal non-optional where a panel always resolves one. Drops the now-dead `DataSource` imports. * chore: pr review changes * chore: pr review changes --------- Co-authored-by: Claude Opus 4.8 (1M context) <noreply@anthropic.com>	2026-06-25 18:48:20 +00:00
Vinicius Lourenço	bd526df11d	feat(roles): rework the create/update pages (#11815 ) * fix(styles): little fix for callout I will upstream this fix eventually * fix(settings): ensure tab content can use height: 100% We will need this fix for the create/edit role page later during json mode * refactor(authz): define the verbs that supports selectorId * refactor(roles): drop old components We will rewrite them * refactor(roles): use css modules on role settings * refactor(roles): rewrite delete role modal to use dialog component * feat(roles): add initial type files * feat(error-in-place): add testId to allow assert on future tests * refactor(permission-denied-full-page): change the wording a little bit to match the API This change was requested by Vikrant * feat(service-account-drawer): add copy button for ID Suggested by https://github.com/SigNoz/platform-pod/issues/2529#issuecomment-4776975323 * fix(service-account-drawer): not validating the permissions correctly for read/update Found at https://github.com/SigNoz/platform-pod/issues/2529#issuecomment-4776975323 * feat(timezone): add little helper to allow format optional dates * refactor(authz): export parse permission to get objectId when needed * test(authz): add helper to grant by prefix * test(test-utils): include tooltip provider * feat(hooks): add hook to block navigation via history * feat(roles): add hook to map API interface to own interface for easier integration * feat(roles): add hook to fetch role permissions * feat(roles): add config object around how to define each section for each resource * feat(roles): add config for monaco when showing json * feat(view-roles): add selected ids component * feat(view-roles): add component row to render selected roles * feat(view-roles): add card component to render each resource selected * feat(view-roles): add overview component to view roles * feat(view-roles): add readonly json viewer * feat(view-roles): add view role page * test(view-roles): add tests for view roles * feat(create-edit-roles): add hook for form validation * feat(create-edit-roles): add hook for unsaved changes * feat(create-edit-roles): add hook for generic logic for create-edit * feat(create-edit-roles): add component to render json * feat(create-edit-roles): add component to add new selectors for a permission * feat(create-edit-roles): add component to select scopes of a permission * feat(create-edit-roles): add component render resources to be selected * feat(create-edit-roles): add component render permission editor * feat(create-edit-roles): add page to create/edit roles * test(create-edit-roles): add tests for page and subcomponents * feat(list-roles): refactor to css modules & add row click to open view role page * fix(list-roles): change description when feature gate is disabled * refactor(roles): removed action labels and use function instead * refactor(authz): add todo about permission.config * feat(roles): add routes for create/edit/view * test(service-account): update missing tests * fix(pr): address comments * fix(pr): rename suffix of hooks from callbacks to actions * fix(pr): remove all usages of getByText * test(use-navigation-blocker): fix test	2026-06-25 17:24:16 +00:00

1536 changed files with 30218 additions and 71033 deletions

									
										6

.github/workflows/e2eci.yaml
									
										vendored
									
												View File
												
				@@ -70,7 +70,11 @@ jobs:

				          cd tests/e2e && pnpm install --frozen-lockfile

				      - name: playwright-browsers

				        run: |

				          cd tests/e2e && pnpm playwright install --with-deps ${{ matrix.project }}

				          docker create --name pw mcr.microsoft.com/playwright:v1.57.0-noble

				          docker cp pw:/ms-playwright "$RUNNER_TEMP/ms-playwright"

				          docker rm pw

				          echo "PLAYWRIGHT_BROWSERS_PATH=$RUNNER_TEMP/ms-playwright" >> "$GITHUB_ENV"

				          cd tests/e2e && pnpm playwright install-deps ${{ matrix.project }}

				      - name: bring-up-stack

				        run: |

				          cd tests && \

									
										11

.github/workflows/jsci.yaml
									
										vendored
									
												View File
												
				@@ -56,17 +56,6 @@ jobs:

				      PRIMUS_REF: main

				      JS_SRC: frontend

				      JS_PKG_MANAGER: pnpm

				  languages:

				    if: |

				      github.event_name == 'merge_group' ||

				      (github.event_name == 'pull_request' && ! github.event.pull_request.head.repo.fork && github.event.pull_request.user.login != 'dependabot[bot]' && ! contains(github.event.pull_request.labels.*.name, 'safe-to-test')) ||

				      (github.event_name == 'pull_request_target' && contains(github.event.pull_request.labels.*.name, 'safe-to-test'))

				    runs-on: ubuntu-latest

				    steps:

				      - name: self-checkout

				        uses: actions/checkout@v4

				      - name: run

				        run: bash frontend/scripts/validate-md-languages.sh

				  openapi:

				    if: |

				      github.event_name == 'merge_group' ||

									
										233

README.de-de.md
									
												View File
												
				@@ -1,197 +1,190 @@

				<p align="center">

				  <img src="https://res.cloudinary.com/dcv3epinx/image/upload/v1618904450/signoz-images/LogoGithub_sigfbu.svg" alt="SigNoz-logo" width="240" />

				  <p align="center">Überwache deine Anwendungen und behebe Probleme in deinen bereitgestellten Anwendungen. SigNoz ist eine Open Source Alternative zu DataDog, New Relic, etc.</p>

				  <picture>

				    <source media="(prefers-color-scheme: dark)" srcset="docs/readme-assets/signoz-hero-dark.png" width="900">

				    <source media="(prefers-color-scheme: light)" srcset="docs/readme-assets/signoz-hero-light.png" width="900">

				    <img alt="SigNoz - Observability nach deinen Bedingungen, basierend auf offenen Standards." src="docs/readme-assets/signoz-hero-light.png" width="900">

				  </picture>

				</p>

				<p align="center">

				    <img alt="Downloads" src="https://img.shields.io/docker/pulls/signoz/query-service?label=Downloads"> </a>

				    <img alt="GitHub issues" src="https://img.shields.io/github/issues/signoz/signoz"> </a>

				    <a href="https://twitter.com/intent/tweet?text=Monitor%20your%20applications%20and%20troubleshoot%20problems%20with%20SigNoz,%20an%20open-source%20alternative%20to%20DataDog,%20NewRelic.&url=https://signoz.io/&via=SigNozHQ&hashtags=opensource,signoz,observability">

				        <img alt="tweet" src="https://img.shields.io/twitter/url/http/shields.io.svg?style=social"> </a>

				  <a href="README.md">English</a> ·

				  <a href="README.zh-cn.md">中文</a> ·

				  <a href="README.pt-br.md">Português</a>

				</p>

				<h3 align="center">

				  <a href="https://signoz.io/docs"><b>Dokumentation</b></a> &bull;

				  <a href="https://github.com/SigNoz/signoz/blob/main/README.md"><b>Readme auf Englisch </b></a> &bull;

				  <a href="https://github.com/SigNoz/signoz/blob/main/README.zh-cn.md"><b>ReadMe auf Chinesisch</b></a> &bull;

				  <a href="https://github.com/SigNoz/signoz/blob/main/README.pt-br.md"><b>ReadMe auf Portugiesisch</b></a> &bull;

				  <a href="https://signoz.io/slack"><b>Slack Community</b></a> &bull;

				  <a href="https://twitter.com/SigNozHq"><b>Twitter</b></a>

				</h3>

				<p align="center">

				  <a href="https://github.com/SigNoz/signoz/issues"><img alt="GitHub issues" src="https://img.shields.io/github/issues/SigNoz/signoz"></a>

				  <a href="https://github.com/SigNoz/signoz/releases"><img alt="GitHub release" src="https://img.shields.io/github/v/release/SigNoz/signoz?label=release"></a>

				  <a href="https://signoz.io/slack"><img alt="Slack community" src="https://img.shields.io/badge/slack-community-4A154B?logo=slack&logoColor=white"></a>

				  <a href="https://www.linkedin.com/company/signozio/"><img alt="LinkedIn" src="https://img.shields.io/badge/linkedin-SigNoz-0A66C2?logo=linkedin&logoColor=white"></a>

				  <a href="https://twitter.com/intent/tweet?text=Monitor%20your%20applications%20and%20troubleshoot%20problems%20with%20SigNoz,%20an%20open-source%20alternative%20to%20DataDog,%20NewRelic.&url=https://signoz.io/&via=SigNozHQ&hashtags=opensource,signoz,observability"><img alt="Tweet" src="https://img.shields.io/twitter/url/http/shields.io.svg?style=social"></a>

				</p>

				##

				SigNoz ist eine Open-Source-Observability-Plattform auf Basis von OpenTelemetry. Wir bauen eine Enterprise-taugliche Alternative zu fragmentierten Monitoring-Stacks, mit Logs, Metriken, Traces, Alerts und Dashboards an einem Ort.

				SigNoz hilft Entwicklern, Anwendungen zu überwachen und Probleme in ihren bereitgestellten Anwendungen zu beheben. Mit SigNoz können Sie Folgendes tun:

				### Wähle, wie du SigNoz betreibst

				👉 Visualisieren Sie Metriken, Traces und Logs in einer einzigen Oberfläche.

				#### SigNoz Cloud (empfohlen)

				👉 Sie können Metriken wie die p99-Latenz, Fehlerquoten für Ihre Dienste, externe API-Aufrufe und individuelle Endpunkte anzeigen.

				Vollständig verwaltetes SigNoz mit 30 Tagen kostenloser Testphase, ohne Kreditkarte, nutzungsbasierter Preisgestaltung ab 49 USD und regionalem Datenhosting.

				👉 Sie können die Ursache des Problems ermitteln, indem Sie zu den genauen Traces gehen, die das Problem verursachen, und detaillierte Flammenbilder einzelner Anfragetraces anzeigen.

				[**Kostenlos starten →**](https://signoz.io/teams/)

				👉 Führen Sie Aggregationen auf Trace-Daten durch, um geschäftsrelevante Metriken zu erhalten.

				#### Enterprise

				👉 Filtern und Abfragen von Logs, Erstellen von Dashboards und Benachrichtigungen basierend auf Attributen in den Logs.

				Enterprise Cloud, BYOC oder Enterprise Self-Hosted mit Compliance, Support, benutzerdefinierter Aufbewahrung, RBAC, Ingestion Controls, Datenresidenz und Regionsauswahl.

				👉 Automatische Aufzeichnung von Ausnahmen in Python, Java, Ruby und Javascript.

				[**Enterprise entdecken →**](https://signoz.io/enterprise/)

				👉 Einfache Einrichtung von Benachrichtigungen mit dem selbst erstellbaren Abfrage-Builder.

				#### Community

				##

				Kostenloses Open-Source-SigNoz, das in deiner eigenen Infrastruktur läuft. Deployment mit Docker, Kubernetes oder Linux, während du die volle Kontrolle über deine Datenebene behältst.

				### Anwendung Metriken

				[**SigNoz installieren →**](https://signoz.io/docs/install/self-host/)

				![application_metrics](https://user-images.githubusercontent.com/83692067/226637410-900dbc5e-6705-4b11-a10c-bd0faeb2a92f.png)

				### Was kannst du überwachen?

				### Verteiltes Tracing

				SigNoz hilft Teams, Produktionsprobleme schneller zu debuggen, indem Logs, Metriken, Traces, Alerts, Dashboards, Exceptions und agent-native Workflows an einem Ort verbunden werden.

				<img width="2068" alt="distributed_tracing_2 2" src="https://user-images.githubusercontent.com/83692067/226536447-bae58321-6a22-4ed3-af80-e3e964cb3489.png">

				#### APM-Überblick

				<img width="2068" alt="distributed_tracing_1" src="https://user-images.githubusercontent.com/83692067/226536462-939745b6-4f9d-45a6-8016-814837e7f7b4.png">

				Überwache Service-Latenz, Fehlerrate, Durchsatz, Apdex, wichtige Endpunkte, Datenbankaufrufe und externe Aufrufe.

				### Log Verwaltung

				<p align="center">

				  <img alt="SigNoz APM-Dashboard mit Latenz, Durchsatz, Apdex und wichtigen Operationen" src="docs/readme-assets/monitor/apm.png" width="900">

				</p>

				<img width="2068" alt="logs_management" src="https://user-images.githubusercontent.com/83692067/226536482-b8a5c4af-b69c-43d5-969c-338bd5eaf1a5.png">

				Mehr erfahren: [APM-Dokumentation](https://signoz.io/docs/instrumentation/overview/)

				### Infrastruktur Überwachung

				#### Log-Management

				<img width="2068" alt="infrastructure_monitoring" src="https://user-images.githubusercontent.com/83692067/226536496-f38c4dbf-e03c-4158-8be0-32d4a61158c7.png">

				Erfasse, suche, aggregiere und korreliere Logs mit Traces und Metriken über einen visuellen Query Builder.

				### Exceptions Monitoring

				<p align="center">

				  <img alt="SigNoz Logs Explorer mit Filtern, Frequenzdiagramm und Log-Zeilen" src="docs/readme-assets/monitor/log-management.svg" width="900">

				</p>

				![exceptions_light](https://user-images.githubusercontent.com/83692067/226637967-4188d024-3ac9-4799-be95-f5ea9c45436f.png)

				Mehr erfahren: [Log-Management-Dokumentation](https://signoz.io/docs/logs-management/overview/)

				### Alarme

				#### Metriken und Dashboards

				<img width="2068" alt="alerts_management" src="https://user-images.githubusercontent.com/83692067/226536548-2c81e2e8-c12d-47e8-bad7-c6be79055def.png">

				Erstelle Dashboards für Anwendungs-, Infrastruktur- und benutzerdefinierte Metriken mit Query Builder, PromQL oder ClickHouse SQL.

				<br /><br />

				<p align="center">

				  <img alt="SigNoz Host-Metrics-Dashboard mit Systemlast- und Netzwerkdiagrammen" src="docs/readme-assets/monitor/metrics.png" width="900">

				</p>

				## Werde Teil unserer Slack Community

				Mehr erfahren: [Metriken-Dokumentation](https://signoz.io/docs/metrics-management/overview/)

				Sag Hi zu uns auf [Slack](https://signoz.io/slack) 👋

				#### Infrastruktur-Monitoring

				<br /><br />

				Überwache Kubernetes-Cluster, Pods, Nodes, Workloads sowie Host-CPU, Arbeitsspeicher, Festplatten, Netzwerk, Logs und Traces.

				## Funktionen:

				<p align="center">

				  <img alt="SigNoz Kubernetes-Infrastruktur-Dashboard mit Pod- und Node-Metriken" src="docs/readme-assets/monitor/infrastructure.png" width="900">

				</p>

				- Einheitliche Benutzeroberfläche für Metriken, Traces und Logs. Keine Notwendigkeit, zwischen Prometheus und Jaeger zu wechseln, um Probleme zu debuggen oder ein separates Log-Tool wie Elastic neben Ihrer Metriken- und Traces-Stack zu verwenden.

				- Überblick über Anwendungsmetriken wie RPS, Latenzzeiten des 50tes/90tes/99tes Perzentils und Fehlerquoten.

				- Langsamste Endpunkte in Ihrer Anwendung.

				- Zeigen Sie genaue Anfragetraces an, um Probleme in nachgelagerten Diensten, langsamen Datenbankabfragen oder Aufrufen von Drittanbieterdiensten wie Zahlungsgateways zu identifizieren.

				- Filtern Sie Traces nach Dienstname, Operation, Latenz, Fehler, Tags/Annotationen.

				- Führen Sie Aggregationen auf Trace-Daten (Ereignisse/Spans) durch, um geschäftsrelevante Metriken zu erhalten. Beispielsweise können Sie die Fehlerquote und die 99tes Perzentillatenz für `customer_type: gold` oder `deployment_version: v2` oder `external_call: paypal` erhalten.

				- Native Unterstützung für OpenTelemetry-Logs, erweiterten Log-Abfrage-Builder und automatische Log-Sammlung aus dem Kubernetes-Cluster.

				- Blitzschnelle Log-Analytik ([Logs Perf. Benchmark](https://signoz.io/blog/logs-performance-benchmark/))

				- End-to-End-Sichtbarkeit der Infrastrukturleistung, Aufnahme von Metriken aus allen Arten von Host-Umgebungen.

				- Einfache Einrichtung von Benachrichtigungen mit dem selbst erstellbaren Abfrage-Builder.

				Mehr erfahren: [Infrastruktur-Monitoring-Dokumentation](https://signoz.io/docs/infrastructure-monitoring/overview/)

				<br /><br />

				#### LLM- und AI-Observability

				## Wieso SigNoz?

				Verfolge LLM-Apps, RAG-Pipelines, Prompts, Tool Calls, Tokens, Latenz und Kosten zusammen mit Anwendungs- und Infrastruktur-Telemetrie.

				Als Entwickler fanden wir es anstrengend, uns für jede kleine Funktion, die wir haben wollten, auf Closed Source SaaS Anbieter verlassen zu müssen. Closed Source Anbieter überraschen ihre Kunden zum Monatsende oft mit hohen Rechnungen, die keine Transparenz bzgl. der Kostenaufteilung bieten.

				<p align="center">

				  <img alt="SigNoz LLM-Observability-Dashboard für Traces, Token-Nutzung, Latenz und Kosten" src="docs/readme-assets/monitor/llm.png" width="900">

				</p>

				Wir wollten eine selbst gehostete, Open Source Variante von Lösungen wie DataDog, NewRelic für Firmen anbieten, die Datenschutz und Sicherheitsbedenken haben, bei der Weitergabe von Kundendaten an Drittanbieter.

				Mehr erfahren: [LLM-Observability-Dokumentation](https://signoz.io/docs/llm-observability/)

				Open Source gibt dir außerdem die totale Kontrolle über deine Konfiguration, Stichprobenentnahme und Betriebszeit. Du kannst des Weiteren neue Module auf Basis von SigNoz bauen, die erweiterte, geschäftsspezifische Funktionen anbieten.

				#### Agent-Native Observability und MCP

				### Languages supported:

				Nutze den SigNoz MCP-Server, um Telemetrie in Coding Agents zu bringen, oder nutze Noz in SigNoz, um Incidents zu untersuchen, Alerts zu verbessern und Dashboards mit Produktionskontext zu erstellen. [Noz](https://signoz.io/docs/ai/noz/) ist nur in SigNoz Cloud verfügbar.

				Wir unterstützen [OpenTelemetry](https://opentelemetry.io) als Bibliothek, mit der Sie Ihre Anwendungen instrumentieren können. Daher wird jedes von OpenTelemetry unterstützte Framework und jede Sprache auch von SignNoz unterstützt. Einige der wichtigsten unterstützten Sprachen sind:

				<p align="center">

				  <img alt="SigNoz Noz-Oberfläche neben einem MCP-gestützten Agent-Workflow" src="docs/readme-assets/monitor/agent-native.png" width="900">

				</p>

				- Java

				- Python

				- NodeJS

				- Go

				- PHP

				- .NET

				- Ruby

				- Elixir

				- Rust

				Mehr erfahren: [SigNoz MCP-Server-Dokumentation](https://signoz.io/docs/ai/signoz-mcp-server/) · [Agent-Skills-Dokumentation](https://signoz.io/docs/ai/agent-skills/#install-the-plugin)

				Hier findest du die vollständige Liste von unterstützten Programmiersprachen - https://opentelemetry.io/docs/

				#### Distributed Tracing

				<br /><br />

				Verfolge Requests über Services hinweg mit Flamegraphs, Waterfalls, Span Events, Filtern und Trace Analytics.

				## Erste Schritte mit SigNoz

				<p align="center">

				  <img alt="SigNoz Distributed-Tracing-Ansicht mit Flamegraph und Waterfall-Spans" src="docs/readme-assets/monitor/distributed-tracing.png" width="900">

				</p>

				### Bereitstellung mit Docker

				Mehr erfahren: [Distributed-Tracing-Dokumentation](https://signoz.io/docs/instrumentation/)

				Bitte folge den [hier](https://signoz.io/docs/install/docker/) aufgelisteten Schritten um deine Anwendung mit Docker bereitzustellen.

				#### Trace Funnels

				Die [Anleitungen zur Fehlerbehebung](https://signoz.io/docs/install/troubleshooting/) könnten hilfreich sein, falls du auf irgendwelche Schwierigkeiten stößt.

				Erstelle Funnels aus Traces, um Drop-offs im Request-Flow, fehlgeschlagene Übergänge und systemische Workflow-Probleme zu verstehen.

				<p>&nbsp  </p>

				<p align="center">

				  <img alt="SigNoz Trace Funnels mit Request-Flow-Drop-offs und fehlgeschlagenen Übergängen" src="docs/readme-assets/monitor/trace-funnels.png" width="900">

				</p>

				### Deploy in Kubernetes using Helm

				Mehr erfahren: [Trace-Funnels-Dokumentation](https://signoz.io/docs/trace-funnels/overview/)

				Bitte folge den [hier](https://signoz.io/docs/deployment/helm_chart) aufgelisteten Schritten, um deine Anwendung mit Helm Charts bereitzustellen.

				Du kannst außerdem [**Exceptions**](https://signoz.io/docs/userguide/exceptions/), [**Alerts**](https://signoz.io/docs/alerts/), [**externe APIs**](https://signoz.io/docs/external-api-monitoring/overview/) und [**Integrationen**](https://signoz.io/docs/integrations/integrations-list/) für OpenTelemetry, Prometheus, Kubernetes, Cloud-Anbieter, Sprach-SDKs, Application Frameworks, Datenbanken und LLM-Tools überwachen.

				<br /><br />

				### Warum Teams SigNoz nutzen

				## Vergleiche mit bekannten Tools

				1. **OpenTelemetry-native**<br>

				   Einmal mit offenen Standards instrumentieren und die Kontrolle über deine Telemetrie behalten.

				2. **Korrelierte Signale**<br>

				   Von Service-Charts zu Traces, Logs, Infrastrukturmetriken und Exceptions wechseln, ohne das Tool zu wechseln.

				3. **Eine einzelne spaltenorientierte Datenbank**<br>

				   Gebaut für hochkardinale Observability-Workloads mit hohem Volumen.

				4. **Vorhersehbare Preise**<br>

				   Keine Preise pro Host, keine Preise pro Nutzerplatz und keine Sonderpreise für Custom Metrics.

				5. **Enterprise-ready**<br>

				   SOC 2 Type II und HIPAA Compliance, RBAC, Ingestion Controls, benutzerdefinierte Aufbewahrung, Support, BYOC und Self-Hosting.

				### SigNoz vs Prometheus

				### Erste Schritte

				Prometheus ist gut, falls du dich nur für Metriken interessierst. Wenn du eine nahtlose Integration von Metriken und Einzelschritt-Fehlersuchen haben möchtest, ist die Kombination aus Prometheus und Jaeger nicht das Richtige für dich.

				#### Mit Cloud starten

				Unser Ziel ist es, eine integrierte Benutzeroberfläche aus Metriken und Einzelschritt-Fehlersuchen anzubieten, ähnlich wie es SaaS Anbieter wie Datadog tun, mit der Möglichkeit von erweitertem filtern und aggregieren von Fehlersuchen. Etwas, was in Jaeger aktuell fehlt.

				Erstelle einen verwalteten SigNoz-Workspace und erhalte dein erstes Dashboard, ohne Observability-Infrastruktur betreiben zu müssen.

				<p>&nbsp  </p>

				[**Kostenlos mit SigNoz Cloud starten**](https://signoz.io/teams/)

				### SigNoz vs Jaeger

				#### SigNoz selbst hosten

				Jaeger kümmert sich nur um verteilte Einzelschritt-Fehlersuche. SigNoz erstellt sowohl Metriken als auch Einzelschritt-Fehlersuche, daneben haben wir auch Protokoll Verwaltung auf unserem Plan.

				Betreibe SigNoz in deiner eigenen Infrastruktur mit Foundry, Docker, Kubernetes oder Linux.

				Außerdem hat SigNoz noch mehr spezielle Funktionen im Vergleich zu Jaeger:

				[**Foundry**](https://github.com/SigNoz/foundry) · [**Docker**](https://signoz.io/docs/install/docker/) · [**Kubernetes**](https://signoz.io/docs/install/kubernetes/) · [**Linux**](https://signoz.io/docs/install/linux/)

				- Jaeger UI zeigt keine Metriken für Einzelschritt-Fehlersuchen oder für gefilterte Einzelschritt-Fehlersuchen an.

				- Jaeger erstellt keine Aggregate für gefilterte Einzelschritt-Fehlersuchen, z. B. die P99 Latenz von Abfragen mit dem Tag `customer_type=premium`, was hingegen mit SigNoz leicht umsetzbar ist.

				#### Daten senden

				<p>&nbsp  </p>

				Instrumentiere Anwendungen und Infrastruktur mit OpenTelemetry, Prometheus, Sprach-SDKs und Integrationen.

				### SigNoz vs Elastic

				[**Instrumentation**](https://signoz.io/docs/instrumentation/) · [**Integrationen**](https://signoz.io/docs/integrations/integrations-list/)

				- Die Verwaltung von SigNoz-Protokollen basiert auf 'ClickHouse', einem spaltenbasierten OLAP-Datenspeicher, der aggregierte Protokollanalyseabfragen wesentlich effizienter macht.

				- 50 % geringerer Ressourcenbedarf im Vergleich zu Elastic während der Aufnahme.

				### Vergleich mit bekannten Tools

				Wir haben Benchmarks veröffentlicht, die Elastic mit SignNoz vergleichen. Schauen Sie es sich [hier](https://signoz.io/blog/logs-performance-benchmark/?utm_source=github-readme&utm_medium=logs-benchmark)

				SigNoz wird häufig von Teams eingeführt, die von einzelnen Spezialtools oder kommerziellen Plattformen mit unvorhersehbarer Preisgestaltung wechseln.

				<p>&nbsp  </p>

				**Prometheus**<br>

				Gut, wenn du nur Metriken brauchst. SigNoz hält Metriken, Logs, Traces, Dashboards und Alerts zusammen, damit Teams mit korreliertem Kontext debuggen können.

				### SigNoz vs Loki

				**Jaeger**<br>

				Jaeger macht ausschließlich Distributed Tracing. SigNoz ergänzt Metriken, Logs, Trace Analytics, Dashboards, Alerts, Exceptions und Trace-to-Log-Workflows.

				- SigNoz unterstützt Aggregationen von Daten mit hoher Kardinalität über ein großes Volumen, Loki hingegen nicht.

				- SigNoz unterstützt Indizes über Daten mit hoher Kardinalität und hat keine Beschränkungen hinsichtlich der Anzahl der Indizes, während Loki maximale Streams erreicht, wenn ein paar Indizes hinzugefügt werden.

				- Das Durchsuchen großer Datenmengen ist in Loki im Vergleich zu SigNoz schwierig und langsam.

				**Elastic**<br>

				SigNoz nutzt eine spaltenorientierte Datenbank für effiziente Observability-Analysen und hochkardinale Log-Workloads, mit 50 % geringerem Ressourcenbedarf gegenüber Elastic während der Ingestion. Lies die [detaillierte Studie](https://signoz.io/blog/logs-performance-benchmark/?utm_source=github-readme&utm_medium=logs-benchmark).

				Wir haben Benchmarks veröffentlicht, die Loki mit SigNoz vergleichen. Schauen Sie es sich [hier](https://signoz.io/blog/logs-performance-benchmark/?utm_source=github-readme&utm_medium=logs-benchmark)

				**Loki**<br>

				Im verlinkten Benchmark indexierte SigNoz alle Keys im Test-Setup, während Loki beim Hinzufügen weiterer Labels Max-Stream-Fehler erreichte. Lies die [detaillierte Studie](https://signoz.io/blog/logs-performance-benchmark/?utm_source=github-readme&utm_medium=logs-benchmark).

				<br /><br />

				## Mitwirken

				## Zum Projekt beitragen

				Wir freuen uns über große und kleine Beiträge. Lies bitte [CONTRIBUTING.md](CONTRIBUTING.md), um mit Beiträgen zu SigNoz loszulegen.

				Wir ❤️ Beiträge zum Projekt, egal ob große oder kleine. Bitte lies dir zuerst die [CONTRIBUTING.md](CONTRIBUTING.md), durch, bevor du anfängst, Beiträge zu SigNoz zu machen.

				Du bist dir nicht sicher, wie du anfangen sollst? Schreib uns einfach auf dem #contributing Kanal in unserer [slack community](https://signoz.io/slack)

				Nicht sicher, wie du anfangen sollst? **Schreib uns einfach im Channel `#contributing` in unserer [Slack Community](https://signoz.io/slack).**

				<br /><br />

				## Dokumentation

				Du findest unsere Dokumentation unter https://signoz.io/docs/. Falls etwas unverständlich ist oder fehlt, öffne gerne ein Github Issue mit dem Label `documentation` oder schreib uns über den Community Slack Channel.

				<br /><br />

				## Gemeinschaft

				Werde Teil der [slack community](https://signoz.io/slack) um mehr über verteilte Einzelschritt-Fehlersuche, Messung von Systemzuständen oder SigNoz zu erfahren und sich mit anderen Nutzern und Mitwirkenden in Verbindung zu setzen.

				Falls du irgendwelche Ideen, Fragen oder Feedback hast, kannst du sie gerne über unsere [Github Discussions](https://github.com/SigNoz/signoz/discussions) mit uns teilen.

				Wie immer, Dank an unsere großartigen Mitwirkenden!

				Wie immer: Danke an unsere großartigen Contributors!

				<a href="https://github.com/signoz/signoz/graphs/contributors">

				  <img src="https://contrib.rocks/image?repo=signoz/signoz" />

				  <img alt="SigNoz Contributors" src="https://contrib.rocks/image?repo=signoz/signoz" />

				</a>

									
										278

README.md
									
												View File
												
				@@ -1,244 +1,190 @@

				<h1 align="center" style="border-bottom: none">

				    <a href="https://signoz.io" target="_blank">

				        <img alt="SigNoz" src="https://github.com/user-attachments/assets/ef9a33f7-12d7-4c94-8908-0a02b22f0c18" width="100" height="100">

				    </a>

				    <br>SigNoz

				</h1>

				<p align="center">All your logs, metrics, and traces in one place. Monitor your application, spot issues before they occur and troubleshoot downtime quickly with rich context. SigNoz is a cost-effective open-source alternative to Datadog and New Relic. Visit <a href="https://signoz.io" target="_blank">signoz.io</a> for the full documentation, tutorials, and guide.</p>

				<p align="center">

				  <picture>

				    <source media="(prefers-color-scheme: dark)" srcset="docs/readme-assets/signoz-hero-dark.png" width="900">

				    <source media="(prefers-color-scheme: light)" srcset="docs/readme-assets/signoz-hero-light.png" width="900">

				    <img alt="SigNoz - Observability on Your Terms, Powered by Open Standards." src="docs/readme-assets/signoz-hero-light.png" width="900">

				  </picture>

				</p>

				<p align="center">

				    <img alt="GitHub issues" src="https://img.shields.io/github/issues/signoz/signoz"> </a>

				    <a href="https://twitter.com/intent/tweet?text=Monitor%20your%20applications%20and%20troubleshoot%20problems%20with%20SigNoz,%20an%20open-source%20alternative%20to%20DataDog,%20NewRelic.&url=https://signoz.io/&via=SigNozHQ&hashtags=opensource,signoz,observability"> 

				        <img alt="tweet" src="https://img.shields.io/twitter/url/http/shields.io.svg?style=social"> </a> 

				  <a href="README.zh-cn.md">中文</a> ·

				  <a href="README.de-de.md">Deutsch</a> ·

				  <a href="README.pt-br.md">Português</a>

				</p>

				<h3 align="center">

				  <a href="https://signoz.io/docs"><b>Documentation</b></a> &bull;

				  <a href="https://github.com/SigNoz/signoz/blob/main/README.zh-cn.md"><b>ReadMe in Chinese</b></a> &bull;

				  <a href="https://github.com/SigNoz/signoz/blob/main/README.de-de.md"><b>ReadMe in German</b></a> &bull;

				  <a href="https://github.com/SigNoz/signoz/blob/main/README.pt-br.md"><b>ReadMe in Portuguese</b></a> &bull;

				  <a href="https://signoz.io/slack"><b>Slack Community</b></a> &bull;

				  <a href="https://twitter.com/SigNozHq"><b>Twitter</b></a>

				</h3>

				## Features

				<p align="center">

				  <a href="https://github.com/SigNoz/signoz/issues"><img alt="GitHub issues" src="https://img.shields.io/github/issues/SigNoz/signoz"></a>

				  <a href="https://github.com/SigNoz/signoz/releases"><img alt="GitHub release" src="https://img.shields.io/github/v/release/SigNoz/signoz?label=release"></a>

				  <a href="https://signoz.io/slack"><img alt="Slack community" src="https://img.shields.io/badge/slack-community-4A154B?logo=slack&logoColor=white"></a>

				  <a href="https://www.linkedin.com/company/signozio/"><img alt="LinkedIn" src="https://img.shields.io/badge/linkedin-SigNoz-0A66C2?logo=linkedin&logoColor=white"></a>

				  <a href="https://twitter.com/intent/tweet?text=Monitor%20your%20applications%20and%20troubleshoot%20problems%20with%20SigNoz,%20an%20open-source%20alternative%20to%20DataDog,%20NewRelic.&url=https://signoz.io/&via=SigNozHQ&hashtags=opensource,signoz,observability"><img alt="Tweet" src="https://img.shields.io/twitter/url/http/shields.io.svg?style=social"></a>

				</p>

				SigNoz is an open-source observability platform built on OpenTelemetry. We’re building an enterprise-grade alternative to fragmented monitoring stacks, with logs, metrics, traces, alerts, and dashboards in one place.

				### Application Performance Monitoring

				### Choose how to run SigNoz

				Use SigNoz APM to monitor your applications and services. It comes with out-of-box charts for key application metrics like p99 latency, error rate, Apdex and operations per second. You can also monitor the database and external calls made from your application. Read [more](https://signoz.io/application-performance-monitoring/).

				#### SigNoz Cloud (Recommended)

				You can [instrument](https://signoz.io/docs/instrumentation/) your application with OpenTelemetry to get started.

				Fully managed SigNoz with a 30-day free trial, no credit card required, usage-based pricing that starts at $49, and regional data hosting.

				![apm-cover](https://github.com/user-attachments/assets/fa5c0396-0854-4c8b-b972-9b62fd2a70d2)

				[**Start free →**](https://signoz.io/teams/)

				#### Enterprise

				### Logs Management

				Enterprise Cloud, BYOC, or Enterprise Self-Hosted with compliance, support, custom retention, RBAC, ingestion controls, data residency, and region selection.

				SigNoz can be used as a centralized log management solution. We use ClickHouse (used by likes of Uber & Cloudflare) as a datastore, ⎯ an extremely fast and highly optimized storage for logs data. Instantly search through all your logs using quick filters and a powerful query builder.

				[**Explore Enterprise →**](https://signoz.io/enterprise/)

				You can also create charts on your logs and monitor them with customized dashboards. Read [more](https://signoz.io/log-management/).

				#### Community

				![logs-management-cover](https://github.com/user-attachments/assets/343588ee-98fb-4310-b3d2-c5bacf9c7384)

				Free open-source SigNoz that runs in your own infrastructure. Deploy with Docker, Kubernetes, or Linux and keep full control of your data plane.

				[**Install SigNoz →**](https://signoz.io/docs/install/self-host/)

				### Distributed Tracing

				### What can you monitor?

				Distributed Tracing is essential to troubleshoot issues in microservices applications. Powered by OpenTelemetry, distributed tracing in SigNoz can help you track user requests across services to help you identify performance bottlenecks. 

				SigNoz helps teams debug production issues faster by connecting logs, metrics, traces, alerts, dashboards, exceptions, and agent-native workflows in one place.

				See user requests in a detailed breakdown with the help of Flamegraphs and Gantt Charts. Click on any span to see the entire trace represented beautifully, which will help you make sense of where issues actually occurred in the flow of requests.

				#### APM Overview

				Read [more](https://signoz.io/distributed-tracing/).

				Monitor service latency, error rate, throughput, Apdex, top endpoints, database calls, and external calls.

				![distributed-tracing-cover](https://github.com/user-attachments/assets/9bfe060a-0c40-4922-9b55-8a97e1a4076c)

				<p align="center">

				  <img alt="SigNoz APM dashboard showing latency, throughput, Apdex, and key operations" src="docs/readme-assets/monitor/apm.png" width="900">

				</p>

				Learn more: [APM documentation](https://signoz.io/docs/instrumentation/overview/)

				#### Log Management

				### Metrics and Dashboards

				Ingest, search, aggregate, and correlate logs with traces and metrics using a visual query builder.

				Ingest metrics from your infrastructure or applications and create customized dashboards to monitor them. Create visualization that suits your needs with a variety of panel types like pie chart, time-series, bar chart, etc.

				<p align="center">

				  <img alt="SigNoz logs explorer with filters, frequency chart, and log lines" src="docs/readme-assets/monitor/log-management.svg" width="900">

				</p>

				Create queries on your metrics data quickly with an easy-to-use metrics query builder. Add multiple queries and combine those queries with formulae to create really complex queries quickly.

				Learn more: [Log management documentation](https://signoz.io/docs/logs-management/overview/)

				Read [more](https://signoz.io/metrics-and-dashboards/).

				#### Metrics and Dashboards

				![metrics-n-dashboards-cover](https://github.com/user-attachments/assets/a536fd71-1d2c-4681-aa7e-516d754c47a5)

				Build dashboards for application, infrastructure, and custom metrics using Query Builder, PromQL, or ClickHouse SQL.

				### LLM Observability

				<p align="center">

				  <img alt="SigNoz host metrics dashboard with system load and network charts" src="docs/readme-assets/monitor/metrics.png" width="900">

				</p>

				Monitor and debug your LLM applications with comprehensive observability. Track LLM calls, analyze token usage, monitor performance, and gain insights into your AI application's behavior in production.

				Learn more: [Metrics documentation](https://signoz.io/docs/metrics-management/overview/)

				SigNoz LLM observability helps you understand how your language models are performing, identify issues with prompts and responses, track token usage and costs, and optimize your AI applications for better performance and reliability.

				#### Infrastructure Monitoring

				[Get started with LLM Observability →](https://signoz.io/docs/llm-observability/)

				Monitor Kubernetes clusters, pods, nodes, workloads, and host-level CPU, memory, disk, network, logs, and traces.

				![llm-observability-cover](https://github.com/user-attachments/assets/a6cc0ca3-59df-48f9-9c16-7c843fccff96)

				<p align="center">

				  <img alt="SigNoz Kubernetes infrastructure dashboard with pod and node metrics" src="docs/readme-assets/monitor/infrastructure.png" width="900">

				</p>

				Learn more: [Infrastructure monitoring documentation](https://signoz.io/docs/infrastructure-monitoring/overview/)

				### Alerts

				#### LLM and AI Observability

				Use alerts in SigNoz to get notified when anything unusual happens in your application. You can set alerts on any type of telemetry signal (logs, metrics, traces), create thresholds and set up a notification channel to get notified. Advanced features like alert history and anomaly detection can help you create smarter alerts.

				Trace LLM apps, RAG pipelines, prompts, tool calls, tokens, latency, and costs alongside application and infrastructure telemetry.

				Alerts in SigNoz help you identify issues proactively so that you can address them before they reach your customers.

				<p align="center">

				  <img alt="SigNoz LLM observability dashboard for traces, token usage, latency, and costs" src="docs/readme-assets/monitor/llm.png" width="900">

				</p>

				Read [more](https://signoz.io/alerts-management/).

				Learn more: [LLM observability documentation](https://signoz.io/docs/llm-observability/)

				![alerts-cover](https://github.com/user-attachments/assets/03873bb8-1b62-4adf-8f56-28bb7b1750ea)

				#### Agent-Native Observability and MCP

				### Exceptions Monitoring

				Use the SigNoz MCP server to bring telemetry into coding agents, or use Noz inside SigNoz to investigate incidents, tune alerts, and build dashboards with production context. [Noz](https://signoz.io/docs/ai/noz/) is available only on SigNoz Cloud.

				Monitor exceptions automatically in Python, Java, Ruby, and Javascript. For other languages, just drop in a few lines of code and start monitoring exceptions.

				<p align="center">

				  <img alt="SigNoz Noz interface alongside MCP-powered agent workflow" src="docs/readme-assets/monitor/agent-native.png" width="900">

				</p>

				See the detailed stack trace for all exceptions caught in your application. You can also log in custom attributes to add more context to your exceptions. For example, you can add attributes to identify users for which exceptions occurred.

				Learn more: [SigNoz MCP server docs](https://signoz.io/docs/ai/signoz-mcp-server/) · [Agent skills docs](https://signoz.io/docs/ai/agent-skills/#install-the-plugin)

				Read [more](https://signoz.io/exceptions-monitoring/).

				#### Distributed Tracing

				Follow requests across services with flamegraphs, waterfalls, span events, filters, and trace analytics.

				![exceptions-cover](https://github.com/user-attachments/assets/4be37864-59f2-4e8a-8d6e-e29ad04298c5)

				<p align="center">

				  <img alt="SigNoz distributed trace view with flamegraph and waterfall spans" src="docs/readme-assets/monitor/distributed-tracing.png" width="900">

				</p>

				Learn more: [Distributed tracing documentation](https://signoz.io/docs/instrumentation/)

				<br /><br />

				#### Trace Funnels

				## Why SigNoz?

				Create funnels from traces to understand request-flow drop-offs, failed transitions, and systemic workflow issues.

				SigNoz is a single tool for all your monitoring and observability needs. Here are a few reasons why you should choose SigNoz:

				<p align="center">

				  <img alt="SigNoz trace funnels showing request-flow drop-offs and failed transitions" src="docs/readme-assets/monitor/trace-funnels.png" width="900">

				</p>

				- Single tool for observability(logs, metrics, and traces)

				Learn more: [Trace funnels documentation](https://signoz.io/docs/trace-funnels/overview/)

				- Built on top of [OpenTelemetry](https://opentelemetry.io/), the open-source standard which frees you from any type of vendor lock-in

				Also monitor: [**exceptions**](https://signoz.io/docs/userguide/exceptions/), [**alerts**](https://signoz.io/docs/alerts/), [**external APIs**](https://signoz.io/docs/external-api-monitoring/overview/), and [**integrations**](https://signoz.io/docs/integrations/integrations-list/) for OpenTelemetry, Prometheus, Kubernetes, cloud providers, language SDKs, application frameworks, databases, and LLM tools.

				- Correlated logs, metrics and traces for much richer context while debugging

				### Why teams use SigNoz

				- Uses ClickHouse (used by likes of Uber & Cloudflare) as datastore - an extremely fast and highly optimized storage for observability data

				1. **OpenTelemetry-native**<br>

				   Instrument once with open standards and keep ownership of your telemetry.

				2. **Correlated signals**<br>

				   Move from service charts to traces, logs, infra metrics, and exceptions without switching tools.

				3. **Single columnar database**<br>

				   Built for high-cardinality, high-volume observability workloads.

				4. **Predictable pricing**<br>

				   No per-host pricing, no user-seat pricing, and no special pricing for custom metrics.

				5. **Enterprise ready**<br>

				   SOC 2 Type II and HIPAA compliance, RBAC, ingestion controls, custom retention, support, BYOC, and self-hosting.

				- DIY Query builder, PromQL, and ClickHouse queries to fulfill all your use-cases around querying observability data

				### Getting started

				- Open-Source - you can use open-source, our [cloud service](https://signoz.io/teams/) or a mix of both based on your use case

				#### Start on Cloud

				Create a managed SigNoz workspace and get your first dashboard without running observability infrastructure.

				## Getting Started

				[**Start free on SigNoz Cloud**](https://signoz.io/teams/)

				### Create a SigNoz Cloud Account

				#### Self-host SigNoz

				SigNoz cloud is the easiest way to get started with SigNoz. Our cloud service is for those users who want to spend more time in getting insights for their application performance without worrying about maintenance. 

				Run SigNoz in your own infrastructure with Foundry, Docker, Kubernetes, or Linux.

				[Get started for free](https://signoz.io/teams/)

				[**Foundry**](https://github.com/SigNoz/foundry) · [**Docker**](https://signoz.io/docs/install/docker/) · [**Kubernetes**](https://signoz.io/docs/install/kubernetes/) · [**Linux**](https://signoz.io/docs/install/linux/)

				### Deploy using Docker(self-hosted)

				#### Send data

				Please follow the steps listed [here](https://signoz.io/docs/install/docker/) to install using docker

				Instrument applications and infrastructure with OpenTelemetry, Prometheus, language SDKs, and integrations.

				The [troubleshooting instructions](https://signoz.io/docs/install/troubleshooting/) may be helpful if you face any issues.

				[**Instrumentation**](https://signoz.io/docs/instrumentation/) · [**Integrations**](https://signoz.io/docs/integrations/integrations-list/)

				<p>&nbsp  </p>

				### Deploy in Kubernetes using Helm(self-hosted)

				### Comparisons to familiar tools

				Please follow the steps listed [here](https://signoz.io/docs/deployment/helm_chart) to install using helm charts

				SigNoz is often adopted by teams moving from a stack of single-purpose tools or commercial platforms with unpredictable pricing.

				<br /><br />

				**Prometheus**<br>

				Good if you just need metrics. SigNoz keeps metrics, logs, traces, dashboards, and alerts together so teams can debug with correlated context.

				We also offer managed services in your infra. Check our [pricing plans](https://signoz.io/pricing/) for all details.

				**Jaeger**<br>

				Jaeger only does distributed tracing. SigNoz adds metrics, logs, trace analytics, dashboards, alerts, exceptions, and trace-to-log workflows.

				**Elastic**<br>

				SigNoz uses columnar database for efficient observability analytics and high-cardinality log workloads, with 50% lower resource requirement compared to Elastic during ingestion. Check the [detailed study](https://signoz.io/blog/logs-performance-benchmark/?utm_source=github-readme&utm_medium=logs-benchmark).

				## Join our Slack community

				Come say Hi to us on [Slack](https://signoz.io/slack) 👋

				<br /><br />

				### Languages supported:

				SigNoz supports all major programming languages for monitoring. Any framework and language supported by OpenTelemetry is supported by SigNoz. Find instructions for instrumenting different languages below:

				- [Java](https://signoz.io/docs/instrumentation/java/)

				- [Python](https://signoz.io/docs/instrumentation/python/)

				- [Node.js or Javascript](https://signoz.io/docs/instrumentation/javascript/)

				- [Go](https://signoz.io/docs/instrumentation/golang/)

				- [PHP](https://signoz.io/docs/instrumentation/php/)

				- [.NET](https://signoz.io/docs/instrumentation/dotnet/)

				- [Ruby](https://signoz.io/docs/instrumentation/ruby-on-rails/)

				- [Elixir](https://signoz.io/docs/instrumentation/elixir/)

				- [Rust](https://signoz.io/docs/instrumentation/rust/)

				- [Swift](https://signoz.io/docs/instrumentation/swift/)

				You can find our entire documentation [here](https://signoz.io/docs/introduction/).

				<br /><br />

				## Comparisons to Familiar Tools

				### SigNoz vs Prometheus

				Prometheus is good if you want to do just metrics. But if you want to have a seamless experience between metrics, logs and traces, then current experience of stitching together Prometheus & other tools is not great.

				SigNoz is a one-stop solution for metrics and other telemetry signals. And because you will use the same standard(OpenTelemetry) to collect all telemetry signals, you can also correlate these signals to troubleshoot quickly.

				For example, if you see that there are issues with infrastructure metrics of your k8s cluster at a timestamp, you can jump to other signals like logs and traces to understand the issue quickly.

				<p>&nbsp  </p>

				### SigNoz vs Jaeger

				Jaeger only does distributed tracing. SigNoz supports metrics, traces and logs - all the 3 pillars of observability.

				Moreover, SigNoz has few more advanced features wrt Jaeger:

				- Jaegar UI doesn’t show any metrics on traces or on filtered traces

				- Jaeger can’t get aggregates on filtered traces. For example, p99 latency of requests which have tag - customer_type='premium'. This can be done easily on SigNoz

				- You can also go from traces to logs easily in SigNoz

				<p>&nbsp  </p>

				### SigNoz vs Elastic 

				- SigNoz Logs management are based on ClickHouse, a columnar OLAP datastore which makes aggregate log analytics queries much more efficient

				- 50% lower resource requirement compared to Elastic during ingestion

				We have published benchmarks comparing Elastic with SigNoz. Check it out [here](https://signoz.io/blog/logs-performance-benchmark/?utm_source=github-readme&utm_medium=logs-benchmark)

				<p>&nbsp  </p>

				### SigNoz vs Loki

				- SigNoz supports aggregations on high-cardinality data over a huge volume while loki doesn’t.

				- SigNoz supports indexes over high cardinality data and has no limitations on the number of indexes, while Loki reaches max streams with a few indexes added to it.

				- Searching over a huge volume of data is difficult and slow in Loki compared to SigNoz

				We have published benchmarks comparing Loki with SigNoz. Check it out [here](https://signoz.io/blog/logs-performance-benchmark/?utm_source=github-readme&utm_medium=logs-benchmark)

				<br /><br />

				**Loki**<br>

				In the linked benchmark, SigNoz indexed all keys in the test setup, while Loki hit max stream errors when more labels were added. Check the [detailed study](https://signoz.io/blog/logs-performance-benchmark/?utm_source=github-readme&utm_medium=logs-benchmark).

				## Contributing

				We ❤️ contributions big or small. Please read [CONTRIBUTING.md](CONTRIBUTING.md) to get started with making contributions to SigNoz.

				Not sure how to get started? Just ping us on `#contributing` in our [slack community](https://signoz.io/slack)

				<br /><br />

				## Documentation

				You can find docs at https://signoz.io/docs/. If you need any clarification or find something missing, feel free to raise a GitHub issue with the label `documentation` or reach out to us at the community slack channel.

				<br /><br />

				## Community

				Join the [slack community](https://signoz.io/slack) to know more about distributed tracing, observability, or SigNoz and to connect with other users and contributors.

				If you have any ideas, questions, or any feedback, please share on our [Github Discussions](https://github.com/SigNoz/signoz/discussions)

				Not sure how to get started? **Just ping us on `#contributing` in our [slack community](https://signoz.io/slack).**

				As always, thanks to our amazing contributors!

				<a href="https://github.com/signoz/signoz/graphs/contributors">

				  <img src="https://contrib.rocks/image?repo=signoz/signoz" />

				  <img alt="SigNoz contributors" src="https://contrib.rocks/image?repo=signoz/signoz" />

				</a>

									
										232

README.pt-br.md
									
												View File
												
				@@ -1,158 +1,190 @@

				<p align="center">

				  <img src="https://res.cloudinary.com/dcv3epinx/image/upload/v1618904450/signoz-images/LogoGithub_sigfbu.svg" alt="SigNoz-logo" width="240" />

				  <p align="center">Monitore seus aplicativos e solucione problemas em seus aplicativos implantados, uma alternativa de código aberto para soluções como DataDog, New Relic, entre outras.</p>

				  <picture>

				    <source media="(prefers-color-scheme: dark)" srcset="docs/readme-assets/signoz-hero-dark.png" width="900">

				    <source media="(prefers-color-scheme: light)" srcset="docs/readme-assets/signoz-hero-light.png" width="900">

				    <img alt="SigNoz - Observabilidade nos seus termos, baseada em padrões abertos." src="docs/readme-assets/signoz-hero-light.png" width="900">

				  </picture>

				</p>

				<p align="center">

				    <img alt="Downloads" src="https://img.shields.io/docker/pulls/signoz/frontend?label=Downloads"> </a>

				    <img alt="GitHub issues" src="https://img.shields.io/github/issues/signoz/signoz"> </a>

				    <a href="https://twitter.com/intent/tweet?text=Monitor%20your%20applications%20and%20troubleshoot%20problems%20with%20SigNoz,%20an%20open-source%20alternative%20to%20DataDog,%20NewRelic.&url=https://signoz.io/&via=SigNozHQ&hashtags=opensource,signoz,observability"> 

				        <img alt="tweet" src="https://img.shields.io/twitter/url/http/shields.io.svg?style=social"> </a> 

				  <a href="README.md">English</a> ·

				  <a href="README.zh-cn.md">中文</a> ·

				  <a href="README.de-de.md">Deutsch</a>

				</p>

				<h3 align="center">

				  <a href="https://signoz.io/docs"><b>Documentação</b></a> &bull;

				  <a href="https://signoz.io/slack"><b>Comunidade no Slack</b></a> &bull;

				  <a href="https://twitter.com/SigNozHq"><b>Twitter</b></a>

				</h3>

				##

				<p align="center">

				  <a href="https://github.com/SigNoz/signoz/issues"><img alt="GitHub issues" src="https://img.shields.io/github/issues/SigNoz/signoz"></a>

				  <a href="https://github.com/SigNoz/signoz/releases"><img alt="GitHub release" src="https://img.shields.io/github/v/release/SigNoz/signoz?label=release"></a>

				  <a href="https://signoz.io/slack"><img alt="Slack community" src="https://img.shields.io/badge/slack-community-4A154B?logo=slack&logoColor=white"></a>

				  <a href="https://www.linkedin.com/company/signozio/"><img alt="LinkedIn" src="https://img.shields.io/badge/linkedin-SigNoz-0A66C2?logo=linkedin&logoColor=white"></a>

				  <a href="https://twitter.com/intent/tweet?text=Monitor%20your%20applications%20and%20troubleshoot%20problems%20with%20SigNoz,%20an%20open-source%20alternative%20to%20DataDog,%20NewRelic.&url=https://signoz.io/&via=SigNozHQ&hashtags=opensource,signoz,observability"><img alt="Tweet" src="https://img.shields.io/twitter/url/http/shields.io.svg?style=social"></a>

				</p>

				SigNoz auxilia os desenvolvedores a monitorarem aplicativos e solucionar problemas em seus aplicativos implantados. SigNoz usa rastreamento distribuído para obter visibilidade em sua pilha de software. 

				SigNoz é uma plataforma de observabilidade open-source construída sobre OpenTelemetry. Estamos criando uma alternativa de nível empresarial a stacks de monitoramento fragmentadas, com logs, métricas, traces, alertas e dashboards em um só lugar.

				👉 Você pode verificar métricas como latência p99, taxas de erro em seus serviços, requisições às APIs externas e endpoints individuais.

				### Escolha como executar o SigNoz

				👉 Você pode encontrar a causa raiz do problema acessando os rastreamentos exatos que estão causando o problema e verificar os quadros detalhados de cada requisição individual.

				#### SigNoz Cloud (recomendado)

				👉 Execute agregações em dados de rastreamento para obter métricas de negócios relevantes.

				SigNoz totalmente gerenciado, com teste gratuito de 30 dias, sem cartão de crédito, preço baseado em uso a partir de US$ 49 e hospedagem de dados por região.

				[**Comece gratuitamente →**](https://signoz.io/teams/)

				![SigNoz Feature](https://signoz-public.s3.us-east-2.amazonaws.com/signoz_hero_github.png)

				#### Enterprise

				<br /><br />

				Enterprise Cloud, BYOC ou Enterprise Self-Hosted com compliance, suporte, retenção personalizada, RBAC, controles de ingestão, residência de dados e seleção de região.

				<img align="left" src="https://signoz-public.s3.us-east-2.amazonaws.com/Contributing.svg" width="50px" />

				[**Conheça o Enterprise →**](https://signoz.io/enterprise/)

				## Junte-se à nossa comunidade no Slack 

				#### Community

				Venha dizer oi para nós no [Slack](https://signoz.io/slack) 👋

				SigNoz open-source gratuito, executado na sua própria infraestrutura. Faça o deploy com Docker, Kubernetes ou Linux e mantenha controle total sobre o seu plano de dados.

				<br /><br />

				[**Instale o SigNoz →**](https://signoz.io/docs/install/self-host/)

				<img align="left" src="https://signoz-public.s3.us-east-2.amazonaws.com/Features.svg" width="50px" />

				### O que você pode monitorar?

				## Funções:

				O SigNoz ajuda equipes a depurar problemas de produção mais rapidamente ao conectar logs, métricas, traces, alertas, dashboards, exceções e fluxos agent-native em um só lugar.

				- Métricas de visão geral do aplicativo, como RPS, latências de percentual 50/90/99 e taxa de erro

				- Endpoints mais lentos em seu aplicativo

				- Visualize o rastreamento preciso de requisições de rede para descobrir problemas em serviços downstream, consultas lentas de banco de dados, chamadas para serviços de terceiros, como gateways de pagamento, etc. 

				- Filtre os rastreamentos por nome de serviço, operação, latência, erro, tags / anotações.

				- Execute agregações em dados de rastreamento (eventos / extensões) para obter métricas de negócios relevantes, como por exemplo, você pode obter a taxa de erro e a latência do 99º percentil de `customer_type: gold` or `deployment_version: v2` or `external_call: paypal`

				- Interface de Usuário unificada para métricas e rastreios. Não há necessidade de mudar de Prometheus para Jaeger para depurar problemas.

				#### Visão geral de APM

				<br /><br />

				Monitore latência de serviço, taxa de erro, throughput, Apdex, principais endpoints, chamadas ao banco de dados e chamadas externas.

				<img align="left" src="https://signoz-public.s3.us-east-2.amazonaws.com/WhatsCool.svg" width="50px" />

				<p align="center">

				  <img alt="Dashboard de APM do SigNoz mostrando latência, throughput, Apdex e operações principais" src="docs/readme-assets/monitor/apm.png" width="900">

				</p>

				## Por que escolher SigNoz?

				Saiba mais: [documentação de APM](https://signoz.io/docs/instrumentation/overview/)

				Sendo desenvolvedores, achamos irritante contar com fornecedores de SaaS de código fechado para cada pequeno recurso que queríamos. Fornecedores de código fechado costumam surpreendê-lo com enormes contas no final do mês de uso sem qualquer transparência .

				#### Gerenciamento de logs

				Queríamos fazer uma versão auto-hospedada e de código aberto de ferramentas como DataDog, NewRelic para empresas que têm preocupações com privacidade e segurança em ter dados de clientes indo para serviços de terceiros. 

				Ingira, pesquise, agregue e correlacione logs com traces e métricas usando um construtor visual de consultas.

				Ser open source também oferece controle completo de sua configuração, amostragem e tempos de atividade. Você também pode construir módulos sobre o SigNoz para estender recursos específicos do negócio.

				<p align="center">

				  <img alt="Explorador de logs do SigNoz com filtros, gráfico de frequência e linhas de log" src="docs/readme-assets/monitor/log-management.svg" width="900">

				</p>

				### Linguagens Suportadas:

				Saiba mais: [documentação de gerenciamento de logs](https://signoz.io/docs/logs-management/overview/)

				Nós apoiamos a biblioteca [OpenTelemetry](https://opentelemetry.io) como a biblioteca que você pode usar para instrumentar seus aplicativos. Em outras palavras, SigNoz oferece suporte a qualquer framework e linguagem que suporte a biblioteca OpenTelemetry. As principais linguagens suportadas incluem: 

				#### Métricas e dashboards

				- Java

				- Python

				- NodeJS

				- Go

				Crie dashboards para métricas de aplicação, infraestrutura e métricas personalizadas usando Query Builder, PromQL ou ClickHouse SQL.

				Você pode encontrar a lista completa de linguagens aqui - https://opentelemetry.io/docs/

				<p align="center">

				  <img alt="Dashboard de métricas de host do SigNoz com gráficos de carga do sistema e rede" src="docs/readme-assets/monitor/metrics.png" width="900">

				</p>

				<br /><br />

				Saiba mais: [documentação de métricas](https://signoz.io/docs/metrics-management/overview/)

				<img align="left" src="https://signoz-public.s3.us-east-2.amazonaws.com/Philosophy.svg" width="50px" />

				#### Monitoramento de infraestrutura

				## Iniciando

				### Implantar usando Docker

				Monitore clusters Kubernetes, pods, nodes, workloads e CPU, memória, disco, rede, logs e traces em nível de host.

				Siga as etapas listadas [aqui](https://signoz.io/docs/install/docker/) para instalar usando o Docker.

				<p align="center">

				  <img alt="Dashboard de infraestrutura Kubernetes do SigNoz com métricas de pods e nodes" src="docs/readme-assets/monitor/infrastructure.png" width="900">

				</p>

				Esse [guia para solução de problemas](https://signoz.io/docs/install/troubleshooting/) pode ser útil se você enfrentar quaisquer problemas. 

				Saiba mais: [documentação de monitoramento de infraestrutura](https://signoz.io/docs/infrastructure-monitoring/overview/)

				<p>&nbsp  </p>

				### Implentar no Kubernetes usando Helm

				#### Observabilidade de LLM e AI

				Siga as etapas listadas [aqui](https://signoz.io/docs/deployment/helm_chart) para instalar usando helm charts.

				Rastreie apps LLM, pipelines RAG, prompts, chamadas de ferramentas, tokens, latência e custos junto com telemetria de aplicação e infraestrutura.

				<br /><br />

				<p align="center">

				  <img alt="Dashboard de observabilidade de LLM do SigNoz para traces, uso de tokens, latência e custos" src="docs/readme-assets/monitor/llm.png" width="900">

				</p>

				<img align="left" src="https://signoz-public.s3.us-east-2.amazonaws.com/UseSigNoz.svg" width="50px" />

				Saiba mais: [documentação de observabilidade de LLM](https://signoz.io/docs/llm-observability/)

				## Comparações com ferramentas similares 

				#### Observabilidade agent-native e MCP

				### SigNoz ou Prometheus

				Use o servidor MCP do SigNoz para levar telemetria aos agentes de programação, ou use o Noz dentro do SigNoz para investigar incidentes, ajustar alertas e criar dashboards com contexto de produção. O [Noz](https://signoz.io/docs/ai/noz/) está disponível apenas no SigNoz Cloud.

				Prometheus é bom se você quiser apenas fazer métricas. Mas se você quiser ter uma experiência perfeita entre métricas e rastreamentos, a experiência atual de unir Prometheus e Jaeger não é ótima.

				<p align="center">

				  <img alt="Interface Noz do SigNoz ao lado de um fluxo agent via MCP" src="docs/readme-assets/monitor/agent-native.png" width="900">

				</p>

				Nosso objetivo é fornecer uma interface do usuário integrada entre métricas e rastreamentos - semelhante ao que fornecedores de SaaS como o Datadog fornecem - e fornecer filtragem e agregação avançada sobre rastreamentos, algo que a Jaeger atualmente carece. 

				Saiba mais: [documentação do servidor MCP do SigNoz](https://signoz.io/docs/ai/signoz-mcp-server/) · [documentação de agent skills](https://signoz.io/docs/ai/agent-skills/#install-the-plugin)

				<p>&nbsp  </p>

				#### Tracing distribuído

				### SigNoz ou Jaeger

				Acompanhe requisições entre serviços com flamegraphs, waterfalls, eventos de span, filtros e análise de traces.

				Jaeger só faz rastreamento distribuído. SigNoz faz métricas e rastreia, e também temos gerenciamento de log em nossos planos.

				<p align="center">

				  <img alt="Visualização de tracing distribuído do SigNoz com flamegraph e spans em waterfall" src="docs/readme-assets/monitor/distributed-tracing.png" width="900">

				</p>

				Além disso, SigNoz tem alguns recursos mais avançados do que Jaeger:

				Saiba mais: [documentação de tracing distribuído](https://signoz.io/docs/instrumentation/)

				- A interface de usuário do Jaegar não mostra nenhuma métrica em traces ou em traces filtrados

				- Jaeger não pode obter agregados em rastros filtrados. Por exemplo, latência p99 de solicitações que possuem tag - customer_type='premium'. Isso pode ser feito facilmente com SigNoz.

				#### Trace Funnels

				<br /><br />

				Crie funis a partir de traces para entender quedas no fluxo de requisições, transições com falha e problemas sistêmicos de workflow.

				<img align="left" src="https://signoz-public.s3.us-east-2.amazonaws.com/Contributors.svg" width="50px" />

				<p align="center">

				  <img alt="Trace Funnels do SigNoz mostrando quedas no fluxo de requisições e transições com falha" src="docs/readme-assets/monitor/trace-funnels.png" width="900">

				</p>

				Saiba mais: [documentação de Trace Funnels](https://signoz.io/docs/trace-funnels/overview/)

				Também monitore: [**exceções**](https://signoz.io/docs/userguide/exceptions/), [**alertas**](https://signoz.io/docs/alerts/), [**APIs externas**](https://signoz.io/docs/external-api-monitoring/overview/) e [**integrações**](https://signoz.io/docs/integrations/integrations-list/) para OpenTelemetry, Prometheus, Kubernetes, provedores de nuvem, SDKs de linguagem, frameworks de aplicação, bancos de dados e ferramentas de LLM.

				### Por que equipes usam o SigNoz

				1. **Nativo em OpenTelemetry**<br>

				   Instrumente uma vez com padrões abertos e mantenha a posse da sua telemetria.

				2. **Sinais correlacionados**<br>

				   Vá de gráficos de serviço para traces, logs, métricas de infraestrutura e exceções sem trocar de ferramenta.

				3. **Um único banco de dados colunar**<br>

				   Construído para workloads de observabilidade de alto volume e alta cardinalidade.

				4. **Preço previsível**<br>

				   Sem cobrança por host, sem cobrança por usuário e sem preço especial para métricas personalizadas.

				5. **Pronto para enterprise**<br>

				   Compliance SOC 2 Type II e HIPAA, RBAC, controles de ingestão, retenção personalizada, suporte, BYOC e self-hosting.

				### Primeiros passos

				#### Comece na Cloud

				Crie um workspace gerenciado do SigNoz e obtenha seu primeiro dashboard sem operar infraestrutura de observabilidade.

				[**Comece gratuitamente no SigNoz Cloud**](https://signoz.io/teams/)

				#### Self-host SigNoz

				Execute o SigNoz na sua própria infraestrutura com Foundry, Docker, Kubernetes ou Linux.

				[**Foundry**](https://github.com/SigNoz/foundry) · [**Docker**](https://signoz.io/docs/install/docker/) · [**Kubernetes**](https://signoz.io/docs/install/kubernetes/) · [**Linux**](https://signoz.io/docs/install/linux/)

				#### Envie dados

				Instrumente aplicações e infraestrutura com OpenTelemetry, Prometheus, SDKs de linguagem e integrações.

				[**Instrumentação**](https://signoz.io/docs/instrumentation/) · [**Integrações**](https://signoz.io/docs/integrations/integrations-list/)

				### Comparações com ferramentas conhecidas

				O SigNoz é frequentemente adotado por equipes que estão migrando de ferramentas de propósito único ou plataformas comerciais com preços imprevisíveis.

				**Prometheus**<br>

				Bom se você precisa apenas de métricas. O SigNoz mantém métricas, logs, traces, dashboards e alertas juntos para que equipes possam depurar com contexto correlacionado.

				**Jaeger**<br>

				Jaeger faz apenas tracing distribuído. O SigNoz adiciona métricas, logs, análise de traces, dashboards, alertas, exceções e fluxos de trace para log.

				**Elastic**<br>

				O SigNoz usa banco de dados colunar para análises de observabilidade eficientes e workloads de logs de alta cardinalidade, com 50% menos necessidade de recursos em comparação ao Elastic durante a ingestão. Confira o [estudo detalhado](https://signoz.io/blog/logs-performance-benchmark/?utm_source=github-readme&utm_medium=logs-benchmark).

				**Loki**<br>

				No benchmark vinculado, o SigNoz indexou todas as chaves na configuração de teste, enquanto o Loki atingiu erros de max streams ao adicionar mais labels. Confira o [estudo detalhado](https://signoz.io/blog/logs-performance-benchmark/?utm_source=github-readme&utm_medium=logs-benchmark).

				## Contribuindo

				Adoramos contribuições grandes ou pequenas. Leia [CONTRIBUTING.md](CONTRIBUTING.md) para começar a contribuir com o SigNoz.

				Nós ❤️ contribuições grandes ou pequenas. Leia [CONTRIBUTING.md](CONTRIBUTING.md) para começar a fazer contribuições para o SigNoz. 

				Não sabe como começar? **Fale conosco no `#contributing` na nossa [comunidade Slack](https://signoz.io/slack).**

				Não sabe como começar? Basta enviar um sinal para nós no canal `#contributing` em nossa [comunidade no Slack.](https://signoz.io/slack)

				<br /><br />

				<img align="left" src="https://signoz-public.s3.us-east-2.amazonaws.com/DevelopingLocally.svg" width="50px" />

				## Documentação

				Você pode encontrar a documentação em https://signoz.io/docs/. Se você tiver alguma dúvida ou sentir falta de algo, sinta-se à vontade para criar uma issue com a tag `documentation` no GitHub ou entre em contato conosco no canal da comunidade no Slack.

				<br /><br />

				<img align="left" src="https://signoz-public.s3.us-east-2.amazonaws.com/Contributing.svg" width="50px" />

				## Comunidade

				Junte-se a [comunidade no Slack](https://signoz.io/slack) para saber mais sobre rastreamento distribuído, observabilidade ou SigNoz e para se conectar com outros usuários e colaboradores. 

				Se você tiver alguma ideia, pergunta ou feedback, compartilhe em nosso [Github Discussões](https://github.com/SigNoz/signoz/discussions)

				Como sempre, obrigado aos nossos incríveis colaboradores! 

				Como sempre, obrigado aos nossos incríveis contribuidores!

				<a href="https://github.com/signoz/signoz/graphs/contributors">

				  <img src="https://contrib.rocks/image?repo=signoz/signoz" />

				  <img alt="Contribuidores do SigNoz" src="https://contrib.rocks/image?repo=signoz/signoz" />

				</a>

									
										244

README.zh-cn.md
									
												View File
												
				@@ -1,208 +1,190 @@

				<img src="https://res.cloudinary.com/dcv3epinx/image/upload/v1618904450/signoz-images/LogoGithub_sigfbu.svg" alt="SigNoz-logo" width="240" />

				<p align="center">监控你的应用，并且可排查已部署应用的问题，这是一个可替代 DataDog、NewRelic 的开源方案</p>

				<p align="center">

				  <picture>

				    <source media="(prefers-color-scheme: dark)" srcset="docs/readme-assets/signoz-hero-dark.png" width="900">

				    <source media="(prefers-color-scheme: light)" srcset="docs/readme-assets/signoz-hero-light.png" width="900">

				    <img alt="SigNoz - 按你的方式运行的可观测性，由开放标准驱动。" src="docs/readme-assets/signoz-hero-light.png" width="900">

				  </picture>

				</p>

				<p align="center">

				    <img alt="Downloads" src="https://img.shields.io/docker/pulls/signoz/query-service?label=Docker Downloads"> </a>

				    <img alt="GitHub issues" src="https://img.shields.io/github/issues/signoz/signoz"> </a>

				    <a href="https://twitter.com/intent/tweet?text=Monitor%20your%20applications%20and%20troubleshoot%20problems%20with%20SigNoz,%20an%20open-source%20alternative%20to%20DataDog,%20NewRelic.&url=https://signoz.io/&via=SigNozHQ&hashtags=opensource,signoz,observability"> 

				        <img alt="tweet" src="https://img.shields.io/twitter/url/http/shields.io.svg?style=social"> </a> 

				  <a href="README.md">English</a> ·

				  <a href="README.de-de.md">Deutsch</a> ·

				  <a href="README.pt-br.md">Português</a>

				</p>

				<h3 align="center">

				  <a href="https://signoz.io/docs"><b>文档</b></a> •

				  <a href="https://github.com/SigNoz/signoz/blob/main/README.zh-cn.md"><b>中文ReadMe</b></a> •

				  <a href="https://github.com/SigNoz/signoz/blob/main/README.de-de.md"><b>德文ReadMe</b></a> •

				  <a href="https://github.com/SigNoz/signoz/blob/main/README.pt-br.md"><b>葡萄牙语ReadMe</b></a> •

				  <a href="https://signoz.io/slack"><b>Slack 社区</b></a> •

				  <a href="https://twitter.com/SigNozHq"><b>Twitter</b></a>

				</h3>

				<p align="center">

				  <a href="https://github.com/SigNoz/signoz/issues"><img alt="GitHub issues" src="https://img.shields.io/github/issues/SigNoz/signoz"></a>

				  <a href="https://github.com/SigNoz/signoz/releases"><img alt="GitHub release" src="https://img.shields.io/github/v/release/SigNoz/signoz?label=release"></a>

				  <a href="https://signoz.io/slack"><img alt="Slack community" src="https://img.shields.io/badge/slack-community-4A154B?logo=slack&logoColor=white"></a>

				  <a href="https://www.linkedin.com/company/signozio/"><img alt="LinkedIn" src="https://img.shields.io/badge/linkedin-SigNoz-0A66C2?logo=linkedin&logoColor=white"></a>

				  <a href="https://twitter.com/intent/tweet?text=Monitor%20your%20applications%20and%20troubleshoot%20problems%20with%20SigNoz,%20an%20open-source%20alternative%20to%20DataDog,%20NewRelic.&url=https://signoz.io/&via=SigNozHQ&hashtags=opensource,signoz,observability"><img alt="Tweet" src="https://img.shields.io/twitter/url/http/shields.io.svg?style=social"></a>

				</p>

				##

				SigNoz 是一个基于 OpenTelemetry 构建的开源可观测性平台。我们正在构建一个企业级替代方案，用来替代分散的监控工具栈，把日志、指标、链路追踪、告警和仪表盘放在同一个地方。

				SigNoz 帮助开发人员监控应用并排查已部署应用的问题。你可以使用 SigNoz 实现如下能力:

				### 选择 SigNoz 的运行方式

				👉 在同一块面板上，可视化 Metrics, Traces 和 Logs 内容。

				#### SigNoz Cloud（推荐）

				👉 你可以关注服务的 p99 延迟和错误率， 包括外部 API 调用和个别的端点。

				完全托管的 SigNoz，提供 30 天免费试用，无需信用卡，按用量计费，起价为 49 美元，并支持区域化数据托管。

				👉 你可以找到问题的根因，通过提取相关问题的 traces 日志、单独查看请求 traces 的火焰图详情。

				[**免费开始 →**](https://signoz.io/teams/)

				👉 执行 trace 数据聚合，以获取业务相关的 metrics

				#### 企业版

				👉 对日志过滤和查询，通过日志的属性建立看板和告警

				Enterprise Cloud、BYOC 或 Enterprise Self-Hosted，提供合规、支持、自定义保留期、RBAC、摄取控制、数据驻留和区域选择。

				👉 通过 Python，java，Ruby 和 Javascript 自动记录异常

				[**了解企业版 →**](https://signoz.io/enterprise/)

				👉 轻松的自定义查询和设置告警

				#### 社区版

				### 应用 Metrics 展示

				免费的开源 SigNoz，可运行在你自己的基础设施中。使用 Docker、Kubernetes 或 Linux 部署，并完全掌控你的数据平面。

				![application_metrics](https://user-images.githubusercontent.com/83692067/226637410-900dbc5e-6705-4b11-a10c-bd0faeb2a92f.png)

				[**安装 SigNoz →**](https://signoz.io/docs/install/self-host/)

				### 分布式追踪

				### 你可以监控什么？

				<img width="2068" alt="distributed_tracing_2 2" src="https://user-images.githubusercontent.com/83692067/226536447-bae58321-6a22-4ed3-af80-e3e964cb3489.png">

				SigNoz 将日志、指标、链路追踪、告警、仪表盘、异常和面向 Agent 的工作流连接在一起，帮助团队更快地调试生产问题。

				<img width="2068" alt="distributed_tracing_1" src="https://user-images.githubusercontent.com/83692067/226536462-939745b6-4f9d-45a6-8016-814837e7f7b4.png">

				#### APM 概览

				### 日志管理

				监控服务延迟、错误率、吞吐量、Apdex、核心端点、数据库调用和外部调用。

				<img width="2068" alt="logs_management" src="https://user-images.githubusercontent.com/83692067/226536482-b8a5c4af-b69c-43d5-969c-338bd5eaf1a5.png">

				<p align="center">

				  <img alt="SigNoz APM 仪表盘，展示延迟、吞吐量、Apdex 和关键操作" src="docs/readme-assets/monitor/apm.png" width="900">

				</p>

				### 基础设施监控

				了解更多：[APM 文档](https://signoz.io/docs/instrumentation/overview/)

				<img width="2068" alt="infrastructure_monitoring" src="https://user-images.githubusercontent.com/83692067/226536496-f38c4dbf-e03c-4158-8be0-32d4a61158c7.png">

				#### 日志管理

				### 异常监控

				摄取、搜索、聚合日志，并通过可视化查询构建器将日志与链路追踪和指标关联起来。

				![exceptions_light](https://user-images.githubusercontent.com/83692067/226637967-4188d024-3ac9-4799-be95-f5ea9c45436f.png)

				<p align="center">

				  <img alt="SigNoz 日志浏览器，包含过滤器、频率图和日志行" src="docs/readme-assets/monitor/log-management.svg" width="900">

				</p>

				### 告警

				了解更多：[日志管理文档](https://signoz.io/docs/logs-management/overview/)

				<img width="2068" alt="alerts_management" src="https://user-images.githubusercontent.com/83692067/226536548-2c81e2e8-c12d-47e8-bad7-c6be79055def.png">

				#### 指标和仪表盘

				<br /><br />

				使用 Query Builder、PromQL 或 ClickHouse SQL 为应用、基础设施和自定义指标构建仪表盘。

				## 加入我们 Slack 社区

				<p align="center">

				  <img alt="SigNoz 主机指标仪表盘，展示系统负载和网络图表" src="docs/readme-assets/monitor/metrics.png" width="900">

				</p>

				来 [Slack](https://signoz.io/slack) 和我们打招呼吧 👋

				了解更多：[指标文档](https://signoz.io/docs/metrics-management/overview/)

				<br /><br />

				#### 基础设施监控

				## 特性:

				监控 Kubernetes 集群、Pod、节点、工作负载，以及主机级 CPU、内存、磁盘、网络、日志和链路追踪。

				- 为 metrics, traces and logs 制定统一的 UI。 无需切换 Prometheus 到 Jaeger 去查找问题，也无需使用想 Elastic 这样的日志工具分开你的 metrics 和 traces

				<p align="center">

				  <img alt="SigNoz Kubernetes 基础设施仪表盘，展示 Pod 和节点指标" src="docs/readme-assets/monitor/infrastructure.png" width="900">

				</p>

				- 默认统计应用的 metrics 数据，像 RPS (每秒请求数)， 50th/90th/99th 的分位数延迟数据，还有相关的错误率

				了解更多：[基础设施监控文档](https://signoz.io/docs/infrastructure-monitoring/overview/)

				- 找到应用中最慢的端点

				#### LLM 和 AI 可观测性

				- 查看准确的请求跟踪数据，找到下游服务的问题了，比如 DB 慢查询，或者调用第三方的支付网关等

				追踪 LLM 应用、RAG 流水线、Prompt、工具调用、Token、延迟和成本，并与应用和基础设施遥测数据放在一起分析。

				- 通过 服务名、操作方式、延迟、错误、标签/注释 过滤 traces 数据

				<p align="center">

				  <img alt="SigNoz LLM 可观测性仪表盘，展示链路追踪、Token 使用、延迟和成本" src="docs/readme-assets/monitor/llm.png" width="900">

				</p>

				- 通过聚合 trace 数据而获得业务相关的 metrics。 比如你可以通过 `customer_type: gold` 或者 `deployment_version: v2` 或者 `external_call: paypal` 获取错误率和 P99 延迟数据

				了解更多：[LLM 可观测性文档](https://signoz.io/docs/llm-observability/)

				- 原生支持 OpenTelemetry 日志，高级日志查询，自动收集 k8s 相关日志

				#### Agent 原生可观测性和 MCP

				- 快如闪电的日志分析 ([Logs Perf. Benchmark](https://signoz.io/blog/logs-performance-benchmark/))

				使用 SigNoz MCP server 将遥测数据带入编程 Agent，或在 SigNoz 中使用 Noz，基于生产上下文调查事故、优化告警并构建仪表盘。[Noz](https://signoz.io/docs/ai/noz/) 仅适用于 SigNoz Cloud。

				- 可视化点到点的基础设施性能，提取有所有类型机器的 metrics 数据

				<p align="center">

				  <img alt="SigNoz Noz 界面与基于 MCP 的 Agent 工作流" src="docs/readme-assets/monitor/agent-native.png" width="900">

				</p>

				- 轻易自定义告警查询

				了解更多：[SigNoz MCP server 文档](https://signoz.io/docs/ai/signoz-mcp-server/) · [Agent skills 文档](https://signoz.io/docs/ai/agent-skills/#install-the-plugin)

				<br /><br />

				#### 分布式链路追踪

				## 为什么使用 SigNoz?

				通过火焰图、瀑布图、Span 事件、过滤器和 Trace 分析，跟踪请求在各个服务之间的流转。

				作为开发者, 我们发现 SaaS 厂商对一些大家想要的小功能都是闭源的，这种行为真的让人有点恼火。 闭源厂商还会在月底给你一张没有明细的巨额账单。

				<p align="center">

				  <img alt="SigNoz 分布式链路追踪视图，包含火焰图和瀑布图 Span" src="docs/readme-assets/monitor/distributed-tracing.png" width="900">

				</p>

				我们想做一个自托管并且可开源的工具，像 DataDog 和 NewRelic 那样， 为那些担心数据隐私和安全的公司提供第三方服务。

				了解更多：[分布式链路追踪文档](https://signoz.io/docs/instrumentation/)

				作为开源的项目，你完全可以自己掌控你的配置、样本和更新。你同样可以基于 SigNoz 拓展特定的业务模块。

				#### Trace Funnels

				### 支持的编程语言:

				基于链路追踪创建漏斗，用于理解请求流中的掉点、失败转换和系统性工作流问题。

				我们支持 [OpenTelemetry](https://opentelemetry.io)。作为一个观测你应用的库文件。所以任何 OpenTelemetry 支持的框架和语言，对于 SigNoz 也同样支持。 一些主要支持的语言如下：

				<p align="center">

				  <img alt="SigNoz Trace Funnels，展示请求流掉点和失败转换" src="docs/readme-assets/monitor/trace-funnels.png" width="900">

				</p>

				- Java

				- Python

				- NodeJS

				- Go

				- PHP

				- .NET

				- Ruby

				- Elixir

				- Rust

				了解更多：[Trace Funnels 文档](https://signoz.io/docs/trace-funnels/overview/)

				你可以在这里找到全部支持的语言列表 - https://opentelemetry.io/docs/

				你还可以监控：[**异常**](https://signoz.io/docs/userguide/exceptions/)、[**告警**](https://signoz.io/docs/alerts/)、[**外部 API**](https://signoz.io/docs/external-api-monitoring/overview/)，以及面向 OpenTelemetry、Prometheus、Kubernetes、云服务商、语言 SDK、应用框架、数据库和 LLM 工具的[**集成**](https://signoz.io/docs/integrations/integrations-list/)。

				<br /><br />

				### 为什么团队选择 SigNoz

				## 让我们开始吧

				1. **OpenTelemetry 原生**<br>

				   用开放标准完成一次接入，并保持对遥测数据的所有权。

				2. **信号关联**<br>

				   在服务图表、链路追踪、日志、基础设施指标和异常之间切换时，不需要更换工具。

				3. **单一列式数据库**<br>

				   为高基数、高吞吐量的可观测性工作负载而构建。

				4. **可预测的定价**<br>

				   不按主机收费，不按用户席位收费，也不对自定义指标设置特殊价格。

				5. **企业就绪**<br>

				   SOC 2 Type II 和 HIPAA 合规、RBAC、摄取控制、自定义保留期、支持、BYOC 和自托管。

				### 使用 Docker 部署

				### 快速开始

				请一步步跟随 [这里](https://signoz.io/docs/install/docker/) 通过 docker 来安装。

				#### 从 Cloud 开始

				这个 [排障说明书](https://signoz.io/docs/install/troubleshooting/) 可以帮助你解决碰到的问题。

				创建一个托管的 SigNoz 工作区，无需运行可观测性基础设施，即可获得第一个仪表盘。

				<p>&nbsp  </p>

				[**免费开始使用 SigNoz Cloud**](https://signoz.io/teams/)

				### 使用 Helm 在 Kubernetes 部署

				#### 自托管 SigNoz

				请一步步跟随 [这里](https://signoz.io/docs/deployment/helm_chart) 通过 helm 来安装

				在你自己的基础设施中通过 Foundry、Docker、Kubernetes 或 Linux 运行 SigNoz。

				<br /><br />

				[**Foundry**](https://github.com/SigNoz/foundry) · [**Docker**](https://signoz.io/docs/install/docker/) · [**Kubernetes**](https://signoz.io/docs/install/kubernetes/) · [**Linux**](https://signoz.io/docs/install/linux/)

				## 比较相似的工具

				#### 发送数据

				### SigNoz vs Prometheus

				使用 OpenTelemetry、Prometheus、语言 SDK 和集成来接入应用与基础设施。

				Prometheus 是一个针对 metrics 监控的强大工具。但是如果你想无缝的切换 metrics 和 traces 查询，你当前大概率需要在 Prometheus 和 Jaeger 之间切换。

				[**接入文档**](https://signoz.io/docs/instrumentation/) · [**集成列表**](https://signoz.io/docs/integrations/integrations-list/)

				我们的目标是提供一个客户观测 metrics 和 traces 整合的 UI。就像 SaaS 供应商 DataDog，它提供很多 jaeger 缺失的功能，比如针对 traces 过滤功能和聚合功能。

				### 与常见工具的对比

				<p>&nbsp  </p>

				许多团队在从单一用途工具或价格不可预测的商业平台迁移时，会选择 SigNoz。

				### SigNoz vs Jaeger

				**Prometheus**<br>

				如果你只需要指标，Prometheus 很合适。SigNoz 将指标、日志、链路追踪、仪表盘和告警放在一起，让团队可以通过关联上下文进行调试。

				Jaeger 仅仅是一个分布式追踪系统。 但是 SigNoz 可以提供 metrics, traces 和 logs 所有的观测。

				**Jaeger**<br>

				Jaeger 只做分布式链路追踪。SigNoz 增加了指标、日志、Trace 分析、仪表盘、告警、异常和 Trace 到日志的工作流。

				而且, SigNoz 相较于 Jaeger 拥有更对的高级功能:

				**Elastic**<br>

				SigNoz 使用列式数据库来高效处理可观测性分析和高基数日志工作负载。在摄取阶段，相比 Elastic 可降低 50% 的资源需求。查看[详细评测](https://signoz.io/blog/logs-performance-benchmark/?utm_source=github-readme&utm_medium=logs-benchmark)。

				- Jaegar UI 不能提供任何基于 traces 的 metrics 查询和过滤。

				- Jaeger 不能针对过滤的 traces 做聚合。 比如， p99 延迟的请求有个标签是 customer_type='premium'。 而这些在 SigNoz 可以轻松做到。

				<p>&nbsp  </p>

				### SigNoz vs Elastic

				- SigNoz 的日志管理是基于 ClickHouse 实现的，可以使日志的聚合更加高效，因为它是基于 OLAP 的数据仓储。

				- 与 Elastic 相比，可以节省 50% 的资源成本

				我们已经公布了 Elastic 和 SigNoz 的性能对比。 请点击 [这里](https://signoz.io/blog/logs-performance-benchmark/?utm_source=github-readme&utm_medium=logs-benchmark)

				<p>&nbsp  </p>

				### SigNoz vs Loki

				- SigNoz 支持大容量高基数的聚合，但是 loki 是不支持的。

				- SigNoz 支持索引的高基数查询，并且对索引没有数量限制，而 Loki 会在添加部分索引后到达最大上限。

				- 相较于 SigNoz，Loki 在搜索大量数据下既困难又缓慢。

				我们已经发布了基准测试对比 Loki 和 SigNoz 性能。请点击 [这里](https://signoz.io/blog/logs-performance-benchmark/?utm_source=github-readme&utm_medium=logs-benchmark)

				<br /><br />

				**Loki**<br>

				在链接的评测中，SigNoz 在测试设置中索引了所有键，而 Loki 在增加更多标签时遇到了 max stream 错误。查看[详细评测](https://signoz.io/blog/logs-performance-benchmark/?utm_source=github-readme&utm_medium=logs-benchmark)。

				## 贡献

				我们 ❤️ 你的贡献，无论大小。 请先阅读 [CONTRIBUTING.md](CONTRIBUTING.md) 再开始给 SigNoz 做贡献。

				无论贡献大小，我们都非常欢迎。请阅读 [CONTRIBUTING.md](CONTRIBUTING.md)，开始为 SigNoz 做贡献。

				如果你不知道如何开始？ 只需要在 [slack 社区](https://signoz.io/slack) 通过 `#contributing` 频道联系我们。

				不确定如何开始？**可以在我们的 [Slack 社区](https://signoz.io/slack)中通过 `#contributing` 联系我们。**

				<br /><br />

				## 文档

				你可以通过 https://signoz.io/docs/ 找到相关文档。如果你需要阐述问题或者发现一些确实的事件， 通过标签为 `documentation` 提交 Github 问题。或者通过 slack 社区频道。

				<br /><br />

				## 社区

				加入 [slack 社区](https://signoz.io/slack) 去了解更多关于分布式追踪、可观测性系统 。或者与 SigNoz 其他用户和贡献者交流。

				如果你有任何想法、问题、或者任何反馈， 请通过 [Github Discussions](https://github.com/SigNoz/signoz/discussions) 分享。

				不管怎么样，感谢这个项目的所有贡献者!

				一如既往，感谢所有出色的贡献者！

				<a href="https://github.com/signoz/signoz/graphs/contributors">

				  <img src="https://contrib.rocks/image?repo=signoz/signoz" />

				  <img alt="SigNoz 贡献者" src="https://contrib.rocks/image?repo=signoz/signoz" />

				</a>

									
										5

cmd/community/server.go
									
												View File
												
				@@ -29,6 +29,8 @@ import (

					"github.com/SigNoz/signoz/pkg/modules/cloudintegration/implcloudintegration"

					"github.com/SigNoz/signoz/pkg/modules/dashboard"

					"github.com/SigNoz/signoz/pkg/modules/dashboard/impldashboard"

					"github.com/SigNoz/signoz/pkg/modules/metricreductionrule"

					"github.com/SigNoz/signoz/pkg/modules/metricreductionrule/implmetricreductionrule"

					"github.com/SigNoz/signoz/pkg/modules/organization"

					"github.com/SigNoz/signoz/pkg/modules/retention"

					"github.com/SigNoz/signoz/pkg/modules/rulestatehistory"

				@@ -119,6 +121,9 @@ func runServer(ctx context.Context, config signoz.Config, logger *slog.Logger) e

						func(_ sqlstore.SQLStore, _ dashboard.Module, _ global.Global, _ zeus.Zeus, _ gateway.Gateway, _ licensing.Licensing, _ serviceaccount.Module, _ cloudintegration.Config) (cloudintegration.Module, error) {

							return implcloudintegration.NewModule(), nil

						},

						func(_ sqlstore.SQLStore, _ telemetrystore.TelemetryStore, _ dashboard.Module, _ queryparser.QueryParser, _ licensing.Licensing, _ flagger.Flagger, _ telemetrytypes.MetadataStore, _ factory.ProviderSettings, _ int) metricreductionrule.Module {

							return implmetricreductionrule.NewModule()

						},

						func(c cache.Cache, am alertmanager.Alertmanager, ss sqlstore.SQLStore, ts telemetrystore.TelemetryStore, ms telemetrytypes.MetadataStore, p prometheus.Prometheus, og organization.Getter, rsh rulestatehistory.Module, q querier.Querier, qp queryparser.QueryParser) factory.NamedMap[factory.ProviderFactory[ruler.Ruler, ruler.Config]] {

							return factory.MustNewNamedMap(signozruler.NewFactory(c, am, ss, ts, ms, p, og, rsh, q, qp, nil, nil))

						},

									
										5

cmd/enterprise/server.go
									
												View File
												
				@@ -24,6 +24,7 @@ import (

					"github.com/SigNoz/signoz/ee/modules/cloudintegration/implcloudintegration"

					"github.com/SigNoz/signoz/ee/modules/cloudintegration/implcloudintegration/implcloudprovider"

					"github.com/SigNoz/signoz/ee/modules/dashboard/impldashboard"

					eeimplmetricreductionrule "github.com/SigNoz/signoz/ee/modules/metricreductionrule/implmetricreductionrule"

					eequerier "github.com/SigNoz/signoz/ee/querier"

					enterpriseapp "github.com/SigNoz/signoz/ee/query-service/app"

					eerules "github.com/SigNoz/signoz/ee/query-service/rules"

				@@ -46,6 +47,7 @@ import (

					pkgcloudintegration "github.com/SigNoz/signoz/pkg/modules/cloudintegration/implcloudintegration"

					"github.com/SigNoz/signoz/pkg/modules/dashboard"

					pkgimpldashboard "github.com/SigNoz/signoz/pkg/modules/dashboard/impldashboard"

					"github.com/SigNoz/signoz/pkg/modules/metricreductionrule"

					"github.com/SigNoz/signoz/pkg/modules/organization"

					"github.com/SigNoz/signoz/pkg/modules/retention"

					"github.com/SigNoz/signoz/pkg/modules/rulestatehistory"

				@@ -182,6 +184,9 @@ func runServer(ctx context.Context, config signoz.Config, logger *slog.Logger) e

							return implcloudintegration.NewModule(pkgcloudintegration.NewStore(sqlStore), dashboardModule, global, zeus, gateway, licensing, serviceAccount, cloudProvidersMap, config)

						},

						func(sqlStore sqlstore.SQLStore, ts telemetrystore.TelemetryStore, dashboardModule dashboard.Module, queryParser queryparser.QueryParser, lic licensing.Licensing, flgr pkgflagger.Flagger, ms telemetrytypes.MetadataStore, ps factory.ProviderSettings, threads int) metricreductionrule.Module {

							return eeimplmetricreductionrule.NewModule(sqlStore, ts, dashboardModule, queryParser, lic, flgr, ms, ps, threads)

						},

						func(c cache.Cache, am alertmanager.Alertmanager, ss sqlstore.SQLStore, ts telemetrystore.TelemetryStore, ms telemetrytypes.MetadataStore, p prometheus.Prometheus, og organization.Getter, rsh rulestatehistory.Module, q querier.Querier, qp queryparser.QueryParser) factory.NamedMap[factory.ProviderFactory[ruler.Ruler, ruler.Config]] {

							return factory.MustNewNamedMap(signozruler.NewFactory(c, am, ss, ts, ms, p, og, rsh, q, qp, eerules.PrepareTaskFunc, eerules.TestNotification))

						},

									
										8

conf/example.yaml
									
												View File
												
				@@ -71,6 +71,10 @@ web:

				    sentry:

				      # Whether to enable Sentry in web.

				      enabled: false

				      # The Sentry DSN.

				      dsn: ""

				      # The Sentry tunnel URL.

				      tunnel: ""

				    pylon:

				      # Whether to enable Pylon in web.

				      enabled: false

				@@ -141,6 +145,10 @@ querier:

				  flux_interval: 5m

				  # The maximum number of concurrent queries for missing ranges.

				  max_concurrent_queries: 4

				  # When filtering logs by trace_id, clamp the query window to the trace time

				  # range with padding to include slightly delayed log exports. Logs only; set

				  # to 0 to disable.

				  log_trace_id_window_padding: 5m

				##################### TelemetryStore #####################

				telemetrystore:

1068

docs/api/openapi.yml

View File

File diff suppressed because it is too large Load Diff

									
										49

docs/contributing/go/errors.md
									
												View File
												
				@@ -36,6 +36,55 @@ var (

				> 💡 **Note**: Error codes must match the regex `^[a-z_]+$` otherwise the code will panic.

				### Message

				The primary, human-readable summary of what went wrong, set when the error is created via `errors.New` / `errors.Newf`. Note there are two distinct `message` fields in the response: this top-level one states the overall failure, while each entry under [Additional](#additional) carries its own [message](#message-1) explaining one specific facet of it.

				### Url

				An optional link to documentation that explains the error in more depth, set with `WithUrl`. It is left empty when the error has no associated doc.

				```go

				return errors.New(errors.TypeInvalidInput, CodeBadThing, "bad thing").

				    WithUrl("https://signoz.io/docs/...")

				```

				### Additional

				`errors` is a list of supplementary details that explain the top-level `message`. Each entry has its own `message` and `suggestions`, so a single error can surface several distinct problems individually. Attach details with `WithAdditional` (message only) or `WithSuggestiveAdditional` (message plus the suggestions that belong to it):

				#### Message

				A single, self-contained sentence describing one specific facet of the error (e.g. ``field `filed` not found``), distinct from the top-level [Message](#message). Prefer one detail per distinct problem over concatenating several into one message.

				#### Suggestions

				The suggestions tied to that specific detail — typically a ``did you mean: `x` `` correction for the value the detail is about. These are distinct from the error-wide [Suggestions](#suggestions) below: detail-scoped suggestions never leak into the top-level list.

				```go

				return errors.NewInvalidInputf(errors.CodeInvalidInput, "unknown field %q", field).

				    WithAdditional("field `field` not found")

				return errors.NewInvalidInputf(errors.CodeInvalidInput, "unknown field %q", field).

				    WithSuggestiveAdditional("field `filed` not found", "did you mean: `field`")

				```

				### Retry

				Carries the `delay` the client should wait before retrying, set with `WithRetryAfter`. It is `null` when the error is not retryable.

				```go

				return errors.NewTimeoutf(CodeSlow, "upstream timed out").

				    WithRetryAfter(5 * time.Second)

				```

				### Suggestions

				`WithSuggestions` sets the error-wide `suggestions` list — hints about the error as a whole (e.g. "narrow the time range window"), as opposed to suggestions tied to a single detail. Prefer the builders in [pkg/errors/suggestions.go](/pkg/errors/suggestions.go) over hand-writing the strings so the phrasing stays consistent:

				- `NewSuggestionsOnLevenshteinDistance(invalidInput, noun, validInputs)` — returns a ``did you mean: `x` `` correction (when a close typo match exists) followed by the valid-references list.

				- `NewValidReferences(noun, values...)` — formats a capped list as ``valid <noun> are `a`, `b` `` (e.g. `"valid fields are"`, `"valid keys are"`). Returns `""` for an empty set.

				- `NewSuggestionsFromFunc(produce)` — wraps a caller-computed correction string as a one-element ``did you mean: `x` `` slice (or nil when it returns `""`), for callers with their own matching strategy.

				`noun` names the kind of value being suggested. Use one of the exported `Noun*` constants (`errors.NounFields`, `errors.NounKeys`, `errors.NounServices`, …) so the wording stays uniform across the codebase.

				```go

				return errors.NewInvalidInputf(errors.CodeInvalidInput, "unknown field %q", field).

				    WithSuggestions(errors.NewSuggestionsOnLevenshteinDistance(field, errors.NounFields, validFields)...)

				```

				## Show me some examples

				### Using the error

BIN
docs/readme-assets/monitor/agent-native.png Normal file

View File

Binary file not shown.

After

Width: | Height: | Size: 629 KiB

BIN
docs/readme-assets/monitor/apm.png Normal file

View File

Binary file not shown.

After

Width: | Height: | Size: 274 KiB

BIN
docs/readme-assets/monitor/distributed-tracing.png Normal file

View File

Binary file not shown.

After

Width: | Height: | Size: 250 KiB

BIN
docs/readme-assets/monitor/infrastructure.png Normal file

View File

Binary file not shown.

After

Width: | Height: | Size: 563 KiB

BIN
docs/readme-assets/monitor/llm.png Normal file

View File

Binary file not shown.

After

Width: | Height: | Size: 434 KiB

630

docs/readme-assets/monitor/log-management.svg Normal file

View File

File diff suppressed because one or more lines are too long

After

Width: | Height: | Size: 783 KiB

BIN
docs/readme-assets/monitor/metrics.png Normal file

View File

Binary file not shown.

After

Width: | Height: | Size: 482 KiB

BIN
docs/readme-assets/monitor/trace-funnels.png Normal file

View File

Binary file not shown.

After

Width: | Height: | Size: 254 KiB

BIN
docs/readme-assets/signoz-hero-dark.png Normal file

View File

Binary file not shown.

After

Width: | Height: | Size: 171 KiB

BIN
docs/readme-assets/signoz-hero-light.png Normal file

View File

Binary file not shown.

After

Width: | Height: | Size: 142 KiB

									
										6

ee/authz/openfgaauthz/provider.go
									
												View File
												
				@@ -143,6 +143,10 @@ func (provider *provider) List(ctx context.Context, orgID valuer.UUID) ([]*autht

					return provider.pkgAuthzService.List(ctx, orgID)

				}

				func (provider *provider) Collect(ctx context.Context, orgID valuer.UUID) (map[string]any, error) {

					return provider.pkgAuthzService.Collect(ctx, orgID)

				}

				func (provider *provider) ListByOrgIDAndNames(ctx context.Context, orgID valuer.UUID, names []string) ([]*authtypes.Role, error) {

					return provider.pkgAuthzService.ListByOrgIDAndNames(ctx, orgID, names)

				}

				@@ -370,7 +374,7 @@ func (provider *provider) Delete(ctx context.Context, orgID valuer.UUID, id valu

					}

					for _, cb := range provider.onBeforeRoleDelete {

						if err := cb(ctx, orgID, id); err != nil {

						if err := cb(ctx, orgID, id, role.Name); err != nil {

							return err

						}

					}

									
										4

ee/modules/dashboard/impldashboard/module.go
									
												View File
												
				@@ -290,6 +290,10 @@ func (module *module) GetByMetricNames(ctx context.Context, orgID valuer.UUID, m

					return module.pkgDashboardModule.GetByMetricNames(ctx, orgID, metricNames)

				}

				func (module *module) GetByMetricNamesV2(ctx context.Context, orgID valuer.UUID, metricNames []string) (map[string][]dashboardtypes.DashboardPanelRef, error) {

					return module.pkgDashboardModule.GetByMetricNamesV2(ctx, orgID, metricNames)

				}

				func (module *module) List(ctx context.Context, orgID valuer.UUID) ([]*dashboardtypes.Dashboard, error) {

					return module.pkgDashboardModule.List(ctx, orgID)

				}

									
										565

ee/modules/metricreductionrule/implmetricreductionrule/clickhouse.go
									
										Normal file
									
												View File
												
				@@ -0,0 +1,565 @@

				package implmetricreductionrule

				import (

					"context"

					"slices"

					"time"

					sqlbuilder "github.com/huandu/go-sqlbuilder"

					"github.com/SigNoz/signoz/pkg/errors"

					"github.com/SigNoz/signoz/pkg/telemetrymetrics"

					"github.com/SigNoz/signoz/pkg/telemetrystore"

					"github.com/SigNoz/signoz/pkg/types/ctxtypes"

					"github.com/SigNoz/signoz/pkg/types/metricreductionruletypes"

				)

				var (

					reductionRulesTable = telemetrymetrics.DBName + "." + telemetrymetrics.ReductionRulesTableName

					metadataTable       = telemetrymetrics.DBName + "." + telemetrymetrics.AttributesMetadataTableName

					bufferSeriesTable   = telemetrymetrics.DBName + "." + telemetrymetrics.TimeseriesV4BufferTableName

				)

				const timeSeriesBucketMilli = int64(time.Hour / time.Millisecond)

				type volumeRow struct {

					MetricName string

					Ingested   uint64

					Reduced    uint64

				}

				type volumePoint struct {

					TimestampMs int64

					Ingested    uint64

					Reduced     uint64

				}

				type clickhouse struct {

					telemetryStore telemetrystore.TelemetryStore

					threads        int

				}

				func newClickhouse(telemetryStore telemetrystore.TelemetryStore, threads int) *clickhouse {

					return &clickhouse{telemetryStore: telemetryStore, threads: threads}

				}

				func (c *clickhouse) withThreads(ctx context.Context) context.Context {

					return ctxtypes.SetClickhouseMaxThreads(ctx, c.threads)

				}

				func floorToTimeSeriesBucket(ms int64) int64 {

					return ms - (ms % timeSeriesBucketMilli)

				}

				func strictEffectiveFrom(sb *sqlbuilder.SelectBuilder, metricNames []string, effectiveFrom map[string]int64) string {

					names := make([]any, 0, len(metricNames))

					froms := make([]any, 0, len(metricNames))

					for _, name := range metricNames {

						names = append(names, name)

						froms = append(froms, effectiveFrom[name])

					}

					return "unix_milli >= transform(metric_name, " + sb.Var(names) + ", " + sb.Var(froms) + ", 0)"

				}

				func (c *clickhouse) Sync(ctx context.Context, metricName string, labels []string, matchType string, effectiveFromMs int64, deleted bool, updatedAt time.Time) error {

					ctx = c.withThreads(ctx)

					ib := sqlbuilder.NewInsertBuilder()

					ib.InsertInto(reductionRulesTable)

					ib.Cols("metric_name", "labels", "match_type", "effective_from_unix_milli", "deleted", "updated_at")

					ib.Values(metricName, labels, matchType, effectiveFromMs, deleted, updatedAt)

					query, args := ib.BuildWithFlavor(sqlbuilder.ClickHouse)

					if err := c.telemetryStore.ClickhouseDB().Exec(ctx, query, args...); err != nil {

						return errors.WrapInternalf(err, errors.CodeInternal, "failed to sync reduction rule to clickhouse")

					}

					return nil

				}

				func (c *clickhouse) AttributeKeys(ctx context.Context, metricName string, startMs, endMs int64) ([]string, error) {

					ctx = c.withThreads(ctx)

					sb := sqlbuilder.NewSelectBuilder()

					sb.Select("attr_name")

					sb.Distinct()

					sb.From(metadataTable)

					sb.Where(

						sb.E("metric_name", metricName),

						"NOT startsWith(attr_name, '__')",

						sb.GE("last_reported_unix_milli", startMs),

						sb.LE("first_reported_unix_milli", endMs),

					)

					query, args := sb.BuildWithFlavor(sqlbuilder.ClickHouse)

					rows, err := c.telemetryStore.ClickhouseDB().Query(ctx, query, args...)

					if err != nil {

						return nil, errors.WrapInternalf(err, errors.CodeInternal, "failed to fetch metric attribute keys")

					}

					defer rows.Close()

					keys := make([]string, 0)

					for rows.Next() {

						var key string

						if err := rows.Scan(&key); err != nil {

							return nil, errors.WrapInternalf(err, errors.CodeInternal, "failed to scan attribute key")

						}

						keys = append(keys, key)

					}

					return keys, rows.Err()

				}

				func (c *clickhouse) EstimateCardinality(ctx context.Context, metricName string, keptLabels []string, startMs, endMs int64) (uint64, uint64, error) {

					ctx = c.withThreads(ctx)

					startMs = floorToTimeSeriesBucket(startMs)

					sb := sqlbuilder.NewSelectBuilder()

					reducedExpr := "1"

					if len(keptLabels) > 0 {

						reducedExpr = "uniq(("

						for i, label := range keptLabels {

							if i > 0 {

								reducedExpr += ", "

							}

							reducedExpr += "JSONExtractString(labels, " + sb.Var(label) + ")"

						}

						reducedExpr += "))"

					}

					sb.Select("uniq(fingerprint)", reducedExpr)

					sb.From(bufferSeriesTable)

					conds := []string{

						sb.E("metric_name", metricName),

						sb.GE("unix_milli", startMs),

						sb.LT("unix_milli", endMs),

						sb.E("is_reduced", false),

					}

					sb.Where(conds...)

					query, args := sb.BuildWithFlavor(sqlbuilder.ClickHouse)

					var current, reduced uint64

					if err := c.telemetryStore.ClickhouseDB().QueryRow(ctx, query, args...).Scan(&current, &reduced); err != nil {

						return 0, 0, errors.WrapInternalf(err, errors.CodeInternal, "failed to estimate reduction impact")

					}

					if len(keptLabels) == 0 && current == 0 {

						reduced = 0

					}

					if reduced > current {

						reduced = current

					}

					return current, reduced, nil

				}

				// VolumeByMetric returns ingested vs reduced series counts per metric.

				func (c *clickhouse) VolumeByMetric(ctx context.Context, metricNames []string, effectiveFrom map[string]int64, startMs, endMs int64) (map[string]volumeRow, error) {

					if len(metricNames) == 0 {

						return map[string]volumeRow{}, nil

					}

					ctx = c.withThreads(ctx)

					ingested, err := c.ingestedSeriesCount(ctx, metricNames, effectiveFrom, startMs, endMs)

					if err != nil {

						return nil, err

					}

					reduced, err := c.reducedSeriesCount(ctx, metricNames, effectiveFrom, startMs, endMs)

					if err != nil {

						return nil, err

					}

					out := make(map[string]volumeRow, len(metricNames))

					for metricName, count := range ingested {

						out[metricName] = volumeRow{MetricName: metricName, Ingested: count, Reduced: out[metricName].Reduced}

					}

					for metricName, count := range reduced {

						row := out[metricName]

						row.MetricName = metricName

						row.Reduced = count

						out[metricName] = row

					}

					return out, nil

				}

				// ingestedSeriesCount counts distinct raw fingerprints per metric from the samples buffer over the

				// window.

				func (c *clickhouse) ingestedSeriesCount(ctx context.Context, metricNames []string, effectiveFrom map[string]int64, startMs, endMs int64) (map[string]uint64, error) {

					names := make([]any, len(metricNames))

					for i, name := range metricNames {

						names[i] = name

					}

					sb := sqlbuilder.NewSelectBuilder()

					sb.Select("metric_name", "uniq(fingerprint)")

					sb.From(telemetrymetrics.DBName + "." + telemetrymetrics.SamplesV4BufferTableName)

					conds := []string{

						sb.In("metric_name", names...),

						sb.GE("unix_milli", startMs),

						sb.LT("unix_milli", endMs),

					}

					if len(effectiveFrom) > 0 {

						conds = append(conds, strictEffectiveFrom(sb, metricNames, effectiveFrom))

					}

					sb.Where(conds...)

					sb.GroupBy("metric_name")

					query, args := sb.BuildWithFlavor(sqlbuilder.ClickHouse)

					rows, err := c.telemetryStore.ClickhouseDB().Query(ctx, query, args...)

					if err != nil {

						return nil, errors.WrapInternalf(err, errors.CodeInternal, "failed to count ingested series")

					}

					defer rows.Close()

					out := make(map[string]uint64, len(metricNames))

					for rows.Next() {

						var (

							metricName string

							count      uint64

						)

						if err := rows.Scan(&metricName, &count); err != nil {

							return nil, errors.WrapInternalf(err, errors.CodeInternal, "failed to scan series count")

						}

						out[metricName] = count

					}

					return out, rows.Err()

				}

				// reducedSeriesCount counts distinct reduced_fingerprints per metric, summed across the two 60s

				// reduced sample tables.

				func (c *clickhouse) reducedSeriesCount(ctx context.Context, metricNames []string, effectiveFrom map[string]int64, startMs, endMs int64) (map[string]uint64, error) {

					out := make(map[string]uint64, len(metricNames))

					for _, table := range []string{telemetrymetrics.SamplesV4ReducedLastTableName, telemetrymetrics.SamplesV4ReducedSumTableName} {

						counts, err := c.reducedSeriesCountForTable(ctx, telemetrymetrics.DBName+"."+table, metricNames, effectiveFrom, startMs, endMs)

						if err != nil {

							return nil, err

						}

						for metricName, count := range counts {

							out[metricName] += count

						}

					}

					return out, nil

				}

				func (c *clickhouse) reducedSeriesCountForTable(ctx context.Context, table string, metricNames []string, effectiveFrom map[string]int64, startMs, endMs int64) (map[string]uint64, error) {

					names := make([]any, len(metricNames))

					for i, name := range metricNames {

						names[i] = name

					}

					sb := sqlbuilder.NewSelectBuilder()

					sb.Select("metric_name", "uniq(reduced_fingerprint)")

					sb.From(table)

					conds := []string{

						sb.In("metric_name", names...),

						sb.GE("unix_milli", startMs),

						sb.LT("unix_milli", endMs),

					}

					if len(effectiveFrom) > 0 {

						conds = append(conds, strictEffectiveFrom(sb, metricNames, effectiveFrom))

					}

					sb.Where(conds...)

					sb.GroupBy("metric_name")

					query, args := sb.BuildWithFlavor(sqlbuilder.ClickHouse)

					rows, err := c.telemetryStore.ClickhouseDB().Query(ctx, query, args...)

					if err != nil {

						return nil, errors.WrapInternalf(err, errors.CodeInternal, "failed to count reduced series")

					}

					defer rows.Close()

					out := make(map[string]uint64, len(metricNames))

					for rows.Next() {

						var (

							metricName string

							count      uint64

						)

						if err := rows.Scan(&metricName, &count); err != nil {

							return nil, errors.WrapInternalf(err, errors.CodeInternal, "failed to scan series count")

						}

						out[metricName] = count

					}

					return out, rows.Err()

				}

				// RankByVolume ranks metrics by ingested/reduced series volume. Like VolumeByMetric, the counts read

				// the samples tables with a strict effective_from gate; the reduced count sums distinct

				// reduced_fingerprints across the two 60s reduced sample tables.

				func (c *clickhouse) RankByVolume(ctx context.Context, metricNames []string, effectiveFrom map[string]int64, orderBy metricreductionruletypes.ReductionRuleOrderBy, order metricreductionruletypes.Order, startMs, endMs int64, offset, limit int) ([]volumeRow, error) {

					if len(metricNames) == 0 {

						return []volumeRow{}, nil

					}

					ctx = c.withThreads(ctx)

					orderExpr := "ingested"

					switch orderBy {

					case metricreductionruletypes.OrderByReducedVolume:

						orderExpr = "reduced"

					case metricreductionruletypes.OrderByReduction:

						orderExpr = "if(ingested = 0, 0, (toFloat64(ingested) - toFloat64(reduced)) / toFloat64(ingested))"

					}

					direction := "ASC"

					if order == metricreductionruletypes.OrderDesc {

						direction = "DESC"

					}

					ingestedTable := telemetrymetrics.DBName + "." + telemetrymetrics.SamplesV4BufferTableName

					reducedLast := telemetrymetrics.DBName + "." + telemetrymetrics.SamplesV4ReducedLastTableName

					reducedSum := telemetrymetrics.DBName + "." + telemetrymetrics.SamplesV4ReducedSumTableName

					sb := sqlbuilder.NewSelectBuilder()

					sb.Select("base.metric_name AS metric_name", "ifNull(i.cnt, 0) AS ingested", "ifNull(d.cnt, 0) AS reduced")

					sb.From("(SELECT arrayJoin(" + sb.Var(metricNames) + ") AS metric_name) AS base")

					sb.JoinWithOption(

						sqlbuilder.LeftJoin,

						"(SELECT metric_name, uniq(fingerprint) AS cnt FROM "+ingestedTable+" WHERE has("+sb.Var(metricNames)+", metric_name) AND unix_milli >= "+sb.Var(startMs)+" AND unix_milli < "+sb.Var(endMs)+" AND "+strictEffectiveFrom(sb, metricNames, effectiveFrom)+" GROUP BY metric_name) AS i",

						"base.metric_name = i.metric_name",

					)

					// Reduced series are spread across two type-specific tables; union the per-table distinct

					// reduced_fingerprints and sum per metric (a metric only lands in the table matching its type).

					sb.JoinWithOption(

						sqlbuilder.LeftJoin,

						"(SELECT metric_name, sum(cnt) AS cnt FROM ("+

							"SELECT metric_name, uniq(reduced_fingerprint) AS cnt FROM "+reducedLast+" WHERE has("+sb.Var(metricNames)+", metric_name) AND unix_milli >= "+sb.Var(startMs)+" AND unix_milli < "+sb.Var(endMs)+" AND "+strictEffectiveFrom(sb, metricNames, effectiveFrom)+" GROUP BY metric_name"+

							" UNION ALL "+

							"SELECT metric_name, uniq(reduced_fingerprint) AS cnt FROM "+reducedSum+" WHERE has("+sb.Var(metricNames)+", metric_name) AND unix_milli >= "+sb.Var(startMs)+" AND unix_milli < "+sb.Var(endMs)+" AND "+strictEffectiveFrom(sb, metricNames, effectiveFrom)+" GROUP BY metric_name"+

							") GROUP BY metric_name) AS d",

						"base.metric_name = d.metric_name",

					)

					sb.OrderBy(orderExpr + " " + direction)

					if limit > 0 {

						sb.Limit(limit).Offset(offset)

					}

					query, args := sb.BuildWithFlavor(sqlbuilder.ClickHouse)

					rows, err := c.telemetryStore.ClickhouseDB().Query(ctx, query, args...)

					if err != nil {

						return nil, errors.WrapInternalf(err, errors.CodeInternal, "failed to rank reduction rules by volume")

					}

					defer rows.Close()

					out := make([]volumeRow, 0, len(metricNames))

					for rows.Next() {

						var row volumeRow

						if err := rows.Scan(&row.MetricName, &row.Ingested, &row.Reduced); err != nil {

							return nil, errors.WrapInternalf(err, errors.CodeInternal, "failed to scan volume row")

						}

						out = append(out, row)

					}

					return out, rows.Err()

				}

				func (c *clickhouse) SampleVolume(ctx context.Context, metricNames []string, effectiveFrom map[string]int64, startMs, endMs int64) (uint64, uint64, error) {

					if len(metricNames) == 0 {

						return 0, 0, nil

					}

					ctx = c.withThreads(ctx)

					ingested, err := c.countRawSamples(ctx, telemetrymetrics.DBName+"."+telemetrymetrics.SamplesV4BufferTableName, metricNames, effectiveFrom, startMs, endMs)

					if err != nil {

						return 0, 0, err

					}

					last, err := c.countReducedSamples(ctx, telemetrymetrics.DBName+"."+telemetrymetrics.SamplesV4ReducedLastTableName, metricNames, effectiveFrom, startMs, endMs)

					if err != nil {

						return 0, 0, err

					}

					sum, err := c.countReducedSamples(ctx, telemetrymetrics.DBName+"."+telemetrymetrics.SamplesV4ReducedSumTableName, metricNames, effectiveFrom, startMs, endMs)

					if err != nil {

						return 0, 0, err

					}

					return ingested, min(last+sum, ingested), nil

				}

				func (c *clickhouse) countRawSamples(ctx context.Context, table string, metricNames []string, effectiveFrom map[string]int64, startMs, endMs int64) (uint64, error) {

					names := make([]any, len(metricNames))

					for i, name := range metricNames {

						names[i] = name

					}

					sb := sqlbuilder.NewSelectBuilder()

					sb.Select("count()")

					sb.From(table)

					conds := []string{sb.In("metric_name", names...), sb.GE("unix_milli", startMs), sb.LT("unix_milli", endMs)}

					if len(effectiveFrom) > 0 {

						conds = append(conds, strictEffectiveFrom(sb, metricNames, effectiveFrom))

					}

					sb.Where(conds...)

					query, args := sb.BuildWithFlavor(sqlbuilder.ClickHouse)

					var count uint64

					if err := c.telemetryStore.ClickhouseDB().QueryRow(ctx, query, args...).Scan(&count); err != nil {

						return 0, errors.WrapInternalf(err, errors.CodeInternal, "failed to count ingested samples")

					}

					return count, nil

				}

				func (c *clickhouse) countReducedSamples(ctx context.Context, table string, metricNames []string, effectiveFrom map[string]int64, startMs, endMs int64) (uint64, error) {

					names := make([]any, len(metricNames))

					for i, name := range metricNames {

						names[i] = name

					}

					sb := sqlbuilder.NewSelectBuilder()

					// Reduced tables key the series on reduced_fingerprint (not fingerprint); dedupe ReplacingMergeTree recomputes.

					sb.Select("uniq(reduced_fingerprint, unix_milli)")

					sb.From(table)

					conds := []string{sb.In("metric_name", names...), sb.GE("unix_milli", startMs), sb.LT("unix_milli", endMs)}

					if len(effectiveFrom) > 0 {

						conds = append(conds, strictEffectiveFrom(sb, metricNames, effectiveFrom))

					}

					sb.Where(conds...)

					query, args := sb.BuildWithFlavor(sqlbuilder.ClickHouse)

					var count uint64

					if err := c.telemetryStore.ClickhouseDB().QueryRow(ctx, query, args...).Scan(&count); err != nil {

						return 0, errors.WrapInternalf(err, errors.CodeInternal, "failed to count reduced samples")

					}

					return count, nil

				}

				// SeriesTimeseries returns ingested vs reduced series per 60s bucket from the samples tables, gated

				// to each metric's strict effective_from (see strictEffectiveFrom).

				func (c *clickhouse) SeriesTimeseries(ctx context.Context, allMetrics, reducedMetrics []string, effectiveFrom map[string]int64, startMs, endMs int64) ([]volumePoint, error) {

					if len(allMetrics) == 0 {

						return []volumePoint{}, nil

					}

					ctx = c.withThreads(ctx)

					ingested, err := c.ingestedSeriesByBucket(ctx, allMetrics, effectiveFrom, startMs, endMs)

					if err != nil {

						return nil, err

					}

					retained := make(map[int64]uint64)

					if len(reducedMetrics) > 0 {

						reduced, err := c.reducedSeriesByBucket(ctx, reducedMetrics, effectiveFrom, startMs, endMs)

						if err != nil {

							return nil, err

						}

						for ts, count := range reduced {

							retained[ts] += count

						}

					}

					reducedSet := make(map[string]struct{}, len(reducedMetrics))

					for _, name := range reducedMetrics {

						reducedSet[name] = struct{}{}

					}

					nonReduced := make([]string, 0, len(allMetrics))

					for _, name := range allMetrics {

						if _, ok := reducedSet[name]; !ok {

							nonReduced = append(nonReduced, name)

						}

					}

					if len(nonReduced) > 0 {

						nonReducedIngested, err := c.ingestedSeriesByBucket(ctx, nonReduced, effectiveFrom, startMs, endMs)

						if err != nil {

							return nil, err

						}

						for ts, count := range nonReducedIngested {

							retained[ts] += count

						}

					}

					return mergeVolumePoints(ingested, retained), nil

				}

				func mergeVolumePoints(ingested, reduced map[int64]uint64) []volumePoint {

					buckets := make(map[int64]struct{}, len(ingested))

					for ts := range ingested {

						buckets[ts] = struct{}{}

					}

					for ts := range reduced {

						buckets[ts] = struct{}{}

					}

					timestamps := make([]int64, 0, len(buckets))

					for ts := range buckets {

						timestamps = append(timestamps, ts)

					}

					slices.Sort(timestamps)

					points := make([]volumePoint, 0, len(timestamps))

					for _, ts := range timestamps {

						points = append(points, volumePoint{

							TimestampMs: ts,

							Ingested:    ingested[ts],

							Reduced:     reduced[ts],

						})

					}

					return points

				}

				// ingestedSeriesByBucket counts distinct raw fingerprints per hourly bucket from the samples buffer.

				func (c *clickhouse) ingestedSeriesByBucket(ctx context.Context, metricNames []string, effectiveFrom map[string]int64, startMs, endMs int64) (map[int64]uint64, error) {

					names := make([]any, len(metricNames))

					for i, name := range metricNames {

						names[i] = name

					}

					sb := sqlbuilder.NewSelectBuilder()

					bucketExpr := "toInt64(toUnixTimestamp(toStartOfInterval(toDateTime(intDiv(unix_milli, 1000)), toIntervalHour(1)))) * 1000 AS bucket"

					sb.Select(bucketExpr, "uniq(fingerprint)")

					sb.From(telemetrymetrics.DBName + "." + telemetrymetrics.SamplesV4BufferTableName)

					conds := []string{sb.In("metric_name", names...), sb.GE("unix_milli", startMs), sb.LT("unix_milli", endMs)}

					if len(effectiveFrom) > 0 {

						conds = append(conds, strictEffectiveFrom(sb, metricNames, effectiveFrom))

					}

					sb.Where(conds...)

					sb.GroupBy("bucket")

					return c.scanBuckets(ctx, sb)

				}

				// reducedSeriesByBucket counts distinct reduced_fingerprints per hourly bucket, summed across the two

				// reduced sample tables (a metric only lands in the table matching its type, so per-bucket sums are

				// exact).

				func (c *clickhouse) reducedSeriesByBucket(ctx context.Context, metricNames []string, effectiveFrom map[string]int64, startMs, endMs int64) (map[int64]uint64, error) {

					out := make(map[int64]uint64)

					for _, table := range []string{telemetrymetrics.SamplesV4ReducedLastTableName, telemetrymetrics.SamplesV4ReducedSumTableName} {

						names := make([]any, len(metricNames))

						for i, name := range metricNames {

							names[i] = name

						}

						sb := sqlbuilder.NewSelectBuilder()

						bucketExpr := "toInt64(toUnixTimestamp(toStartOfInterval(toDateTime(intDiv(unix_milli, 1000)), toIntervalHour(1)))) * 1000 AS bucket"

						sb.Select(bucketExpr, "uniq(reduced_fingerprint)")

						sb.From(telemetrymetrics.DBName + "." + table)

						conds := []string{sb.In("metric_name", names...), sb.GE("unix_milli", startMs), sb.LT("unix_milli", endMs)}

						if len(effectiveFrom) > 0 {

							conds = append(conds, strictEffectiveFrom(sb, metricNames, effectiveFrom))

						}

						sb.Where(conds...)

						sb.GroupBy("bucket")

						counts, err := c.scanBuckets(ctx, sb)

						if err != nil {

							return nil, err

						}

						for ts, count := range counts {

							out[ts] += count

						}

					}

					return out, nil

				}

				func (c *clickhouse) scanBuckets(ctx context.Context, sb *sqlbuilder.SelectBuilder) (map[int64]uint64, error) {

					query, args := sb.BuildWithFlavor(sqlbuilder.ClickHouse)

					rows, err := c.telemetryStore.ClickhouseDB().Query(ctx, query, args...)

					if err != nil {

						return nil, errors.WrapInternalf(err, errors.CodeInternal, "failed to bucket series by time")

					}

					defer rows.Close()

					out := make(map[int64]uint64)

					for rows.Next() {

						var (

							ts    int64

							count uint64

						)

						if err := rows.Scan(&ts, &count); err != nil {

							return nil, errors.WrapInternalf(err, errors.CodeInternal, "failed to scan series bucket")

						}

						out[ts] = count

					}

					return out, rows.Err()

				}

									
										571

ee/modules/metricreductionrule/implmetricreductionrule/module.go
									
										Normal file
									
												View File
												
				@@ -0,0 +1,571 @@

				package implmetricreductionrule

				import (

					"context"

					"log/slog"

					"sort"

					"strings"

					"time"

					"github.com/SigNoz/signoz/pkg/errors"

					"github.com/SigNoz/signoz/pkg/factory"

					"github.com/SigNoz/signoz/pkg/flagger"

					"github.com/SigNoz/signoz/pkg/licensing"

					"github.com/SigNoz/signoz/pkg/modules/dashboard"

					"github.com/SigNoz/signoz/pkg/modules/metricreductionrule"

					"github.com/SigNoz/signoz/pkg/queryparser"

					"github.com/SigNoz/signoz/pkg/ruler/rulestore/sqlrulestore"

					"github.com/SigNoz/signoz/pkg/sqlstore"

					"github.com/SigNoz/signoz/pkg/telemetrystore"

					"github.com/SigNoz/signoz/pkg/types/featuretypes"

					"github.com/SigNoz/signoz/pkg/types/metricreductionruletypes"

					"github.com/SigNoz/signoz/pkg/types/metrictypes"

					"github.com/SigNoz/signoz/pkg/types/querybuildertypes/querybuildertypesv5"

					"github.com/SigNoz/signoz/pkg/types/ruletypes"

					"github.com/SigNoz/signoz/pkg/types/telemetrytypes"

					"github.com/SigNoz/signoz/pkg/valuer"

				)

				const (

					// effectiveFromMargin delays effective_from so the collector picks up the synced rule before it

					// goes live; it must be >= the collector's rule-refresh interval (see signoz-otel-collector#839).

					effectiveFromMargin    = 5 * time.Minute

					defaultPreviewLookback = 24 * time.Hour

					pricePerMillionSamplesUSD = 0.1

					monthDuration             = 30 * 24 * time.Hour

				)

				type module struct {

					store         metricreductionruletypes.Store

					ch            *clickhouse

					dashboard     dashboard.Module

					ruleStore     ruletypes.RuleStore

					licensing     licensing.Licensing

					flagger       flagger.Flagger

					metadataStore telemetrytypes.MetadataStore

					logger        *slog.Logger

				}

				func NewModule(sqlStore sqlstore.SQLStore, telemetryStore telemetrystore.TelemetryStore, dashboardModule dashboard.Module, queryParser queryparser.QueryParser, licensing licensing.Licensing, flagger flagger.Flagger, metadataStore telemetrytypes.MetadataStore, providerSettings factory.ProviderSettings, threads int) metricreductionrule.Module {

					scoped := factory.NewScopedProviderSettings(providerSettings, "github.com/SigNoz/signoz/ee/modules/metricreductionrule/implmetricreductionrule")

					return &module{

						store:         NewStore(sqlStore),

						ch:            newClickhouse(telemetryStore, threads),

						dashboard:     dashboardModule,

						ruleStore:     sqlrulestore.NewRuleStore(sqlStore, queryParser, providerSettings),

						licensing:     licensing,

						flagger:       flagger,

						metadataStore: metadataStore,

						logger:        scoped.Logger(),

					}

				}

				func (m *module) checkAccess(ctx context.Context, orgID valuer.UUID) error {

					if !m.flagger.BooleanOrEmpty(ctx, flagger.FeatureEnableMetricsReduction, featuretypes.NewFlaggerEvaluationContext(orgID)) {

						return errors.Newf(errors.TypeUnsupported, metricreductionruletypes.ErrCodeMetricReductionRuleUnsupported, "metric volume control is not enabled")

					}

					if _, err := m.licensing.GetActive(ctx, orgID); err != nil {

						return errors.New(errors.TypeLicenseUnavailable, errors.CodeLicenseUnavailable, "metric volume control requires a valid license").WithAdditional(err.Error())

					}

					return nil

				}

				func (m *module) List(ctx context.Context, orgID valuer.UUID, params *metricreductionruletypes.ListReductionRulesParams) (*metricreductionruletypes.GettableReductionRules, error) {

					if err := m.checkAccess(ctx, orgID); err != nil {

						return nil, err

					}

					if err := params.Validate(); err != nil {

						return nil, err

					}

					now := time.Now()

					startMs := now.Add(-defaultPreviewLookback).UnixMilli()

					endMs := now.UnixMilli()

					switch params.OrderBy {

					case metricreductionruletypes.OrderByMetricName, metricreductionruletypes.OrderByLastUpdated:

						return m.listSortedByColumn(ctx, orgID, params, startMs, endMs)

					default:

						return m.listSortedByVolume(ctx, orgID, params, startMs, endMs)

					}

				}

				func (m *module) listSortedByColumn(ctx context.Context, orgID valuer.UUID, params *metricreductionruletypes.ListReductionRulesParams, startMs, endMs int64) (*metricreductionruletypes.GettableReductionRules, error) {

					domainRules, total, err := m.store.List(ctx, orgID, params)

					if err != nil {

						return nil, err

					}

					metricNames := make([]string, len(domainRules))

					effectiveFrom := make(map[string]int64, len(domainRules))

					for i, rule := range domainRules {

						metricNames[i] = rule.MetricName

						effectiveFrom[rule.MetricName] = rule.EffectiveFrom.UnixMilli()

					}

					volumes, err := m.ch.VolumeByMetric(ctx, metricNames, effectiveFrom, startMs, endMs)

					if err != nil {

						return nil, err

					}

					rules := make([]metricreductionruletypes.GettableReductionRule, 0, len(domainRules))

					for _, rule := range domainRules {

						rules = append(rules, withVolume(toGettableReductionRule(rule), volumes[rule.MetricName]))

					}

					return &metricreductionruletypes.GettableReductionRules{Rules: rules, Total: total}, nil

				}

				func (m *module) listSortedByVolume(ctx context.Context, orgID valuer.UUID, params *metricreductionruletypes.ListReductionRulesParams, startMs, endMs int64) (*metricreductionruletypes.GettableReductionRules, error) {

					allRules, total, err := m.store.List(ctx, orgID, &metricreductionruletypes.ListReductionRulesParams{Search: params.Search, MetricName: params.MetricName})

					if err != nil {

						return nil, err

					}

					if total == 0 {

						return &metricreductionruletypes.GettableReductionRules{Rules: []metricreductionruletypes.GettableReductionRule{}, Total: 0}, nil

					}

					metricNames := make([]string, len(allRules))

					effectiveFrom := make(map[string]int64, len(allRules))

					ruleByMetric := make(map[string]*metricreductionruletypes.ReductionRule, len(allRules))

					for i, rule := range allRules {

						metricNames[i] = rule.MetricName

						effectiveFrom[rule.MetricName] = rule.EffectiveFrom.UnixMilli()

						ruleByMetric[rule.MetricName] = rule

					}

					ranked, err := m.ch.RankByVolume(ctx, metricNames, effectiveFrom, params.OrderBy, params.Order, startMs, endMs, params.Offset, params.Limit)

					if err != nil {

						return nil, err

					}

					rules := make([]metricreductionruletypes.GettableReductionRule, 0, len(ranked))

					for _, row := range ranked {

						rule, ok := ruleByMetric[row.MetricName]

						if !ok {

							continue

						}

						rules = append(rules, withVolume(toGettableReductionRule(rule), row))

					}

					return &metricreductionruletypes.GettableReductionRules{Rules: rules, Total: total}, nil

				}

				func (m *module) Create(ctx context.Context, orgID valuer.UUID, userEmail string, req *metricreductionruletypes.PostableReductionRule) (*metricreductionruletypes.GettableReductionRule, error) {

					if err := m.checkAccess(ctx, orgID); err != nil {

						return nil, err

					}

					if err := req.Validate(); err != nil {

						return nil, err

					}

					if err := m.validateMetricForReduction(ctx, orgID, req.MetricName); err != nil {

						return nil, err

					}

					now := time.Now()

					rule := metricreductionruletypes.NewReductionRule(orgID, req.MetricName, req.MatchType, req.Labels, now.Add(effectiveFromMargin), userEmail)

					if err := m.store.RunInTx(ctx, func(ctx context.Context) error {

						if err := m.store.Create(ctx, rule); err != nil {

							return err

						}

						return m.ch.Sync(ctx, rule.MetricName, rule.Labels, rule.MatchType.StringValue(), rule.EffectiveFrom.UnixMilli(), false, rule.UpdatedAt)

					}); err != nil {

						return nil, err

					}

					gettable := toGettableReductionRule(rule)

					return &gettable, nil

				}

				func (m *module) GetByID(ctx context.Context, orgID valuer.UUID, id valuer.UUID) (*metricreductionruletypes.GettableReductionRule, error) {

					if err := m.checkAccess(ctx, orgID); err != nil {

						return nil, err

					}

					rule, err := m.store.GetByID(ctx, orgID, id)

					if err != nil {

						return nil, err

					}

					gettable := toGettableReductionRule(rule)

					return &gettable, nil

				}

				func (m *module) UpdateByID(ctx context.Context, orgID valuer.UUID, userEmail string, id valuer.UUID, req *metricreductionruletypes.UpdatableReductionRule) (*metricreductionruletypes.GettableReductionRule, error) {

					if err := m.checkAccess(ctx, orgID); err != nil {

						return nil, err

					}

					existing, err := m.store.GetByID(ctx, orgID, id)

					if err != nil {

						return nil, err

					}

					if err := req.Validate(); err != nil {

						return nil, err

					}

					now := time.Now()

					existing.MatchType = req.MatchType

					existing.Labels = metricreductionruletypes.LabelList(req.Labels)

					existing.EffectiveFrom = now.Add(effectiveFromMargin)

					existing.UpdatedAt = now

					existing.UpdatedBy = userEmail

					if err := m.store.RunInTx(ctx, func(ctx context.Context) error {

						if err := m.store.Upsert(ctx, existing); err != nil {

							return err

						}

						return m.ch.Sync(ctx, existing.MetricName, existing.Labels, existing.MatchType.StringValue(), existing.EffectiveFrom.UnixMilli(), false, existing.UpdatedAt)

					}); err != nil {

						return nil, err

					}

					gettable := toGettableReductionRule(existing)

					return &gettable, nil

				}

				func (m *module) DeleteByID(ctx context.Context, orgID valuer.UUID, id valuer.UUID) error {

					if err := m.checkAccess(ctx, orgID); err != nil {

						return err

					}

					rule, err := m.store.GetByID(ctx, orgID, id)

					if err != nil {

						return err

					}

					now := time.Now()

					effectiveFromMs := now.Add(effectiveFromMargin).UnixMilli()

					return m.store.RunInTx(ctx, func(ctx context.Context) error {

						if err := m.store.DeleteByID(ctx, orgID, id); err != nil {

							return err

						}

						return m.ch.Sync(ctx, rule.MetricName, []string{}, metricreductionruletypes.MatchTypeDrop.StringValue(), effectiveFromMs, true, now)

					})

				}

				func (m *module) Preview(ctx context.Context, orgID valuer.UUID, req *metricreductionruletypes.PostableReductionRulePreview) (*metricreductionruletypes.GettableReductionRulePreview, error) {

					if err := m.checkAccess(ctx, orgID); err != nil {

						return nil, err

					}

					if err := req.Validate(); err != nil {

						return nil, err

					}

					if err := m.validateMetricForReduction(ctx, orgID, req.MetricName); err != nil {

						return nil, err

					}

					lookback := time.Duration(req.LookbackMs) * time.Millisecond

					if lookback <= 0 {

						lookback = defaultPreviewLookback

					}

					now := time.Now()

					startMs := now.Add(-lookback).UnixMilli()

					endMs := now.UnixMilli()

					current, reduced, reductionPercent, dropped, err := m.estimateVolume(ctx, req.MetricName, req.MatchType, req.Labels, startMs, endMs)

					if err != nil {

						return nil, err

					}

					// Baseline is what the metric keeps today (its current rule, or raw if none) so the preview reads

					// as current -> proposed.

					currentReduced := current

					if existing, gerr := m.store.Get(ctx, orgID, req.MetricName); gerr == nil {

						if _, existingReduced, _, _, eerr := m.estimateVolume(ctx, req.MetricName, existing.MatchType, existing.Labels, startMs, endMs); eerr == nil {

							currentReduced = existingReduced

						}

					}

					return &metricreductionruletypes.GettableReductionRulePreview{

						IngestedSeries:        current,

						CurrentRetainedSeries: currentReduced,

						RetainedSeries:        reduced,

						ReductionPercent:      reductionPercent,

						DroppedLabels:         dropped,

						AffectedAssets:        m.relatedAssetImpact(ctx, orgID, req.MetricName, dropped),

						EffectiveFrom:         now.Add(effectiveFromMargin),

					}, nil

				}

				func (m *module) Stats(ctx context.Context, orgID valuer.UUID) (*metricreductionruletypes.GettableReductionRuleStats, error) {

					if err := m.checkAccess(ctx, orgID); err != nil {

						return nil, err

					}

					now := time.Now()

					startMs := now.Add(-defaultPreviewLookback).UnixMilli()

					endMs := now.UnixMilli()

					allRules, total, err := m.store.List(ctx, orgID, &metricreductionruletypes.ListReductionRulesParams{})

					if err != nil {

						return nil, err

					}

					if total == 0 {

						return &metricreductionruletypes.GettableReductionRuleStats{}, nil

					}

					metricNames := make([]string, len(allRules))

					effectiveFrom := make(map[string]int64, len(allRules))

					for i, rule := range allRules {

						metricNames[i] = rule.MetricName

						effectiveFrom[rule.MetricName] = rule.EffectiveFrom.UnixMilli()

					}

					volumes, err := m.ch.VolumeByMetric(ctx, metricNames, effectiveFrom, startMs, endMs)

					if err != nil {

						return nil, err

					}

					var ingestedSeries, retainedSeries uint64

					reducedMetricNames := make([]string, 0, len(volumes))

					reducedEffectiveFrom := make(map[string]int64, len(volumes))

					for name, volume := range volumes {

						ingestedSeries += volume.Ingested

						retained := effectiveRetained(volume.Ingested, volume.Reduced)

						retainedSeries += retained

						if retained < volume.Ingested {

							reducedMetricNames = append(reducedMetricNames, name)

							reducedEffectiveFrom[name] = effectiveFrom[name]

						}

					}

					ingestedSamples, reducedSamples, err := m.ch.SampleVolume(ctx, reducedMetricNames, reducedEffectiveFrom, startMs, endMs)

					if err != nil {

						return nil, err

					}

					return &metricreductionruletypes.GettableReductionRuleStats{

						IngestedSeries:             ingestedSeries,

						RetainedSeries:             retainedSeries,

						EstimatedMonthlySavingsUsd: monthlySavingsUSD(ingestedSamples, reducedSamples, startMs, endMs),

					}, nil

				}

				// monthlySavingsUSD extrapolates the windowed sample reduction to a monthly figure at the per-sample

				// list price. Ingested is gated to effective_from upstream, so pre-activation hours don't inflate it.

				func monthlySavingsUSD(ingestedSamples, reducedSamples uint64, startMs, endMs int64) float64 {

					if reducedSamples >= ingestedSamples || endMs <= startMs {

						return 0

					}

					savedSamples := float64(ingestedSamples - reducedSamples)

					monthlySamples := savedSamples * float64(monthDuration.Milliseconds()) / float64(endMs-startMs)

					return monthlySamples / 1_000_000 * pricePerMillionSamplesUSD

				}

				func (m *module) Timeseries(ctx context.Context, orgID valuer.UUID) (*querybuildertypesv5.QueryRangeResponse, error) {

					if err := m.checkAccess(ctx, orgID); err != nil {

						return nil, err

					}

					now := time.Now()

					startMs := now.Add(-defaultPreviewLookback).UnixMilli()

					endMs := now.UnixMilli()

					allRules, _, err := m.store.List(ctx, orgID, &metricreductionruletypes.ListReductionRulesParams{})

					if err != nil {

						return nil, err

					}

					metricNames := make([]string, len(allRules))

					effectiveFrom := make(map[string]int64, len(allRules))

					for i, rule := range allRules {

						metricNames[i] = rule.MetricName

						effectiveFrom[rule.MetricName] = rule.EffectiveFrom.UnixMilli()

					}

					volumes, err := m.ch.VolumeByMetric(ctx, metricNames, effectiveFrom, startMs, endMs)

					if err != nil {

						return nil, err

					}

					reducedNames := make([]string, 0, len(volumes))

					for name, volume := range volumes {

						if effectiveRetained(volume.Ingested, volume.Reduced) < volume.Ingested {

							reducedNames = append(reducedNames, name)

						}

					}

					points, err := m.ch.SeriesTimeseries(ctx, metricNames, reducedNames, effectiveFrom, startMs, endMs)

					if err != nil {

						return nil, err

					}

					return buildVolumeTimeseries(points), nil

				}

				func buildVolumeTimeseries(points []volumePoint) *querybuildertypesv5.QueryRangeResponse {

					ingested := make([]*querybuildertypesv5.TimeSeriesValue, 0, len(points))

					reduced := make([]*querybuildertypesv5.TimeSeriesValue, 0, len(points))

					for _, point := range points {

						ingested = append(ingested, &querybuildertypesv5.TimeSeriesValue{Timestamp: point.TimestampMs, Value: float64(point.Ingested)})

						reduced = append(reduced, &querybuildertypesv5.TimeSeriesValue{Timestamp: point.TimestampMs, Value: float64(point.Reduced)})

					}

					return &querybuildertypesv5.QueryRangeResponse{

						Type: querybuildertypesv5.RequestTypeTimeSeries,

						Data: querybuildertypesv5.QueryData{

							Results: []any{

								&querybuildertypesv5.TimeSeriesData{

									QueryName: "reduction_volume",

									Aggregations: []*querybuildertypesv5.AggregationBucket{

										{

											Series: []*querybuildertypesv5.TimeSeries{

												{Labels: []*querybuildertypesv5.Label{{Key: telemetrytypes.TelemetryFieldKey{Name: "series"}, Value: "ingested"}}, Values: ingested},

												{Labels: []*querybuildertypesv5.Label{{Key: telemetrytypes.TelemetryFieldKey{Name: "series"}, Value: "retained"}}, Values: reduced},

											},

										},

									},

								},

							},

						},

					}

				}

				func (m *module) validateMetricForReduction(ctx context.Context, orgID valuer.UUID, metricName string) error {

					lastSeen, err := m.metadataStore.FetchLastSeenInfoMulti(ctx, metricName)

					if err != nil {

						return err

					}

					if lastSeen[metricName] == 0 {

						return errors.NewNotFoundf(errors.CodeNotFound, "metric not found: %q", metricName)

					}

					now := time.Now()

					startTs := uint64(now.Add(-defaultPreviewLookback).UnixMilli())

					endTs := uint64(now.UnixMilli())

					_, types, _, err := m.metadataStore.FetchTemporalityAndTypeMulti(ctx, orgID, startTs, endTs, metricName)

					if err != nil {

						return err

					}

					if types[metricName] == metrictypes.ExpHistogramType {

						return errors.Newf(errors.TypeInvalidInput, metricreductionruletypes.ErrCodeMetricReductionRuleUnsupportedMetricType,

							"exponential histogram metrics cannot be reduced in v1")

					}

					return nil

				}

				func (m *module) relatedAssetImpact(ctx context.Context, orgID valuer.UUID, metricName string, dropped []string) []metricreductionruletypes.AffectedAsset {

					affected := make([]metricreductionruletypes.AffectedAsset, 0)

					droppedSet := make(map[string]struct{}, len(dropped))

					for _, label := range dropped {

						droppedSet[label] = struct{}{}

					}

					if dashboards, err := m.dashboard.GetByMetricNames(ctx, orgID, []string{metricName}); err != nil {

						m.logger.WarnContext(ctx, "failed to fetch related dashboards for reduction preview", slog.String("metric_name", metricName), errors.Attr(err))

					} else {

						for _, item := range dashboards[metricName] {

							usedLabels := append(splitCSV(item["group_by"]), splitCSV(item["filter_by"])...)

							affected = append(affected, metricreductionruletypes.AffectedAsset{

								Type:           metricreductionruletypes.AssetTypeDashboard,

								ID:             item["dashboard_id"],

								Name:           item["dashboard_name"],

								Widget:         &metricreductionruletypes.AffectedWidget{ID: item["widget_id"], Name: item["widget_name"]},

								ImpactedLabels: intersectLabels(usedLabels, droppedSet),

							})

						}

					}

					if alerts, err := m.ruleStore.GetStoredRulesByMetricName(ctx, orgID.String(), metricName); err != nil {

						m.logger.WarnContext(ctx, "failed to fetch related alerts for reduction preview", slog.String("metric_name", metricName), errors.Attr(err))

					} else {

						for _, a := range alerts {

							affected = append(affected, metricreductionruletypes.AffectedAsset{

								Type: metricreductionruletypes.AssetTypeAlert,

								ID:   a.AlertID,

								Name: a.AlertName,

							})

						}

					}

					return affected

				}

				func toGettableReductionRule(rule *metricreductionruletypes.ReductionRule) metricreductionruletypes.GettableReductionRule {

					return metricreductionruletypes.GettableReductionRule{

						Identifiable:  rule.Identifiable,

						TimeAuditable: rule.TimeAuditable,

						UserAuditable: rule.UserAuditable,

						MetricName:    rule.MetricName,

						MatchType:     rule.MatchType,

						Labels:        rule.Labels,

						EffectiveFrom: rule.EffectiveFrom,

						Active:        !rule.EffectiveFrom.After(time.Now()),

					}

				}

				func effectiveRetained(ingested, reduced uint64) uint64 {

					if reduced == 0 || reduced > ingested {

						return ingested

					}

					return reduced

				}

				func withVolume(rule metricreductionruletypes.GettableReductionRule, volume volumeRow) metricreductionruletypes.GettableReductionRule {

					rule.IngestedSeries = volume.Ingested

					rule.RetainedSeries = effectiveRetained(volume.Ingested, volume.Reduced)

					if volume.Ingested > 0 {

						rule.ReductionPercent = (1 - float64(rule.RetainedSeries)/float64(volume.Ingested)) * 100

					}

					return rule

				}

				func intersectLabels(keys []string, droppedSet map[string]struct{}) []string {

					seen := make(map[string]struct{})

					var out []string

					for _, key := range keys {

						if _, ok := droppedSet[key]; !ok {

							continue

						}

						if _, dup := seen[key]; dup {

							continue

						}

						seen[key] = struct{}{}

						out = append(out, key)

					}

					return out

				}

				func splitCSV(s string) []string {

					if s == "" {

						return nil

					}

					return strings.Split(s, ",")

				}

				func resolveDroppedKept(matchType metricreductionruletypes.MatchType, ruleLabels, keys []string) (dropped, kept []string) {

					ruleSet := make(map[string]struct{}, len(ruleLabels))

					for _, l := range ruleLabels {

						ruleSet[l] = struct{}{}

					}

					for _, k := range keys {

						if metricreductionruletypes.IsProtectedLabel(k) {

							kept = append(kept, k)

							continue

						}

						_, listed := ruleSet[k]

						drop := listed

						if matchType == metricreductionruletypes.MatchTypeKeep {

							drop = !listed

						}

						if drop {

							dropped = append(dropped, k)

						} else {

							kept = append(kept, k)

						}

					}

					sort.Strings(dropped)

					sort.Strings(kept)

					return dropped, kept

				}

				func (m *module) estimateVolume(ctx context.Context, metricName string, matchType metricreductionruletypes.MatchType, labels []string, startMs, endMs int64) (current uint64, reduced uint64, reductionPercent float64, dropped []string, err error) {

					keys, err := m.ch.AttributeKeys(ctx, metricName, startMs, endMs)

					if err != nil {

						return 0, 0, 0, nil, err

					}

					dropped, kept := resolveDroppedKept(matchType, labels, keys)

					current, reduced, err = m.ch.EstimateCardinality(ctx, metricName, kept, startMs, endMs)

					if err != nil {

						return 0, 0, 0, nil, err

					}

					if current > 0 && reduced <= current {

						reductionPercent = (1 - float64(reduced)/float64(current)) * 100

					}

					return current, reduced, reductionPercent, dropped, nil

				}

									
										145

ee/modules/metricreductionrule/implmetricreductionrule/store.go
									
										Normal file
									
												View File
												
				@@ -0,0 +1,145 @@

				package implmetricreductionrule

				import (

					"context"

					"github.com/SigNoz/signoz/pkg/errors"

					"github.com/SigNoz/signoz/pkg/sqlstore"

					"github.com/SigNoz/signoz/pkg/types/metricreductionruletypes"

					"github.com/SigNoz/signoz/pkg/valuer"

				)

				type store struct {

					sqlstore sqlstore.SQLStore

				}

				func NewStore(sqlstore sqlstore.SQLStore) metricreductionruletypes.Store {

					return &store{sqlstore: sqlstore}

				}

				func (s *store) List(ctx context.Context, orgID valuer.UUID, params *metricreductionruletypes.ListReductionRulesParams) ([]*metricreductionruletypes.ReductionRule, int, error) {

					column := "metric_name"

					if params.OrderBy == metricreductionruletypes.OrderByLastUpdated {

						column = "updated_at"

					}

					direction := "ASC"

					if params.Order == metricreductionruletypes.OrderDesc {

						direction = "DESC"

					}

					rules := make([]*metricreductionruletypes.ReductionRule, 0)

					query := s.sqlstore.

						BunDBCtx(ctx).

						NewSelect().

						Model(&rules).

						Where("org_id = ?", orgID).

						Order(column + " " + direction)

					if params.Search != "" {

						query = query.Where("metric_name LIKE ?", "%"+params.Search+"%")

					}

					if params.MetricName != "" {

						query = query.Where("metric_name = ?", params.MetricName)

					}

					if params.Limit > 0 {

						query = query.Limit(params.Limit).Offset(params.Offset)

					}

					total, err := query.ScanAndCount(ctx)

					if err != nil {

						return nil, 0, err

					}

					return rules, total, nil

				}

				func (s *store) Get(ctx context.Context, orgID valuer.UUID, metricName string) (*metricreductionruletypes.ReductionRule, error) {

					rule := new(metricreductionruletypes.ReductionRule)

					err := s.sqlstore.

						BunDBCtx(ctx).

						NewSelect().

						Model(rule).

						Where("org_id = ?", orgID).

						Where("metric_name = ?", metricName).

						Scan(ctx)

					if err != nil {

						return nil, s.sqlstore.WrapNotFoundErrf(err, metricreductionruletypes.ErrCodeMetricReductionRuleNotFound, "no reduction rule found for metric %q", metricName)

					}

					return rule, nil

				}

				func (s *store) GetByID(ctx context.Context, orgID valuer.UUID, id valuer.UUID) (*metricreductionruletypes.ReductionRule, error) {

					rule := new(metricreductionruletypes.ReductionRule)

					err := s.sqlstore.

						BunDBCtx(ctx).

						NewSelect().

						Model(rule).

						Where("org_id = ?", orgID).

						Where("id = ?", id).

						Scan(ctx)

					if err != nil {

						return nil, s.sqlstore.WrapNotFoundErrf(err, metricreductionruletypes.ErrCodeMetricReductionRuleNotFound, "no reduction rule found with id %q", id.String())

					}

					return rule, nil

				}

				func (s *store) Create(ctx context.Context, rule *metricreductionruletypes.ReductionRule) error {

					res, err := s.sqlstore.

						BunDBCtx(ctx).

						NewInsert().

						Model(rule).

						On("CONFLICT (org_id, metric_name) DO NOTHING").

						Exec(ctx)

					if err != nil {

						return err

					}

					rowsAffected, err := res.RowsAffected()

					if err != nil {

						return err

					}

					if rowsAffected == 0 {

						return errors.Newf(errors.TypeAlreadyExists, metricreductionruletypes.ErrCodeMetricReductionRuleAlreadyExists,

							"a reduction rule for metric %q already exists", rule.MetricName)

					}

					return nil

				}

				func (s *store) Upsert(ctx context.Context, rule *metricreductionruletypes.ReductionRule) error {

					_, err := s.sqlstore.

						BunDBCtx(ctx).

						NewInsert().

						Model(rule).

						On("CONFLICT (org_id, metric_name) DO UPDATE").

						Set("match_type = EXCLUDED.match_type").

						Set("labels = EXCLUDED.labels").

						Set("effective_from = EXCLUDED.effective_from").

						Set("updated_at = EXCLUDED.updated_at").

						Set("updated_by = EXCLUDED.updated_by").

						Exec(ctx)

					return err

				}

				func (s *store) DeleteByID(ctx context.Context, orgID valuer.UUID, id valuer.UUID) error {

					res, err := s.sqlstore.

						BunDBCtx(ctx).

						NewDelete().

						Model((*metricreductionruletypes.ReductionRule)(nil)).

						Where("org_id = ?", orgID).

						Where("id = ?", id).

						Exec(ctx)

					if err != nil {

						return err

					}

					rowsAffected, err := res.RowsAffected()

					if err != nil {

						return err

					}

					if rowsAffected == 0 {

						return errors.Newf(errors.TypeNotFound, metricreductionruletypes.ErrCodeMetricReductionRuleNotFound, "no reduction rule found with id %q", id.String())

					}

					return nil

				}

				func (s *store) RunInTx(ctx context.Context, cb func(ctx context.Context) error) error {

					return s.sqlstore.RunInTxCtx(ctx, nil, cb)

				}

									
										9

ee/query-service/app/api/featureFlags.go
									
												View File
												
				@@ -107,6 +107,15 @@ func (ah *APIHandler) getFeatureFlags(w http.ResponseWriter, r *http.Request) {

						Route:      "",

					})

					metricsReduction := ah.Signoz.Flagger.BooleanOrEmpty(ctx, flagger.FeatureEnableMetricsReduction, evalCtx)

					featureSet = append(featureSet, &licensetypes.Feature{

						Name:       valuer.NewString(flagger.FeatureEnableMetricsReduction.String()),

						Active:     metricsReduction,

						Usage:      0,

						UsageLimit: -1,

						Route:      "",

					})

					if constants.IsDotMetricsEnabled {

						for idx, feature := range featureSet {

							if feature.Name == licensetypes.DotMetricsEnabled {

									
										4

ee/sqlstore/postgressqlstore/formatter.go
									
												View File
												
				@@ -152,3 +152,7 @@ func (f *formatter) LowerExpression(expression string) []byte {

					sql = append(sql, ')')

					return sql

				}

				func (f *formatter) EscapeLikePattern(value string) string {

					return strings.NewReplacer(`\`, `\\`, `%`, `\%`, `_`, `\_`).Replace(value)

				}

									
										2

frontend/example.env
									
												View File
												
				@@ -4,5 +4,7 @@ VITE_FRONTEND_API_ENDPOINT="http://localhost:8080"

				VITE_PYLON_APP_ID="pylon-app-id"

				VITE_APPCUES_APP_ID="appcess-app-id"

				VITE_PYLON_IDENTITY_SECRET="pylon-identity-secret"

				VITE_SENTRY_DSN="sentry-dsn"

				VITE_TUNNEL_URL="sentry-tunnel-url"

				CI="1"

									
										2

frontend/public/locales/en/routes.json
									
												View File
												
				@@ -15,6 +15,8 @@

					"logs_to_metrics": "Logs To Metrics",

					"roles": "Roles",

					"role_details": "Role Details",

					"role_edit": "Edit Role",

					"role_create": "Create Role",

					"members": "Members",

					"service_accounts": "Service Accounts",

					"mcp_server": "MCP Server"

									
										2

frontend/public/locales/en/titles.json
									
												View File
												
				@@ -82,6 +82,8 @@

					"TRACE_DETAIL_OLD": "SigNoz | Trace Detail",

					"SERVICE_TOP_LEVEL_OPERATIONS": "SigNoz | Service Operations",

					"ROLE_DETAILS": "SigNoz | Role Details",

					"ROLE_CREATE": "SigNoz | Create Role",

					"ROLE_EDIT": "SigNoz | Edit Role",

					"TRACES_FUNNELS_DETAIL": "SigNoz | Funnel",

					"INTEGRATIONS_DETAIL": "SigNoz | Integration",

					"PUBLIC_DASHBOARD": "SigNoz | Dashboard"

									
										13

frontend/scripts/extract-md-languages.sh
									
												View File
											
				@@ -1,13 +0,0 @@

				#!/usr/bin/env bash

				# Extracts unique fenced code block language identifiers from all .md files under frontend/src/

				# Usage: bash frontend/scripts/extract-md-languages.sh

				set -euo pipefail

				SCRIPT_DIR="$(cd "$(dirname "${BASH_SOURCE[0]}")" && pwd)"

				SRC_DIR="$SCRIPT_DIR/../src"

				grep -roh '```[a-zA-Z0-9_+-]*' "$SRC_DIR" --include='*.md' \

				  | sed 's/^```//' \

				  | grep -v '^$' \

				  | sort -u

									
										41

frontend/scripts/validate-md-languages.sh
									
												View File
											
				@@ -1,41 +0,0 @@

				#!/usr/bin/env bash

				# Validates that all fenced code block languages used in .md files are registered

				# in the syntax highlighter.

				# Usage: bash frontend/scripts/validate-md-languages.sh

				set -euo pipefail

				SCRIPT_DIR="$(cd "$(dirname "${BASH_SOURCE[0]}")" && pwd)"

				SYNTAX_HIGHLIGHTER="$SCRIPT_DIR/../src/components/MarkdownRenderer/syntaxHighlighter.ts"

				# Get all languages used in .md files

				md_languages=$("$SCRIPT_DIR/extract-md-languages.sh")

				# Get all registered languages from syntaxHighlighter.ts

				registered_languages=$(grep -oP "registerLanguage\('\K[^']+" "$SYNTAX_HIGHLIGHTER" | sort -u)

				missing_languages=()

				for lang in $md_languages; do

				  # Skip ai-* block markers — these are custom AI block types rendered by

				  # RichCodeBlock as React components (e.g. ActionBlock, LineChartBlock),

				  # not real syntax languages, so they don't need highlighter registration.

				  if [[ "$lang" == ai-* ]]; then

				    continue

				  fi

				  if ! echo "$registered_languages" | grep -qx "$lang"; then

				    missing_languages+=("$lang")

				  fi

				done

				if [ ${#missing_languages[@]} -gt 0 ]; then

				  echo "Error: The following languages are used in .md files but not registered in syntaxHighlighter.ts:"

				  for lang in "${missing_languages[@]}"; do

				    echo "  - $lang"

				  done

				  echo ""

				  echo "Please add them to: frontend/src/components/MarkdownRenderer/syntaxHighlighter.ts"

				  exit 1

				fi

				echo "All markdown code block languages are registered in syntaxHighlighter.ts"

									
										20

frontend/src/AppRoutes/Private.tsx
									
												View File
												
				@@ -3,12 +3,12 @@ import { matchPath, Redirect, useLocation } from 'react-router-dom';

				import getLocalStorageApi from 'api/browser/localstorage/get';

				import setLocalStorageApi from 'api/browser/localstorage/set';

				import { useListUsers } from 'api/generated/services/users';

				import { FeatureKeys } from 'constants/features';

				import { LOCALSTORAGE } from 'constants/localStorage';

				import { ORG_PREFERENCES } from 'constants/orgPreferences';

				import ROUTES from 'constants/routes';

				import { useGetTenantLicense } from 'hooks/useGetTenantLicense';

				import { useIsAIAssistantEnabled } from 'hooks/useIsAIAssistantEnabled';

				import { useIsAIObservabilityEnabled } from 'hooks/useIsAIObservabilityEnabled';

				import { isEmpty } from 'lodash-es';

				import { useAppContext } from 'providers/App/App';

				import { LicensePlatform, LicenseState } from 'types/api/licensesV3/getActive';

				@@ -37,11 +37,11 @@ function PrivateRoute({ children }: PrivateRouteProps): JSX.Element {

						activeLicense,

						isFetchingActiveLicense,

						trialInfo,

						featureFlags,

					} = useAppContext();

					const isAdmin = user.role === USER_ROLES.ADMIN;

					const isAIAssistantEnabled = useIsAIAssistantEnabled();

					const isAIObservabilityEnabled = useIsAIObservabilityEnabled();

					const mapRoutes = useMemo(

						() =>

				@@ -133,6 +133,14 @@ function PrivateRoute({ children }: PrivateRouteProps): JSX.Element {

						return <Redirect to={ROUTES.HOME} />;

					}

					if (

						(pathname.startsWith(`${ROUTES.LLM_OBSERVABILITY_BASE}/`) ||

							pathname === ROUTES.LLM_OBSERVABILITY_BASE) &&

						!isAIObservabilityEnabled

					) {

						return <Redirect to={ROUTES.HOME} />;

					}

					// Check for workspace access restriction (cloud only)

					const isCloudPlatform = activeLicense?.platform === LicensePlatform.CLOUD;

				@@ -212,14 +220,6 @@ function PrivateRoute({ children }: PrivateRouteProps): JSX.Element {

						}

					}

					// Check for GET_STARTED → GET_STARTED_WITH_CLOUD redirect (feature flag)

					if (

						currentRoute?.path === ROUTES.GET_STARTED &&

						featureFlags?.find((e) => e.name === FeatureKeys.ONBOARDING_V3)?.active

					) {

						return <Redirect to={ROUTES.GET_STARTED_WITH_CLOUD} />;

					}

					// Main routing logic

					if (currentRoute) {

						const { isPrivate, key } = currentRoute;

									
										81

frontend/src/AppRoutes/__tests__/Private.test.tsx
									
												View File
												
				@@ -2,7 +2,6 @@ import { ReactElement } from 'react';

				import { QueryClient, QueryClientProvider } from 'react-query';

				import { MemoryRouter, Route, Switch, useLocation } from 'react-router-dom';

				import { act, render, screen, waitFor } from '@testing-library/react';

				import { FeatureKeys } from 'constants/features';

				import { LOCALSTORAGE } from 'constants/localStorage';

				import { ORG_PREFERENCES } from 'constants/orgPreferences';

				import ROUTES from 'constants/routes';

				@@ -1263,80 +1262,6 @@ describe('PrivateRoute', () => {

						});

					});

					describe('Get Started Route Redirect', () => {

						it('should redirect to GET_STARTED_WITH_CLOUD when on GET_STARTED and ONBOARDING_V3 feature flag is active', async () => {

							renderPrivateRoute({

								initialRoute: ROUTES.GET_STARTED,

								appContext: {

									isLoggedIn: true,

									featureFlags: [

										{

											name: FeatureKeys.ONBOARDING_V3,

											active: true,

											usage: 0,

											usage_limit: -1,

											route: '',

										},

									],

								},

							});

							await assertRedirectsTo(ROUTES.GET_STARTED_WITH_CLOUD);

						});

						it('should not redirect when on GET_STARTED and ONBOARDING_V3 feature flag is inactive', () => {

							renderPrivateRoute({

								initialRoute: ROUTES.GET_STARTED,

								appContext: {

									isLoggedIn: true,

									featureFlags: [

										{

											name: FeatureKeys.ONBOARDING_V3,

											active: false,

											usage: 0,

											usage_limit: -1,

											route: '',

										},

									],

								},

							});

							assertStaysOnRoute(ROUTES.GET_STARTED);

						});

						it('should not redirect when on GET_STARTED and ONBOARDING_V3 feature flag is not present', () => {

							renderPrivateRoute({

								initialRoute: ROUTES.GET_STARTED,

								appContext: {

									isLoggedIn: true,

									featureFlags: [],

								},

							});

							assertStaysOnRoute(ROUTES.GET_STARTED);

						});

						it('should not redirect when on different route even if ONBOARDING_V3 is active', () => {

							renderPrivateRoute({

								initialRoute: ROUTES.HOME,

								appContext: {

									isLoggedIn: true,

									featureFlags: [

										{

											name: FeatureKeys.ONBOARDING_V3,

											active: true,

											usage: 0,

											usage_limit: -1,

											route: '',

										},

									],

								},

							});

							assertStaysOnRoute(ROUTES.HOME);

						});

					});

					describe('Loading States', () => {

						it('should not redirect while license is still being fetched', () => {

							renderPrivateRoute({

				@@ -1496,16 +1421,16 @@ describe('PrivateRoute', () => {

							await assertRedirectsTo(ROUTES.UN_AUTHORIZED);

						});

						it('should allow EDITOR to access /get-started route', () => {

						it('should allow EDITOR to access /get-started-with-signoz-cloud route', () => {

							renderPrivateRoute({

								initialRoute: ROUTES.GET_STARTED,

								initialRoute: ROUTES.GET_STARTED_WITH_CLOUD,

								appContext: {

									isLoggedIn: true,

									user: createMockUser({ role: USER_ROLES.EDITOR as ROLES }),

								},

							});

							assertStaysOnRoute(ROUTES.GET_STARTED);

							assertStaysOnRoute(ROUTES.GET_STARTED_WITH_CLOUD);

						});

					});

									
										16

frontend/src/AppRoutes/index.tsx
									
												View File
												
				@@ -35,6 +35,7 @@ import { PreferenceContextProvider } from 'providers/preferences/context/Prefere

				import { QueryBuilderProvider } from 'providers/QueryBuilder';

				import { LicenseStatus } from 'types/api/licensesV3/getActive';

				import { extractDomain } from 'utils/app';

				import { getWebSettings } from 'utils/bootSettings';

				import { Home } from './pageComponents';

				import PrivateRoute from './Private';

				@@ -333,24 +334,19 @@ function App(): JSX.Element {

					}, [user, isFetchingUser, isCloudUser, enableAnalytics]);

					useEffect(() => {

						const webSettings = getWebSettings();

						if (isCloudUser || isEnterpriseSelfHostedUser) {

							if (

								(window.signozBootData?.settings?.posthog.enabled ?? true) &&

								process.env.POSTHOG_KEY

							) {

							if ((webSettings?.posthog.enabled ?? true) && process.env.POSTHOG_KEY) {

								posthog.init(process.env.POSTHOG_KEY, {

									api_host: 'https://us.i.posthog.com',

									person_profiles: 'identified_only', // or 'always' to create profiles for anonymous users as well

								});

							}

							if (

								!isSentryInitialized &&

								(window.signozBootData?.settings?.sentry.enabled ?? true)

							) {

							if (!isSentryInitialized && (webSettings?.sentry.enabled ?? true)) {

								Sentry.init({

									dsn: process.env.SENTRY_DSN,

									tunnel: process.env.TUNNEL_URL,

									dsn: webSettings?.sentry.dsn,

									tunnel: webSettings?.sentry.tunnel,

									environment: process.env.ENVIRONMENT,

									release: process.env.VERSION,

									integrations: [

									
										29

frontend/src/AppRoutes/pageComponents.ts
									
												View File
												
				@@ -57,13 +57,6 @@ export const TraceFilter = Loadable(

					() => import(/* webpackChunkName: "Trace Filter Page" */ 'pages/Trace'),

				);

				export const TraceDetail = Loadable(

					() =>

						import(

							/* webpackChunkName: "TraceDetail Page" */ 'pages/TraceDetailV2/index'

						),

				);

				export const TraceDetailOldRedirect = Loadable(

					() =>

						import(

				@@ -90,14 +83,6 @@ export const SettingsPage = Loadable(

					() => import(/* webpackChunkName: "SettingsPage" */ 'pages/Settings'),

				);

				export const GettingStarted = Loadable(

					() => import(/* webpackChunkName: "GettingStarted" */ 'pages/GettingStarted'),

				);

				export const Onboarding = Loadable(

					() => import(/* webpackChunkName: "Onboarding" */ 'pages/OnboardingPage'),

				);

				export const OrgOnboarding = Loadable(

					() => import(/* webpackChunkName: "OrgOnboarding" */ 'pages/OrgOnboarding'),

				);

				@@ -337,3 +322,17 @@ export const AIAssistantPage = Loadable(

							/* webpackChunkName: "AI Assistant Page" */ 'pages/AIAssistantPage/AIAssistantPage'

						),

				);

				export const LLMObservabilityPage = Loadable(

					() =>

						import(

							/* webpackChunkName: "LLM Observability Page" */ 'pages/LLMObservability'

						),

				);

				export const LLMObservabilityModelPricingPage = Loadable(

					() =>

						import(

							/* webpackChunkName: "LLM Observability Model Pricing Page" */ 'pages/LLMObservabilityModelPricing'

						),

				);

									
										31

frontend/src/AppRoutes/routes.ts
									
												View File
												
				@@ -23,6 +23,8 @@ import {

					IntegrationsDetailsPage,

					LicensePage,

					ListAllALertsPage,

					LLMObservabilityPage,

					LLMObservabilityModelPricingPage,

					LiveLogs,

					Login,

					Logs,

				@@ -33,7 +35,6 @@ import {

					MeterExplorerPage,

					MetricsExplorer,

					OldLogsExplorer,

					Onboarding,

					OnboardingV2,

					OrgOnboarding,

					PasswordReset,

				@@ -70,13 +71,6 @@ const routes: AppRoutes[] = [

						isPrivate: false,

						key: 'SIGN_UP',

					},

					{

						path: ROUTES.GET_STARTED,

						exact: false,

						component: Onboarding,

						isPrivate: true,

						key: 'GET_STARTED',

					},

					{

						path: ROUTES.GET_STARTED_WITH_CLOUD,

						exact: false,

				@@ -477,6 +471,13 @@ const routes: AppRoutes[] = [

						key: 'METRICS_EXPLORER_VIEWS',

						isPrivate: true,

					},

					{

						path: ROUTES.METRICS_EXPLORER_VOLUME_CONTROL,

						exact: true,

						component: MetricsExplorer,

						key: 'METRICS_EXPLORER_VOLUME_CONTROL',

						isPrivate: true,

					},

					{

						path: ROUTES.METER,

				@@ -513,6 +514,20 @@ const routes: AppRoutes[] = [

						key: 'AI_ASSISTANT',

						isPrivate: true,

					},

					{

						path: ROUTES.LLM_OBSERVABILITY_BASE,

						exact: true,

						component: LLMObservabilityPage,

						key: 'LLM_OBSERVABILITY_BASE',

						isPrivate: true,

					},

					{

						path: ROUTES.LLM_OBSERVABILITY_MODEL_PRICING,

						exact: true,

						component: LLMObservabilityModelPricingPage,

						key: 'LLM_OBSERVABILITY_MODEL_PRICING',

						isPrivate: true,

					},

				];

				export const SUPPORT_ROUTE: AppRoutes = {

									
										841

frontend/src/api/generated/services/metrics/index.ts
									
												View File
												
				@@ -18,32 +18,776 @@ import type {

				} from 'react-query';

				import type {

					CreateMetricReductionRule201,

					DeleteMetricReductionRuleByIDPathParameters,

					GetMetricAlerts200,

					GetMetricAlertsParams,

					GetMetricAttributes200,

					GetMetricAttributesParams,

					GetMetricDashboards200,

					GetMetricDashboardsParams,

					GetMetricDashboardsV2200,

					GetMetricDashboardsV2Params,

					GetMetricHighlights200,

					GetMetricHighlightsParams,

					GetMetricMetadata200,

					GetMetricMetadataParams,

					GetMetricReductionRuleByID200,

					GetMetricReductionRuleByIDPathParameters,

					GetMetricReductionRuleStats200,

					GetMetricReductionRuleTimeseries200,

					GetMetricsOnboardingStatus200,

					GetMetricsStats200,

					GetMetricsTreemap200,

					InspectMetrics200,

					ListMetricReductionRules200,

					ListMetricReductionRulesParams,

					ListMetrics200,

					ListMetricsParams,

					MetricreductionruletypesPostableReductionRuleDTO,

					MetricreductionruletypesPostableReductionRulePreviewDTO,

					MetricreductionruletypesUpdatableReductionRuleDTO,

					MetricsexplorertypesInspectMetricsRequestDTO,

					MetricsexplorertypesStatsRequestDTO,

					MetricsexplorertypesTreemapRequestDTO,

					MetricsexplorertypesUpdateMetricMetadataRequestDTO,

					PreviewMetricReductionRule200,

					RenderErrorResponseDTO,

					UpdateMetricReductionRuleByID200,

					UpdateMetricReductionRuleByIDPathParameters,

				} from '../sigNoz.schemas';

				import { GeneratedAPIInstance } from '../../../generatedAPIInstance';

				import type { ErrorType, BodyType } from '../../../generatedAPIInstance';

				/**

				 * Returns active metric volume-control (label reduction) rules.

				 * @summary List metric reduction rules

				 */

				export const listMetricReductionRules = (

					params?: ListMetricReductionRulesParams,

					signal?: AbortSignal,

				) => {

					return GeneratedAPIInstance<ListMetricReductionRules200>({

						url: `/api/v2/metric_reduction_rules`,

						method: 'GET',

						params,

						signal,

					});

				};

				export const getListMetricReductionRulesQueryKey = (

					params?: ListMetricReductionRulesParams,

				) => {

					return [

						`/api/v2/metric_reduction_rules`,

						...(params ? [params] : []),

					] as const;

				};

				export const getListMetricReductionRulesQueryOptions = <

					TData = Awaited<ReturnType<typeof listMetricReductionRules>>,

					TError = ErrorType<RenderErrorResponseDTO>,

				>(

					params?: ListMetricReductionRulesParams,

					options?: {

						query?: UseQueryOptions<

							Awaited<ReturnType<typeof listMetricReductionRules>>,

							TError,

							TData

						>;

					},

				) => {

					const { query: queryOptions } = options ?? {};

					const queryKey =

						queryOptions?.queryKey ?? getListMetricReductionRulesQueryKey(params);

					const queryFn: QueryFunction<

						Awaited<ReturnType<typeof listMetricReductionRules>>

					> = ({ signal }) => listMetricReductionRules(params, signal);

					return { queryKey, queryFn, ...queryOptions } as UseQueryOptions<

						Awaited<ReturnType<typeof listMetricReductionRules>>,

						TError,

						TData

					> & { queryKey: QueryKey };

				};

				export type ListMetricReductionRulesQueryResult = NonNullable<

					Awaited<ReturnType<typeof listMetricReductionRules>>

				>;

				export type ListMetricReductionRulesQueryError =

					ErrorType<RenderErrorResponseDTO>;

				/**

				 * @summary List metric reduction rules

				 */

				export function useListMetricReductionRules<

					TData = Awaited<ReturnType<typeof listMetricReductionRules>>,

					TError = ErrorType<RenderErrorResponseDTO>,

				>(

					params?: ListMetricReductionRulesParams,

					options?: {

						query?: UseQueryOptions<

							Awaited<ReturnType<typeof listMetricReductionRules>>,

							TError,

							TData

						>;

					},

				): UseQueryResult<TData, TError> & { queryKey: QueryKey } {

					const queryOptions = getListMetricReductionRulesQueryOptions(params, options);

					const query = useQuery(queryOptions) as UseQueryResult<TData, TError> & {

						queryKey: QueryKey;

					};

					return { ...query, queryKey: queryOptions.queryKey };

				}

				/**

				 * @summary List metric reduction rules

				 */

				export const invalidateListMetricReductionRules = async (

					queryClient: QueryClient,

					params?: ListMetricReductionRulesParams,

					options?: InvalidateOptions,

				): Promise<QueryClient> => {

					await queryClient.invalidateQueries(

						{ queryKey: getListMetricReductionRulesQueryKey(params) },

						options,

					);

					return queryClient;

				};

				/**

				 * Creates a volume-control rule for a metric and returns it with its id; fails if the metric already has a rule.

				 * @summary Create a metric reduction rule

				 */

				export const createMetricReductionRule = (

					metricreductionruletypesPostableReductionRuleDTO?: BodyType<MetricreductionruletypesPostableReductionRuleDTO>,

					signal?: AbortSignal,

				) => {

					return GeneratedAPIInstance<CreateMetricReductionRule201>({

						url: `/api/v2/metric_reduction_rules`,

						method: 'POST',

						headers: { 'Content-Type': 'application/json' },

						data: metricreductionruletypesPostableReductionRuleDTO,

						signal,

					});

				};

				export const getCreateMetricReductionRuleMutationOptions = <

					TError = ErrorType<RenderErrorResponseDTO>,

					TContext = unknown,

				>(options?: {

					mutation?: UseMutationOptions<

						Awaited<ReturnType<typeof createMetricReductionRule>>,

						TError,

						{ data?: BodyType<MetricreductionruletypesPostableReductionRuleDTO> },

						TContext

					>;

				}): UseMutationOptions<

					Awaited<ReturnType<typeof createMetricReductionRule>>,

					TError,

					{ data?: BodyType<MetricreductionruletypesPostableReductionRuleDTO> },

					TContext

				> => {

					const mutationKey = ['createMetricReductionRule'];

					const { mutation: mutationOptions } = options

						? options.mutation &&

							'mutationKey' in options.mutation &&

							options.mutation.mutationKey

							? options

							: { ...options, mutation: { ...options.mutation, mutationKey } }

						: { mutation: { mutationKey } };

					const mutationFn: MutationFunction<

						Awaited<ReturnType<typeof createMetricReductionRule>>,

						{ data?: BodyType<MetricreductionruletypesPostableReductionRuleDTO> }

					> = (props) => {

						const { data } = props ?? {};

						return createMetricReductionRule(data);

					};

					return { mutationFn, ...mutationOptions };

				};

				export type CreateMetricReductionRuleMutationResult = NonNullable<

					Awaited<ReturnType<typeof createMetricReductionRule>>

				>;

				export type CreateMetricReductionRuleMutationBody =

					| BodyType<MetricreductionruletypesPostableReductionRuleDTO>

					| undefined;

				export type CreateMetricReductionRuleMutationError =

					ErrorType<RenderErrorResponseDTO>;

				/**

				 * @summary Create a metric reduction rule

				 */

				export const useCreateMetricReductionRule = <

					TError = ErrorType<RenderErrorResponseDTO>,

					TContext = unknown,

				>(options?: {

					mutation?: UseMutationOptions<

						Awaited<ReturnType<typeof createMetricReductionRule>>,

						TError,

						{ data?: BodyType<MetricreductionruletypesPostableReductionRuleDTO> },

						TContext

					>;

				}): UseMutationResult<

					Awaited<ReturnType<typeof createMetricReductionRule>>,

					TError,

					{ data?: BodyType<MetricreductionruletypesPostableReductionRuleDTO> },

					TContext

				> => {

					return useMutation(getCreateMetricReductionRuleMutationOptions(options));

				};

				/**

				 * Deletes a volume-control rule by its id.

				 * @summary Delete a metric reduction rule by id

				 */

				export const deleteMetricReductionRuleByID = (

					{ id }: DeleteMetricReductionRuleByIDPathParameters,

					signal?: AbortSignal,

				) => {

					return GeneratedAPIInstance<void>({

						url: `/api/v2/metric_reduction_rules/${id}`,

						method: 'DELETE',

						signal,

					});

				};

				export const getDeleteMetricReductionRuleByIDMutationOptions = <

					TError = ErrorType<RenderErrorResponseDTO>,

					TContext = unknown,

				>(options?: {

					mutation?: UseMutationOptions<

						Awaited<ReturnType<typeof deleteMetricReductionRuleByID>>,

						TError,

						{ pathParams: DeleteMetricReductionRuleByIDPathParameters },

						TContext

					>;

				}): UseMutationOptions<

					Awaited<ReturnType<typeof deleteMetricReductionRuleByID>>,

					TError,

					{ pathParams: DeleteMetricReductionRuleByIDPathParameters },

					TContext

				> => {

					const mutationKey = ['deleteMetricReductionRuleByID'];

					const { mutation: mutationOptions } = options

						? options.mutation &&

							'mutationKey' in options.mutation &&

							options.mutation.mutationKey

							? options

							: { ...options, mutation: { ...options.mutation, mutationKey } }

						: { mutation: { mutationKey } };

					const mutationFn: MutationFunction<

						Awaited<ReturnType<typeof deleteMetricReductionRuleByID>>,

						{ pathParams: DeleteMetricReductionRuleByIDPathParameters }

					> = (props) => {

						const { pathParams } = props ?? {};

						return deleteMetricReductionRuleByID(pathParams);

					};

					return { mutationFn, ...mutationOptions };

				};

				export type DeleteMetricReductionRuleByIDMutationResult = NonNullable<

					Awaited<ReturnType<typeof deleteMetricReductionRuleByID>>

				>;

				export type DeleteMetricReductionRuleByIDMutationError =

					ErrorType<RenderErrorResponseDTO>;

				/**

				 * @summary Delete a metric reduction rule by id

				 */

				export const useDeleteMetricReductionRuleByID = <

					TError = ErrorType<RenderErrorResponseDTO>,

					TContext = unknown,

				>(options?: {

					mutation?: UseMutationOptions<

						Awaited<ReturnType<typeof deleteMetricReductionRuleByID>>,

						TError,

						{ pathParams: DeleteMetricReductionRuleByIDPathParameters },

						TContext

					>;

				}): UseMutationResult<

					Awaited<ReturnType<typeof deleteMetricReductionRuleByID>>,

					TError,

					{ pathParams: DeleteMetricReductionRuleByIDPathParameters },

					TContext

				> => {

					return useMutation(getDeleteMetricReductionRuleByIDMutationOptions(options));

				};

				/**

				 * Returns a single volume-control rule by its id.

				 * @summary Get a metric reduction rule by id

				 */

				export const getMetricReductionRuleByID = (

					{ id }: GetMetricReductionRuleByIDPathParameters,

					signal?: AbortSignal,

				) => {

					return GeneratedAPIInstance<GetMetricReductionRuleByID200>({

						url: `/api/v2/metric_reduction_rules/${id}`,

						method: 'GET',

						signal,

					});

				};

				export const getGetMetricReductionRuleByIDQueryKey = ({

					id,

				}: GetMetricReductionRuleByIDPathParameters) => {

					return [`/api/v2/metric_reduction_rules/${id}`] as const;

				};

				export const getGetMetricReductionRuleByIDQueryOptions = <

					TData = Awaited<ReturnType<typeof getMetricReductionRuleByID>>,

					TError = ErrorType<RenderErrorResponseDTO>,

				>(

					{ id }: GetMetricReductionRuleByIDPathParameters,

					options?: {

						query?: UseQueryOptions<

							Awaited<ReturnType<typeof getMetricReductionRuleByID>>,

							TError,

							TData

						>;

					},

				) => {

					const { query: queryOptions } = options ?? {};

					const queryKey =

						queryOptions?.queryKey ?? getGetMetricReductionRuleByIDQueryKey({ id });

					const queryFn: QueryFunction<

						Awaited<ReturnType<typeof getMetricReductionRuleByID>>

					> = ({ signal }) => getMetricReductionRuleByID({ id }, signal);

					return {

						queryKey,

						queryFn,

						enabled: !!id,

						...queryOptions,

					} as UseQueryOptions<

						Awaited<ReturnType<typeof getMetricReductionRuleByID>>,

						TError,

						TData

					> & { queryKey: QueryKey };

				};

				export type GetMetricReductionRuleByIDQueryResult = NonNullable<

					Awaited<ReturnType<typeof getMetricReductionRuleByID>>

				>;

				export type GetMetricReductionRuleByIDQueryError =

					ErrorType<RenderErrorResponseDTO>;

				/**

				 * @summary Get a metric reduction rule by id

				 */

				export function useGetMetricReductionRuleByID<

					TData = Awaited<ReturnType<typeof getMetricReductionRuleByID>>,

					TError = ErrorType<RenderErrorResponseDTO>,

				>(

					{ id }: GetMetricReductionRuleByIDPathParameters,

					options?: {

						query?: UseQueryOptions<

							Awaited<ReturnType<typeof getMetricReductionRuleByID>>,

							TError,

							TData

						>;

					},

				): UseQueryResult<TData, TError> & { queryKey: QueryKey } {

					const queryOptions = getGetMetricReductionRuleByIDQueryOptions(

						{ id },

						options,

					);

					const query = useQuery(queryOptions) as UseQueryResult<TData, TError> & {

						queryKey: QueryKey;

					};

					return { ...query, queryKey: queryOptions.queryKey };

				}

				/**

				 * @summary Get a metric reduction rule by id

				 */

				export const invalidateGetMetricReductionRuleByID = async (

					queryClient: QueryClient,

					{ id }: GetMetricReductionRuleByIDPathParameters,

					options?: InvalidateOptions,

				): Promise<QueryClient> => {

					await queryClient.invalidateQueries(

						{ queryKey: getGetMetricReductionRuleByIDQueryKey({ id }) },

						options,

					);

					return queryClient;

				};

				/**

				 * Updates the match type and labels of a volume-control rule by its id; the metric name is immutable.

				 * @summary Update a metric reduction rule by id

				 */

				export const updateMetricReductionRuleByID = (

					{ id }: UpdateMetricReductionRuleByIDPathParameters,

					metricreductionruletypesUpdatableReductionRuleDTO?: BodyType<MetricreductionruletypesUpdatableReductionRuleDTO>,

					signal?: AbortSignal,

				) => {

					return GeneratedAPIInstance<UpdateMetricReductionRuleByID200>({

						url: `/api/v2/metric_reduction_rules/${id}`,

						method: 'PUT',

						headers: { 'Content-Type': 'application/json' },

						data: metricreductionruletypesUpdatableReductionRuleDTO,

						signal,

					});

				};

				export const getUpdateMetricReductionRuleByIDMutationOptions = <

					TError = ErrorType<RenderErrorResponseDTO>,

					TContext = unknown,

				>(options?: {

					mutation?: UseMutationOptions<

						Awaited<ReturnType<typeof updateMetricReductionRuleByID>>,

						TError,

						{

							pathParams: UpdateMetricReductionRuleByIDPathParameters;

							data?: BodyType<MetricreductionruletypesUpdatableReductionRuleDTO>;

						},

						TContext

					>;

				}): UseMutationOptions<

					Awaited<ReturnType<typeof updateMetricReductionRuleByID>>,

					TError,

					{

						pathParams: UpdateMetricReductionRuleByIDPathParameters;

						data?: BodyType<MetricreductionruletypesUpdatableReductionRuleDTO>;

					},

					TContext

				> => {

					const mutationKey = ['updateMetricReductionRuleByID'];

					const { mutation: mutationOptions } = options

						? options.mutation &&

							'mutationKey' in options.mutation &&

							options.mutation.mutationKey

							? options

							: { ...options, mutation: { ...options.mutation, mutationKey } }

						: { mutation: { mutationKey } };

					const mutationFn: MutationFunction<

						Awaited<ReturnType<typeof updateMetricReductionRuleByID>>,

						{

							pathParams: UpdateMetricReductionRuleByIDPathParameters;

							data?: BodyType<MetricreductionruletypesUpdatableReductionRuleDTO>;

						}

					> = (props) => {

						const { pathParams, data } = props ?? {};

						return updateMetricReductionRuleByID(pathParams, data);

					};

					return { mutationFn, ...mutationOptions };

				};

				export type UpdateMetricReductionRuleByIDMutationResult = NonNullable<

					Awaited<ReturnType<typeof updateMetricReductionRuleByID>>

				>;

				export type UpdateMetricReductionRuleByIDMutationBody =

					| BodyType<MetricreductionruletypesUpdatableReductionRuleDTO>

					| undefined;

				export type UpdateMetricReductionRuleByIDMutationError =

					ErrorType<RenderErrorResponseDTO>;

				/**

				 * @summary Update a metric reduction rule by id

				 */

				export const useUpdateMetricReductionRuleByID = <

					TError = ErrorType<RenderErrorResponseDTO>,

					TContext = unknown,

				>(options?: {

					mutation?: UseMutationOptions<

						Awaited<ReturnType<typeof updateMetricReductionRuleByID>>,

						TError,

						{

							pathParams: UpdateMetricReductionRuleByIDPathParameters;

							data?: BodyType<MetricreductionruletypesUpdatableReductionRuleDTO>;

						},

						TContext

					>;

				}): UseMutationResult<

					Awaited<ReturnType<typeof updateMetricReductionRuleByID>>,

					TError,

					{

						pathParams: UpdateMetricReductionRuleByIDPathParameters;

						data?: BodyType<MetricreductionruletypesUpdatableReductionRuleDTO>;

					},

					TContext

				> => {

					return useMutation(getUpdateMetricReductionRuleByIDMutationOptions(options));

				};

				/**

				 * Estimates the series reduction and related-asset impact of a candidate volume-control rule without persisting it.

				 * @summary Preview a metric reduction rule

				 */

				export const previewMetricReductionRule = (

					metricreductionruletypesPostableReductionRulePreviewDTO?: BodyType<MetricreductionruletypesPostableReductionRulePreviewDTO>,

					signal?: AbortSignal,

				) => {

					return GeneratedAPIInstance<PreviewMetricReductionRule200>({

						url: `/api/v2/metric_reduction_rules/preview`,

						method: 'POST',

						headers: { 'Content-Type': 'application/json' },

						data: metricreductionruletypesPostableReductionRulePreviewDTO,

						signal,

					});

				};

				export const getPreviewMetricReductionRuleMutationOptions = <

					TError = ErrorType<RenderErrorResponseDTO>,

					TContext = unknown,

				>(options?: {

					mutation?: UseMutationOptions<

						Awaited<ReturnType<typeof previewMetricReductionRule>>,

						TError,

						{ data?: BodyType<MetricreductionruletypesPostableReductionRulePreviewDTO> },

						TContext

					>;

				}): UseMutationOptions<

					Awaited<ReturnType<typeof previewMetricReductionRule>>,

					TError,

					{ data?: BodyType<MetricreductionruletypesPostableReductionRulePreviewDTO> },

					TContext

				> => {

					const mutationKey = ['previewMetricReductionRule'];

					const { mutation: mutationOptions } = options

						? options.mutation &&

							'mutationKey' in options.mutation &&

							options.mutation.mutationKey

							? options

							: { ...options, mutation: { ...options.mutation, mutationKey } }

						: { mutation: { mutationKey } };

					const mutationFn: MutationFunction<

						Awaited<ReturnType<typeof previewMetricReductionRule>>,

						{ data?: BodyType<MetricreductionruletypesPostableReductionRulePreviewDTO> }

					> = (props) => {

						const { data } = props ?? {};

						return previewMetricReductionRule(data);

					};

					return { mutationFn, ...mutationOptions };

				};

				export type PreviewMetricReductionRuleMutationResult = NonNullable<

					Awaited<ReturnType<typeof previewMetricReductionRule>>

				>;

				export type PreviewMetricReductionRuleMutationBody =

					| BodyType<MetricreductionruletypesPostableReductionRulePreviewDTO>

					| undefined;

				export type PreviewMetricReductionRuleMutationError =

					ErrorType<RenderErrorResponseDTO>;

				/**

				 * @summary Preview a metric reduction rule

				 */

				export const usePreviewMetricReductionRule = <

					TError = ErrorType<RenderErrorResponseDTO>,

					TContext = unknown,

				>(options?: {

					mutation?: UseMutationOptions<

						Awaited<ReturnType<typeof previewMetricReductionRule>>,

						TError,

						{ data?: BodyType<MetricreductionruletypesPostableReductionRulePreviewDTO> },

						TContext

					>;

				}): UseMutationResult<

					Awaited<ReturnType<typeof previewMetricReductionRule>>,

					TError,

					{ data?: BodyType<MetricreductionruletypesPostableReductionRulePreviewDTO> },

					TContext

				> => {

					return useMutation(getPreviewMetricReductionRuleMutationOptions(options));

				};

				/**

				 * Returns total ingested vs retained series and the estimated monthly savings across all volume-control rules.

				 * @summary Metric reduction stats

				 */

				export const getMetricReductionRuleStats = (signal?: AbortSignal) => {

					return GeneratedAPIInstance<GetMetricReductionRuleStats200>({

						url: `/api/v2/metric_reduction_rules/stats`,

						method: 'GET',

						signal,

					});

				};

				export const getGetMetricReductionRuleStatsQueryKey = () => {

					return [`/api/v2/metric_reduction_rules/stats`] as const;

				};

				export const getGetMetricReductionRuleStatsQueryOptions = <

					TData = Awaited<ReturnType<typeof getMetricReductionRuleStats>>,

					TError = ErrorType<RenderErrorResponseDTO>,

				>(options?: {

					query?: UseQueryOptions<

						Awaited<ReturnType<typeof getMetricReductionRuleStats>>,

						TError,

						TData

					>;

				}) => {

					const { query: queryOptions } = options ?? {};

					const queryKey =

						queryOptions?.queryKey ?? getGetMetricReductionRuleStatsQueryKey();

					const queryFn: QueryFunction<

						Awaited<ReturnType<typeof getMetricReductionRuleStats>>

					> = ({ signal }) => getMetricReductionRuleStats(signal);

					return { queryKey, queryFn, ...queryOptions } as UseQueryOptions<

						Awaited<ReturnType<typeof getMetricReductionRuleStats>>,

						TError,

						TData

					> & { queryKey: QueryKey };

				};

				export type GetMetricReductionRuleStatsQueryResult = NonNullable<

					Awaited<ReturnType<typeof getMetricReductionRuleStats>>

				>;

				export type GetMetricReductionRuleStatsQueryError =

					ErrorType<RenderErrorResponseDTO>;

				/**

				 * @summary Metric reduction stats

				 */

				export function useGetMetricReductionRuleStats<

					TData = Awaited<ReturnType<typeof getMetricReductionRuleStats>>,

					TError = ErrorType<RenderErrorResponseDTO>,

				>(options?: {

					query?: UseQueryOptions<

						Awaited<ReturnType<typeof getMetricReductionRuleStats>>,

						TError,

						TData

					>;

				}): UseQueryResult<TData, TError> & { queryKey: QueryKey } {

					const queryOptions = getGetMetricReductionRuleStatsQueryOptions(options);

					const query = useQuery(queryOptions) as UseQueryResult<TData, TError> & {

						queryKey: QueryKey;

					};

					return { ...query, queryKey: queryOptions.queryKey };

				}

				/**

				 * @summary Metric reduction stats

				 */

				export const invalidateGetMetricReductionRuleStats = async (

					queryClient: QueryClient,

					options?: InvalidateOptions,

				): Promise<QueryClient> => {

					await queryClient.invalidateQueries(

						{ queryKey: getGetMetricReductionRuleStatsQueryKey() },

						options,

					);

					return queryClient;

				};

				/**

				 * Returns ingested vs retained series over time across all volume-control rules (hourly buckets), in the query-range time-series response shape.

				 * @summary Metric reduction volume over time

				 */

				export const getMetricReductionRuleTimeseries = (signal?: AbortSignal) => {

					return GeneratedAPIInstance<GetMetricReductionRuleTimeseries200>({

						url: `/api/v2/metric_reduction_rules/timeseries`,

						method: 'GET',

						signal,

					});

				};

				export const getGetMetricReductionRuleTimeseriesQueryKey = () => {

					return [`/api/v2/metric_reduction_rules/timeseries`] as const;

				};

				export const getGetMetricReductionRuleTimeseriesQueryOptions = <

					TData = Awaited<ReturnType<typeof getMetricReductionRuleTimeseries>>,

					TError = ErrorType<RenderErrorResponseDTO>,

				>(options?: {

					query?: UseQueryOptions<

						Awaited<ReturnType<typeof getMetricReductionRuleTimeseries>>,

						TError,

						TData

					>;

				}) => {

					const { query: queryOptions } = options ?? {};

					const queryKey =

						queryOptions?.queryKey ?? getGetMetricReductionRuleTimeseriesQueryKey();

					const queryFn: QueryFunction<

						Awaited<ReturnType<typeof getMetricReductionRuleTimeseries>>

					> = ({ signal }) => getMetricReductionRuleTimeseries(signal);

					return { queryKey, queryFn, ...queryOptions } as UseQueryOptions<

						Awaited<ReturnType<typeof getMetricReductionRuleTimeseries>>,

						TError,

						TData

					> & { queryKey: QueryKey };

				};

				export type GetMetricReductionRuleTimeseriesQueryResult = NonNullable<

					Awaited<ReturnType<typeof getMetricReductionRuleTimeseries>>

				>;

				export type GetMetricReductionRuleTimeseriesQueryError =

					ErrorType<RenderErrorResponseDTO>;

				/**

				 * @summary Metric reduction volume over time

				 */

				export function useGetMetricReductionRuleTimeseries<

					TData = Awaited<ReturnType<typeof getMetricReductionRuleTimeseries>>,

					TError = ErrorType<RenderErrorResponseDTO>,

				>(options?: {

					query?: UseQueryOptions<

						Awaited<ReturnType<typeof getMetricReductionRuleTimeseries>>,

						TError,

						TData

					>;

				}): UseQueryResult<TData, TError> & { queryKey: QueryKey } {

					const queryOptions = getGetMetricReductionRuleTimeseriesQueryOptions(options);

					const query = useQuery(queryOptions) as UseQueryResult<TData, TError> & {

						queryKey: QueryKey;

					};

					return { ...query, queryKey: queryOptions.queryKey };

				}

				/**

				 * @summary Metric reduction volume over time

				 */

				export const invalidateGetMetricReductionRuleTimeseries = async (

					queryClient: QueryClient,

					options?: InvalidateOptions,

				): Promise<QueryClient> => {

					await queryClient.invalidateQueries(

						{ queryKey: getGetMetricReductionRuleTimeseriesQueryKey() },

						options,

					);

					return queryClient;

				};

				/**

				 * This endpoint returns a list of distinct metric names within the specified time range

				 * @summary List metric names

				@@ -1045,3 +1789,100 @@ export const useGetMetricsTreemap = <

				> => {

					return useMutation(getGetMetricsTreemapMutationOptions(options));

				};

				/**

				 * This endpoint returns associated v2 dashboards for a specified metric

				 * @summary Get metric dashboards (v2)

				 */

				export const getMetricDashboardsV2 = (

					params: GetMetricDashboardsV2Params,

					signal?: AbortSignal,

				) => {

					return GeneratedAPIInstance<GetMetricDashboardsV2200>({

						url: `/api/v3/metrics/dashboards`,

						method: 'GET',

						params,

						signal,

					});

				};

				export const getGetMetricDashboardsV2QueryKey = (

					params?: GetMetricDashboardsV2Params,

				) => {

					return [`/api/v3/metrics/dashboards`, ...(params ? [params] : [])] as const;

				};

				export const getGetMetricDashboardsV2QueryOptions = <

					TData = Awaited<ReturnType<typeof getMetricDashboardsV2>>,

					TError = ErrorType<RenderErrorResponseDTO>,

				>(

					params: GetMetricDashboardsV2Params,

					options?: {

						query?: UseQueryOptions<

							Awaited<ReturnType<typeof getMetricDashboardsV2>>,

							TError,

							TData

						>;

					},

				) => {

					const { query: queryOptions } = options ?? {};

					const queryKey =

						queryOptions?.queryKey ?? getGetMetricDashboardsV2QueryKey(params);

					const queryFn: QueryFunction<

						Awaited<ReturnType<typeof getMetricDashboardsV2>>

					> = ({ signal }) => getMetricDashboardsV2(params, signal);

					return { queryKey, queryFn, ...queryOptions } as UseQueryOptions<

						Awaited<ReturnType<typeof getMetricDashboardsV2>>,

						TError,

						TData

					> & { queryKey: QueryKey };

				};

				export type GetMetricDashboardsV2QueryResult = NonNullable<

					Awaited<ReturnType<typeof getMetricDashboardsV2>>

				>;

				export type GetMetricDashboardsV2QueryError = ErrorType<RenderErrorResponseDTO>;

				/**

				 * @summary Get metric dashboards (v2)

				 */

				export function useGetMetricDashboardsV2<

					TData = Awaited<ReturnType<typeof getMetricDashboardsV2>>,

					TError = ErrorType<RenderErrorResponseDTO>,

				>(

					params: GetMetricDashboardsV2Params,

					options?: {

						query?: UseQueryOptions<

							Awaited<ReturnType<typeof getMetricDashboardsV2>>,

							TError,

							TData

						>;

					},

				): UseQueryResult<TData, TError> & { queryKey: QueryKey } {

					const queryOptions = getGetMetricDashboardsV2QueryOptions(params, options);

					const query = useQuery(queryOptions) as UseQueryResult<TData, TError> & {

						queryKey: QueryKey;

					};

					return { ...query, queryKey: queryOptions.queryKey };

				}

				/**

				 * @summary Get metric dashboards (v2)

				 */

				export const invalidateGetMetricDashboardsV2 = async (

					queryClient: QueryClient,

					params: GetMetricDashboardsV2Params,

					options?: InvalidateOptions,

				): Promise<QueryClient> => {

					await queryClient.invalidateQueries(

						{ queryKey: getGetMetricDashboardsV2QueryKey(params) },

						options,

					);

					return queryClient;

				};

									
										601

frontend/src/api/generated/services/sigNoz.schemas.ts
									
												View File
												
				@@ -2178,15 +2178,15 @@ export interface ErrorsResponseerroradditionalDTO {

					/**

					 * @type string

					 */

					message?: string;

					message: string;

					/**

					 * @type array

					 */

					suggestions?: string[];

					suggestions: string[];

				}

				export interface ErrorsResponseretryjsonDTO {

					delay?: TimeDurationDTO;

					delay: TimeDurationDTO;

				}

				export interface ErrorsJSONDTO {

				@@ -2197,7 +2197,7 @@ export interface ErrorsJSONDTO {

					/**

					 * @type array

					 */

					errors?: ErrorsResponseerroradditionalDTO[];

					errors: ErrorsResponseerroradditionalDTO[];

					/**

					 * @type string

					 */

				@@ -2206,11 +2206,11 @@ export interface ErrorsJSONDTO {

					/**

					 * @type array

					 */

					suggestions?: string[];

					suggestions: string[];

					/**

					 * @type string

					 */

					type?: string;

					type: string;

					/**

					 * @type string

					 */

				@@ -3266,37 +3266,6 @@ export interface DashboardLinkDTO {

					url?: string;

				}

				export interface VariableDisplayDTO {

					/**

					 * @type string

					 */

					description?: string;

					/**

					 * @type boolean

					 */

					hidden?: boolean;

					/**

					 * @type string

					 */

					name?: string;

				}

				export interface DashboardTextVariableSpecDTO {

					/**

					 * @type boolean

					 */

					constant?: boolean;

					display?: VariableDisplayDTO;

					/**

					 * @type string

					 */

					name?: string;

					/**

					 * @type string

					 */

					value?: string;

				}

				export interface DashboardtypesAxesDTO {

					/**

					 * @type boolean

				@@ -3328,6 +3297,9 @@ export interface DashboardtypesPanelFormattingDTO {

					unit?: string;

				}

				export enum DashboardtypesLegendModeDTO {

					list = 'list',

				}

				export enum DashboardtypesLegendPositionDTO {

					bottom = 'bottom',

					right = 'right',

				@@ -3347,6 +3319,7 @@ export interface DashboardtypesLegendDTO {

					 * @type object,null

					 */

					customColors?: DashboardtypesLegendDTOCustomColors;

					mode?: DashboardtypesLegendModeDTO;

					position?: DashboardtypesLegendPositionDTO;

				}

				@@ -3358,7 +3331,7 @@ export interface DashboardtypesThresholdWithLabelDTO {

					/**

					 * @type string

					 */

					label: string;

					label?: string;

					/**

					 * @type string

					 */

				@@ -3427,12 +3400,14 @@ export interface Querybuildertypesv5FilterDTO {

					expression?: string;

				}

				export type Querybuildertypesv5FunctionArgDTOValue = number | string;

				export interface Querybuildertypesv5FunctionArgDTO {

					/**

					 * @type string

					 */

					name?: string;

					value?: unknown;

					value?: Querybuildertypesv5FunctionArgDTOValue;

				}

				export enum Querybuildertypesv5FunctionNameDTO {

				@@ -3947,33 +3922,43 @@ export interface DashboardtypesDashboardDTO {

					updatedBy?: string;

				}

				export enum DashboardtypesDatasourcePluginVariantStructDTOKind {

				export interface DashboardtypesDashboardPanelRefDTO {

					/**

					 * @type string

					 */

					dashboardId: string;

					/**

					 * @type string

					 */

					dashboardName: string;

					/**

					 * @type string

					 */

					panelId: string;

					/**

					 * @type string

					 */

					panelName: string;

				}

				export enum DashboardtypesDatasourcePluginVariantGithubComSigNozSignozPkgTypesDashboardtypesSigNozDatasourceSpecDTOKind {

					'signoz/Datasource' = 'signoz/Datasource',

				}

				export type DashboardtypesDatasourcePluginVariantStructDTOSpecAnyOf = {

				export interface DashboardtypesSigNozDatasourceSpecDTO {

					[key: string]: unknown;

				};

				}

				/**

				 * @nullable

				 */

				export type DashboardtypesDatasourcePluginVariantStructDTOSpec =

					DashboardtypesDatasourcePluginVariantStructDTOSpecAnyOf | null;

				export interface DashboardtypesDatasourcePluginVariantStructDTO {

				export interface DashboardtypesDatasourcePluginVariantGithubComSigNozSignozPkgTypesDashboardtypesSigNozDatasourceSpecDTO {

					/**

					 * @enum signoz/Datasource

					 * @type string

					 */

					kind: DashboardtypesDatasourcePluginVariantStructDTOKind;

					/**

					 * @type object,null

					 */

					spec: DashboardtypesDatasourcePluginVariantStructDTOSpec;

					kind: DashboardtypesDatasourcePluginVariantGithubComSigNozSignozPkgTypesDashboardtypesSigNozDatasourceSpecDTOKind;

					spec: DashboardtypesSigNozDatasourceSpecDTO;

				}

				export type DashboardtypesDatasourcePluginDTO =

					DashboardtypesDatasourcePluginVariantStructDTO;

					DashboardtypesDatasourcePluginVariantGithubComSigNozSignozPkgTypesDashboardtypesSigNozDatasourceSpecDTO;

				export interface DashboardtypesDatasourceSpecDTO {

					/**

				@@ -4023,10 +4008,12 @@ export enum DashboardtypesLineStyleDTO {

				export interface DashboardtypesSpanGapsDTO {

					/**

					 * @type string

					 * @description The maximum gap size to connect when fillOnlyBelow is true. Gaps larger than this duration are left disconnected.

					 */

					fillLessThan?: string;

					/**

					 * @type boolean

					 * @description Controls whether lines connect across null values. When false (default), all gaps are connected. When true, only gaps smaller than fillLessThan are connected.

					 */

					fillOnlyBelow?: boolean;

				}

				@@ -4265,26 +4252,21 @@ export interface DashboardtypesQueryPluginVariantGithubComSigNozSignozPkgTypesDa

				export enum DashboardtypesQueryPluginVariantGithubComSigNozSignozPkgTypesQuerybuildertypesQuerybuildertypesv5CompositeQueryDTOKind {

					'signoz/CompositeQuery' = 'signoz/CompositeQuery',

				}

				export enum Querybuildertypesv5QueryTypeDTO {

				export type Querybuildertypesv5BuilderQuerySpecDTO =

					| Querybuildertypesv5QueryBuilderQueryGithubComSigNozSignozPkgTypesQuerybuildertypesQuerybuildertypesv5TraceAggregationDTO

					| Querybuildertypesv5QueryBuilderQueryGithubComSigNozSignozPkgTypesQuerybuildertypesQuerybuildertypesv5LogAggregationDTO

					| Querybuildertypesv5QueryBuilderQueryGithubComSigNozSignozPkgTypesQuerybuildertypesQuerybuildertypesv5MetricAggregationDTO;

				export enum Querybuildertypesv5QueryEnvelopeBuilderDTOType {

					builder_query = 'builder_query',

					builder_formula = 'builder_formula',

					builder_trace_operator = 'builder_trace_operator',

					clickhouse_sql = 'clickhouse_sql',

					promql = 'promql',

				}

				export interface Querybuildertypesv5QueryEnvelopeBuilderTraceDTO {

					spec?: Querybuildertypesv5QueryBuilderQueryGithubComSigNozSignozPkgTypesQuerybuildertypesQuerybuildertypesv5TraceAggregationDTO;

					type?: Querybuildertypesv5QueryTypeDTO;

				}

				export interface Querybuildertypesv5QueryEnvelopeBuilderLogDTO {

					spec?: Querybuildertypesv5QueryBuilderQueryGithubComSigNozSignozPkgTypesQuerybuildertypesQuerybuildertypesv5LogAggregationDTO;

					type?: Querybuildertypesv5QueryTypeDTO;

				}

				export interface Querybuildertypesv5QueryEnvelopeBuilderMetricDTO {

					spec?: Querybuildertypesv5QueryBuilderQueryGithubComSigNozSignozPkgTypesQuerybuildertypesQuerybuildertypesv5MetricAggregationDTO;

					type?: Querybuildertypesv5QueryTypeDTO;

				export interface Querybuildertypesv5QueryEnvelopeBuilderDTO {

					spec?: Querybuildertypesv5BuilderQuerySpecDTO;

					/**

					 * @type string

					 * @enum builder_query

					 */

					type: Querybuildertypesv5QueryEnvelopeBuilderDTOType;

				}

				export interface Querybuildertypesv5QueryBuilderFormulaDTO {

				@@ -4319,9 +4301,16 @@ export interface Querybuildertypesv5QueryBuilderFormulaDTO {

					order?: Querybuildertypesv5OrderByDTO[];

				}

				export enum Querybuildertypesv5QueryEnvelopeFormulaDTOType {

					builder_formula = 'builder_formula',

				}

				export interface Querybuildertypesv5QueryEnvelopeFormulaDTO {

					spec?: Querybuildertypesv5QueryBuilderFormulaDTO;

					type?: Querybuildertypesv5QueryTypeDTO;

					/**

					 * @type string

					 * @enum builder_formula

					 */

					type: Querybuildertypesv5QueryEnvelopeFormulaDTOType;

				}

				export interface Querybuildertypesv5QueryBuilderTraceOperatorDTO {

				@@ -4382,9 +4371,16 @@ export interface Querybuildertypesv5QueryBuilderTraceOperatorDTO {

					stepInterval?: Querybuildertypesv5StepDTO;

				}

				export enum Querybuildertypesv5QueryEnvelopeTraceOperatorDTOType {

					builder_trace_operator = 'builder_trace_operator',

				}

				export interface Querybuildertypesv5QueryEnvelopeTraceOperatorDTO {

					spec?: Querybuildertypesv5QueryBuilderTraceOperatorDTO;

					type?: Querybuildertypesv5QueryTypeDTO;

					/**

					 * @type string

					 * @enum builder_trace_operator

					 */

					type: Querybuildertypesv5QueryEnvelopeTraceOperatorDTOType;

				}

				export interface Querybuildertypesv5PromQueryDTO {

				@@ -4411,9 +4407,16 @@ export interface Querybuildertypesv5PromQueryDTO {

					step?: Querybuildertypesv5StepDTO;

				}

				export enum Querybuildertypesv5QueryEnvelopePromQLDTOType {

					promql = 'promql',

				}

				export interface Querybuildertypesv5QueryEnvelopePromQLDTO {

					spec?: Querybuildertypesv5PromQueryDTO;

					type?: Querybuildertypesv5QueryTypeDTO;

					/**

					 * @type string

					 * @enum promql

					 */

					type: Querybuildertypesv5QueryEnvelopePromQLDTOType;

				}

				export interface Querybuildertypesv5ClickHouseQueryDTO {

				@@ -4435,40 +4438,24 @@ export interface Querybuildertypesv5ClickHouseQueryDTO {

					query?: string;

				}

				export enum Querybuildertypesv5QueryEnvelopeClickHouseSQLDTOType {

					clickhouse_sql = 'clickhouse_sql',

				}

				export interface Querybuildertypesv5QueryEnvelopeClickHouseSQLDTO {

					spec?: Querybuildertypesv5ClickHouseQueryDTO;

					type?: Querybuildertypesv5QueryTypeDTO;

					/**

					 * @type string

					 * @enum clickhouse_sql

					 */

					type: Querybuildertypesv5QueryEnvelopeClickHouseSQLDTOType;

				}

				export type Querybuildertypesv5QueryEnvelopeDTO =

					| (Querybuildertypesv5QueryEnvelopeBuilderTraceDTO & {

							spec?: unknown;

							type?: Querybuildertypesv5QueryTypeDTO;

					  })

					| (Querybuildertypesv5QueryEnvelopeBuilderLogDTO & {

							spec?: unknown;

							type?: Querybuildertypesv5QueryTypeDTO;

					  })

					| (Querybuildertypesv5QueryEnvelopeBuilderMetricDTO & {

							spec?: unknown;

							type?: Querybuildertypesv5QueryTypeDTO;

					  })

					| (Querybuildertypesv5QueryEnvelopeFormulaDTO & {

							spec?: unknown;

							type?: Querybuildertypesv5QueryTypeDTO;

					  })

					| (Querybuildertypesv5QueryEnvelopeTraceOperatorDTO & {

							spec?: unknown;

							type?: Querybuildertypesv5QueryTypeDTO;

					  })

					| (Querybuildertypesv5QueryEnvelopePromQLDTO & {

							spec?: unknown;

							type?: Querybuildertypesv5QueryTypeDTO;

					  })

					| (Querybuildertypesv5QueryEnvelopeClickHouseSQLDTO & {

							spec?: unknown;

							type?: Querybuildertypesv5QueryTypeDTO;

					  });

					| Querybuildertypesv5QueryEnvelopeBuilderDTO

					| Querybuildertypesv5QueryEnvelopeFormulaDTO

					| Querybuildertypesv5QueryEnvelopeTraceOperatorDTO

					| Querybuildertypesv5QueryEnvelopePromQLDTO

					| Querybuildertypesv5QueryEnvelopeClickHouseSQLDTO;

				/**

				 * Composite query containing one or more query envelopes. Each query envelope specifies its type and corresponding spec.

				@@ -4566,9 +4553,9 @@ export interface DashboardtypesPanelSpecDTO {

					links?: DashboardLinkDTO[];

					plugin: DashboardtypesPanelPluginDTO;

					/**

					 * @type array,null

					 * @type array

					 */

					queries: DashboardtypesQueryDTO[] | null;

					queries: DashboardtypesQueryDTO[];

				}

				export interface DashboardtypesPanelDTO {

				@@ -4598,9 +4585,7 @@ export type DashboardtypesLayoutDTO =

				export enum DashboardtypesVariableEnvelopeGithubComSigNozSignozPkgTypesDashboardtypesListVariableSpecDTOKind {

					ListVariable = 'ListVariable',

				}

				export interface VariableDefaultValueDTO {

					[key: string]: unknown;

				}

				export type DashboardtypesVariableDefaultValueDTO = string | string[];

				export enum DashboardtypesVariablePluginVariantGithubComSigNozSignozPkgTypesDashboardtypesDynamicVariableSpecDTOKind {

					'signoz/DynamicVariable' = 'signoz/DynamicVariable',

				@@ -4658,6 +4643,15 @@ export type DashboardtypesVariablePluginDTO =

					| DashboardtypesVariablePluginVariantGithubComSigNozSignozPkgTypesDashboardtypesQueryVariableSpecDTO

					| DashboardtypesVariablePluginVariantGithubComSigNozSignozPkgTypesDashboardtypesCustomVariableSpecDTO;

				export enum DashboardtypesListVariableSpecSortDTO {

					none = 'none',

					'alphabetical-asc' = 'alphabetical-asc',

					'alphabetical-desc' = 'alphabetical-desc',

					'numerical-asc' = 'numerical-asc',

					'numerical-desc' = 'numerical-desc',

					'alphabetical-ci-asc' = 'alphabetical-ci-asc',

					'alphabetical-ci-desc' = 'alphabetical-ci-desc',

				}

				export interface DashboardtypesListVariableSpecDTO {

					/**

					 * @type boolean

				@@ -4675,17 +4669,15 @@ export interface DashboardtypesListVariableSpecDTO {

					 * @type string

					 */

					customAllValue?: string;

					defaultValue?: VariableDefaultValueDTO;

					defaultValue?: DashboardtypesVariableDefaultValueDTO;

					display: DashboardtypesDisplayDTO;

					/**

					 * @type string

					 * @minLength 1

					 */

					name?: string;

					name: string;

					plugin?: DashboardtypesVariablePluginDTO;

					/**

					 * @type string,null

					 */

					sort?: string | null;

					sort?: DashboardtypesListVariableSpecSortDTO;

				}

				export interface DashboardtypesVariableEnvelopeGithubComSigNozSignozPkgTypesDashboardtypesListVariableSpecDTO {

				@@ -4697,21 +4689,38 @@ export interface DashboardtypesVariableEnvelopeGithubComSigNozSignozPkgTypesDash

					spec: DashboardtypesListVariableSpecDTO;

				}

				export enum DashboardtypesVariableEnvelopeGithubComPersesSpecGoDashboardTextVariableSpecDTOKind {

				export enum DashboardtypesVariableEnvelopeGithubComSigNozSignozPkgTypesDashboardtypesTextVariableSpecDTOKind {

					TextVariable = 'TextVariable',

				}

				export interface DashboardtypesVariableEnvelopeGithubComPersesSpecGoDashboardTextVariableSpecDTO {

				export interface DashboardtypesTextVariableSpecDTO {

					/**

					 * @type boolean

					 */

					constant?: boolean;

					display: DashboardtypesDisplayDTO;

					/**

					 * @type string

					 * @minLength 1

					 */

					name: string;

					/**

					 * @type string

					 */

					value: string;

				}

				export interface DashboardtypesVariableEnvelopeGithubComSigNozSignozPkgTypesDashboardtypesTextVariableSpecDTO {

					/**

					 * @enum TextVariable

					 * @type string

					 */

					kind: DashboardtypesVariableEnvelopeGithubComPersesSpecGoDashboardTextVariableSpecDTOKind;

					spec: DashboardTextVariableSpecDTO;

					kind: DashboardtypesVariableEnvelopeGithubComSigNozSignozPkgTypesDashboardtypesTextVariableSpecDTOKind;

					spec: DashboardtypesTextVariableSpecDTO;

				}

				export type DashboardtypesVariableDTO =

					| DashboardtypesVariableEnvelopeGithubComSigNozSignozPkgTypesDashboardtypesListVariableSpecDTO

					| DashboardtypesVariableEnvelopeGithubComPersesSpecGoDashboardTextVariableSpecDTO;

					| DashboardtypesVariableEnvelopeGithubComSigNozSignozPkgTypesDashboardtypesTextVariableSpecDTO;

				export interface DashboardtypesDashboardSpecDTO {

					/**

				@@ -6787,6 +6796,213 @@ export interface LlmpricingruletypesUpdatableLLMPricingRulesDTO {

					rules: LlmpricingruletypesUpdatableLLMPricingRuleDTO[] | null;

				}

				export enum MetricreductionruletypesAssetTypeDTO {

					dashboard = 'dashboard',

					alert_rule = 'alert_rule',

				}

				export interface MetricreductionruletypesAffectedWidgetDTO {

					/**

					 * @type string

					 */

					id: string;

					/**

					 * @type string

					 */

					name: string;

				}

				export interface MetricreductionruletypesAffectedAssetDTO {

					/**

					 * @type string

					 */

					id: string;

					/**

					 * @type array,null

					 */

					impactedLabels: string[] | null;

					/**

					 * @type string

					 */

					name: string;

					type: MetricreductionruletypesAssetTypeDTO;

					widget?: MetricreductionruletypesAffectedWidgetDTO;

				}

				export enum MetricreductionruletypesMatchTypeDTO {

					drop = 'drop',

					keep = 'keep',

				}

				export interface MetricreductionruletypesGettableReductionRuleDTO {

					/**

					 * @type boolean

					 */

					active: boolean;

					/**

					 * @type string

					 * @format date-time

					 */

					createdAt?: string;

					/**

					 * @type string

					 */

					createdBy?: string;

					/**

					 * @type string

					 * @format date-time

					 */

					effectiveFrom: string;

					/**

					 * @type string

					 */

					id: string;

					/**

					 * @type integer

					 * @minimum 0

					 */

					ingestedSeries: number;

					/**

					 * @type array,null

					 */

					labels: string[] | null;

					matchType: MetricreductionruletypesMatchTypeDTO;

					/**

					 * @type string

					 */

					metricName: string;

					/**

					 * @type number

					 * @format double

					 */

					reductionPercent: number;

					/**

					 * @type integer

					 * @minimum 0

					 */

					retainedSeries: number;

					/**

					 * @type string

					 * @format date-time

					 */

					updatedAt?: string;

					/**

					 * @type string

					 */

					updatedBy?: string;

				}

				export interface MetricreductionruletypesGettableReductionRulePreviewDTO {

					/**

					 * @type array,null

					 */

					affectedAssets: MetricreductionruletypesAffectedAssetDTO[] | null;

					/**

					 * @type integer

					 * @minimum 0

					 */

					currentRetainedSeries: number;

					/**

					 * @type array,null

					 */

					droppedLabels: string[] | null;

					/**

					 * @type string

					 * @format date-time

					 */

					effectiveFrom: string;

					/**

					 * @type integer

					 * @minimum 0

					 */

					ingestedSeries: number;

					/**

					 * @type number

					 * @format double

					 */

					reductionPercent: number;

					/**

					 * @type integer

					 * @minimum 0

					 */

					retainedSeries: number;

				}

				export interface MetricreductionruletypesGettableReductionRuleStatsDTO {

					/**

					 * @type number

					 * @format double

					 */

					estimatedMonthlySavingsUsd: number;

					/**

					 * @type integer

					 * @minimum 0

					 */

					ingestedSeries: number;

					/**

					 * @type integer

					 * @minimum 0

					 */

					retainedSeries: number;

				}

				export interface MetricreductionruletypesGettableReductionRulesDTO {

					/**

					 * @type array,null

					 */

					rules: MetricreductionruletypesGettableReductionRuleDTO[] | null;

					/**

					 * @type integer

					 */

					total: number;

				}

				export enum MetricreductionruletypesOrderDTO {

					asc = 'asc',

					desc = 'desc',

				}

				export interface MetricreductionruletypesPostableReductionRuleDTO {

					/**

					 * @type array,null

					 */

					labels: string[] | null;

					matchType: MetricreductionruletypesMatchTypeDTO;

					/**

					 * @type string

					 */

					metricName: string;

				}

				export interface MetricreductionruletypesPostableReductionRulePreviewDTO {

					/**

					 * @type array,null

					 */

					labels: string[] | null;

					/**

					 * @type integer

					 * @format int64

					 */

					lookbackMs?: number;

					matchType: MetricreductionruletypesMatchTypeDTO;

					/**

					 * @type string

					 */

					metricName: string;

				}

				export enum MetricreductionruletypesReductionRuleOrderByDTO {

					metric = 'metric',

					ingested_volume = 'ingested_volume',

					reduced_volume = 'reduced_volume',

					reduction = 'reduction',

					last_updated = 'last_updated',

				}

				export interface MetricreductionruletypesUpdatableReductionRuleDTO {

					/**

					 * @type array,null

					 */

					labels: string[] | null;

					matchType: MetricreductionruletypesMatchTypeDTO;

				}

				export interface MetricsexplorertypesInspectMetricsRequestDTO {

					/**

					 * @type integer

				@@ -6805,9 +7021,11 @@ export interface MetricsexplorertypesInspectMetricsRequestDTO {

					start: number;

				}

				export type Querybuildertypesv5LabelDTOValue = string | number | boolean;

				export interface Querybuildertypesv5LabelDTO {

					key?: TelemetrytypesTelemetryFieldKeyDTO;

					value?: unknown;

					value?: Querybuildertypesv5LabelDTOValue;

				}

				export interface Querybuildertypesv5BucketDTO {

				@@ -6958,6 +7176,13 @@ export interface MetricsexplorertypesMetricDashboardDTO {

					widgetName: string;

				}

				export interface MetricsexplorertypesMetricDashboardPanelsResponseDTO {

					/**

					 * @type array,null

					 */

					dashboards: DashboardtypesDashboardPanelRefDTO[] | null;

				}

				export interface MetricsexplorertypesMetricDashboardsResponseDTO {

					/**

					 * @type array,null

				@@ -7417,9 +7642,20 @@ export enum Querybuildertypesv5VariableTypeDTO {

					custom = 'custom',

					text = 'text',

				}

				export type Querybuildertypesv5VariableItemDTOValueOneOfItem =

					| string

					| number

					| boolean;

				export type Querybuildertypesv5VariableItemDTOValue =

					| string

					| number

					| boolean

					| Querybuildertypesv5VariableItemDTOValueOneOfItem[];

				export interface Querybuildertypesv5VariableItemDTO {

					type?: Querybuildertypesv5VariableTypeDTO;

					value?: unknown;

					value?: Querybuildertypesv5VariableItemDTOValue;

				}

				export type Querybuildertypesv5QueryRangeRequestDTOVariables = {

				@@ -7467,6 +7703,13 @@ export interface Querybuildertypesv5QueryRangeResponseDTO {

					warning?: Querybuildertypesv5QueryWarnDataDTO;

				}

				export enum Querybuildertypesv5QueryTypeDTO {

					builder_query = 'builder_query',

					builder_formula = 'builder_formula',

					builder_trace_operator = 'builder_trace_operator',

					clickhouse_sql = 'clickhouse_sql',

					promql = 'promql',

				}

				export interface RenderErrorResponseDTO {

					error: ErrorsJSONDTO;

					/**

				@@ -10447,6 +10690,102 @@ export type Livez200 = {

					status: string;

				};

				export type ListMetricReductionRulesParams = {

					/**

					 * @description undefined

					 */

					orderBy?: MetricreductionruletypesReductionRuleOrderByDTO;

					/**

					 * @description undefined

					 */

					order?: MetricreductionruletypesOrderDTO;

					/**

					 * @type string

					 * @description undefined

					 */

					search?: string;

					/**

					 * @type string

					 * @description undefined

					 */

					metricName?: string;

					/**

					 * @type integer

					 * @description undefined

					 */

					offset?: number;

					/**

					 * @type integer

					 * @description undefined

					 */

					limit?: number;

				};

				export type ListMetricReductionRules200 = {

					data: MetricreductionruletypesGettableReductionRulesDTO;

					/**

					 * @type string

					 */

					status: string;

				};

				export type CreateMetricReductionRule201 = {

					data: MetricreductionruletypesGettableReductionRuleDTO;

					/**

					 * @type string

					 */

					status: string;

				};

				export type DeleteMetricReductionRuleByIDPathParameters = {

					id: string;

				};

				export type GetMetricReductionRuleByIDPathParameters = {

					id: string;

				};

				export type GetMetricReductionRuleByID200 = {

					data: MetricreductionruletypesGettableReductionRuleDTO;

					/**

					 * @type string

					 */

					status: string;

				};

				export type UpdateMetricReductionRuleByIDPathParameters = {

					id: string;

				};

				export type UpdateMetricReductionRuleByID200 = {

					data: MetricreductionruletypesGettableReductionRuleDTO;

					/**

					 * @type string

					 */

					status: string;

				};

				export type PreviewMetricReductionRule200 = {

					data: MetricreductionruletypesGettableReductionRulePreviewDTO;

					/**

					 * @type string

					 */

					status: string;

				};

				export type GetMetricReductionRuleStats200 = {

					data: MetricreductionruletypesGettableReductionRuleStatsDTO;

					/**

					 * @type string

					 */

					status: string;

				};

				export type GetMetricReductionRuleTimeseries200 = {

					data: Querybuildertypesv5QueryRangeResponseDTO;

					/**

					 * @type string

					 */

					status: string;

				};

				export type ListMetricsParams = {

					/**

					 * @type integer,null

				@@ -11125,6 +11464,22 @@ export type GetHosts200 = {

					status: string;

				};

				export type GetMetricDashboardsV2Params = {

					/**

					 * @type string

					 * @description The name of the metric. May contain slashes (e.g. cloud-provider metrics like run.googleapis.com/request_latencies).

					 */

					metricName: string;

				};

				export type GetMetricDashboardsV2200 = {

					data: MetricsexplorertypesMetricDashboardPanelsResponseDTO;

					/**

					 * @type string

					 */

					status: string;

				};

				export type GetFlamegraphPathParameters = {

					traceID: string;

				};

									
										35

frontend/src/api/trace/getTraceV2.tsx
									
												View File
											
				@@ -1,35 +0,0 @@

				import { ApiV2Instance as axios } from 'api';

				import { omit } from 'lodash-es';

				import { ErrorResponse, SuccessResponse } from 'types/api';

				import {

					GetTraceV2PayloadProps,

					GetTraceV2SuccessResponse,

				} from 'types/api/trace/getTraceV2';

				const getTraceV2 = async (

					props: GetTraceV2PayloadProps,

				): Promise<SuccessResponse<GetTraceV2SuccessResponse> | ErrorResponse> => {

					let uncollapsedSpans = [...props.uncollapsedSpans];

					if (!props.isSelectedSpanIDUnCollapsed) {

						uncollapsedSpans = uncollapsedSpans.filter(

							(node) => node !== props.selectedSpanId,

						);

					}

					const postData: GetTraceV2PayloadProps = {

						...props,

						uncollapsedSpans,

					};

					const response = await axios.post<GetTraceV2SuccessResponse>(

						`/traces/waterfall/${props.traceId}`,

						omit(postData, 'traceId'),

					);

					return {

						statusCode: 200,

						error: null,

						message: 'Success',

						payload: response.data,

					};

				};

				export default getTraceV2;

									
										1

frontend/src/api/trace/getTraceV4.tsx
									
												View File
												
				@@ -41,6 +41,7 @@ const getTraceV4 = async (

					> & { spans: WireSpan[] | null };

					// Derive 'service.name' from resource for convenience — only derived field

					// todo(tech-debt): to remove use of this and to directly use service.name from resources.

					const spans: SpanV3[] = (rawPayload.spans || []).map((span) => ({

						...span,

						'service.name': span.resource?.['service.name'] || '',

									
										25

frontend/src/assets/TraceDetail/Flamegraph.tsx
									
												View File
											
				@@ -1,25 +0,0 @@

				import { Color } from '@signozhq/design-tokens';

				import { useIsDarkMode } from 'hooks/useDarkMode';

				function FlamegraphImg(): JSX.Element {

					const isDarkMode = useIsDarkMode();

					return (

						<svg

							width="14"

							height="14"

							viewBox="0 0 24 24"

							fill="none"

							xmlns="http://www.w3.org/2000/svg"

						>

							<path

								d="M8 3c1 3 2.5 3.5 3.5 4.5A5 5 0 0113 11a5 5 0 11-10 0c0-.3 0-.6.1-.9a2 2 0 103.3-2C4 5.5 7 3 8 3zM21 4h-8M20 14.5h-3M20 9.5h-3M21 20H4"

								stroke={isDarkMode ? Color.BG_VANILLA_100 : Color.BG_INK_500}

								strokeWidth="2"

								strokeLinecap="round"

								strokeLinejoin="round"

							/>

						</svg>

					);

				}

				export default FlamegraphImg;

									
										9

frontend/src/components/ErrorInPlace/ErrorInPlace.tsx
									
												View File
												
				@@ -21,6 +21,8 @@ interface ErrorInPlaceProps {

					width?: string | number;

					/** Custom content instead of ErrorContent */

					children?: ReactNode;

					/** Test ID for testing */

					'data-testid'?: string;

				}

				/**

				@@ -44,6 +46,7 @@ function ErrorInPlace({

					height = '100%',

					width = '100%',

					children,

					'data-testid': dataTestId,

				}: ErrorInPlaceProps): JSX.Element {

					const containerStyle: React.CSSProperties = {

						display: 'flex',

				@@ -59,7 +62,11 @@ function ErrorInPlace({

					};

					return (

						<div className={`error-in-place ${className}`.trim()} style={containerStyle}>

						<div

							className={`error-in-place ${className}`.trim()}

							style={containerStyle}

							data-testid={dataTestId}

						>

							{children || <ErrorContent error={error} />}

						</div>

					);

									
										163

frontend/src/components/InviteMembers/InviteMembers.module.scss
									
										Normal file
									
												View File
												
				@@ -0,0 +1,163 @@

				.inviteMembers {

					display: flex;

					flex-direction: column;

					gap: var(--spacing-8);

					width: 100%;

				}

				.table {

					display: flex;

					flex-direction: column;

					gap: var(--spacing-4);

					width: 100%;

				}

				.header {

					display: flex;

					gap: var(--spacing-8);

					align-items: center;

					width: 100%;

				}

				.headerCellEmail {

					flex: 1 1 0;

					min-width: 0;

				}

				.headerCellRole {

					flex: 0 0 160px;

					width: 160px;

				}

				.headerCellAction {

					flex: 0 0 32px;

					width: 32px;

				}

				.rows {

					display: flex;

					flex-direction: column;

					gap: var(--spacing-6);

					width: 100%;

				}

				.row {

					display: flex;

					gap: var(--spacing-8);

					align-items: flex-start;

					width: 100%;

				}

				.cellEmail {

					display: flex;

					flex-direction: column;

					gap: var(--spacing-2);

					flex: 1 1 0;

					min-width: 0;

					--input-background: var(

						--invite-members-field-background,

						var(--l2-background)

					);

					--input-hover-background: var(

						--invite-members-field-background,

						var(--l2-background)

					);

					--input-focus-background: var(

						--invite-members-field-background,

						var(--l2-background)

					);

					--input-disabled-background: var(

						--invite-members-field-background,

						var(--l2-background)

					);

					input::placeholder {

						color: var(--l3-foreground);

					}

				}

				.cellRole {

					display: flex;

					flex-direction: column;

					gap: var(--spacing-2);

					flex: 0 0 160px;

					width: 160px;

					:global(.roles-single-select) {

						width: 100%;

						:global(.ant-select-selector) {

							background-color: var(

								--invite-members-field-background,

								var(--l2-background)

							) !important;

						}

					}

				}

				.cellAction {

					display: flex;

					flex-direction: column;

					gap: var(--spacing-2);

					flex: 0 0 32px;

					width: 32px;

					height: 32px;

					align-items: center;

					justify-content: center;

				}

				.errorText {

					color: var(--danger-background);

				}

				.addRow {

					display: flex;

					justify-content: flex-start;

					margin-top: var(--spacing-2);

				}

				.callout {

					animation: shake 300ms ease-out;

					&[data-type='success'] {

						animation: none;

					}

				}

				.results {

					display: flex;

					flex-direction: column;

					gap: var(--spacing-2);

				}

				.resultsList {

					margin: var(--spacing-2) 0 0 var(--spacing-8);

					padding: 0;

					li {

						margin-bottom: var(--spacing-1);

					}

				}

				@keyframes shake {

					0% {

						transform: translateX(0);

					}

					25% {

						transform: translateX(5px);

					}

					50% {

						transform: translateX(-5px);

					}

					75% {

						transform: translateX(5px);

					}

					100% {

						transform: translateX(0);

					}

				}

									
										221

frontend/src/components/InviteMembers/InviteMembers.tsx
									
										Normal file
									
												View File
												
				@@ -0,0 +1,221 @@

				import { CircleAlert, Plus, Trash2 } from '@signozhq/icons';

				import { Button } from '@signozhq/ui/button';

				import { Callout } from '@signozhq/ui/callout';

				import { Input } from '@signozhq/ui/input';

				import { Typography } from '@signozhq/ui/typography';

				import cx from 'classnames';

				import RolesSelect from 'components/RolesSelect/RolesSelect';

				import styles from './InviteMembers.module.scss';

				import { InviteMembersProps } from './types';

				import { useInviteMembers } from './useInviteMembers';

				function InviteMembers({

					className,

					initialRowCount = 3,

					minRows = 1,

					emailPlaceholder = 'e.g. john@signoz.io',

					showHeader = true,

					showAddButton = true,

					onSuccess,

					onPartialSuccess,

					onAllFailed,

					renderFooter,

				}: InviteMembersProps): JSX.Element {

					const {

						rows,

						emailValidity,

						hasInvalidEmails,

						hasInvalidRoles,

						isSubmitting,

						inviteResults,

						addRow,

						removeRow,

						updateEmail,

						updateRole,

						reset,

						submit,

						touchedRows,

						failedResults,

						successResults,

					} = useInviteMembers({

						initialRowCount,

						onSuccess,

						onPartialSuccess,

						onAllFailed,

					});

					const canSubmit = !isSubmitting && touchedRows.length > 0;

					const canRemoveRow = rows.length > minRows;

					const getValidationErrorMessage = (): string => {

						if (hasInvalidEmails && hasInvalidRoles) {

							return 'Please enter valid emails and select roles for team members';

						}

						if (hasInvalidEmails) {

							return 'Please enter valid emails for team members';

						}

						return 'Please select roles for team members';

					};

					const hasValidationErrors = hasInvalidEmails || hasInvalidRoles;

					const hasResults = inviteResults !== null;

					const hasFailures = failedResults.length > 0;

					const hasSuccesses = successResults.length > 0;

					return (

						<div className={cx(styles.inviteMembers, className)}>

							<div className={styles.table}>

								{showHeader && (

									<div className={styles.header}>

										<Typography.Text

											size="base"

											weight="semibold"

											className={styles.headerCellEmail}

										>

											Email address

										</Typography.Text>

										<Typography.Text

											size="base"

											weight="semibold"

											className={styles.headerCellRole}

										>

											Role

										</Typography.Text>

										<div className={styles.headerCellAction} />

									</div>

								)}

								<div className={styles.rows}>

									{rows.map((row) => (

										<div key={row.id} className={styles.row}>

											<div className={styles.cellEmail}>

												<Input

													type="email"

													placeholder={emailPlaceholder}

													value={row.email}

													onChange={(e): void => updateEmail(row.id, e.target.value)}

													name={`invite-email-${row.id}`}

													autoComplete="email"

													data-testid={`invite-email-${row.id}`}

												/>

												{emailValidity[row.id] === false && row.email.trim() !== '' && (

													<Typography.Text size="small" className={styles.errorText}>

														Invalid email address

													</Typography.Text>

												)}

											</div>

											<div className={styles.cellRole}>

												<RolesSelect

													mode="single"

													value={row.roleId || undefined}

													onChange={(roleId): void => updateRole(row.id, roleId)}

													placeholder="Select role"

													allowClear={false}

													id={`invite-role-${row.id}`}

												/>

											</div>

											<div className={styles.cellAction}>

												{canRemoveRow && (

													<Button

														variant="ghost"

														color="destructive"

														onClick={(): void => removeRow(row.id)}

														aria-label="Remove row"

														data-testid={`invite-remove-${row.id}`}

													>

														<Trash2 size={12} />

													</Button>

												)}

											</div>

										</div>

									))}

								</div>

								{showAddButton && (

									<div className={styles.addRow}>

										<Button

											variant="dashed"

											color="secondary"

											prefix={<Plus size={12} />}

											onClick={addRow}

											data-testid="invite-add-row"

										>

											Add another

										</Button>

									</div>

								)}

							</div>

							{hasValidationErrors && (

								<Callout

									type="error"

									size="small"

									showIcon

									icon={<CircleAlert size={12} />}

									className={styles.callout}

									data-testid="invite-validation-error"

								>

									{getValidationErrorMessage()}

								</Callout>

							)}

							{hasResults && hasFailures && (

								<Callout

									type="error"

									size="small"

									showIcon

									icon={<CircleAlert size={12} />}

									className={styles.callout}

									data-testid="invite-api-error"

								>

									<div className={styles.results}>

										{hasSuccesses && (

											<Typography.Text size="small">

												{successResults.length} invite(s) sent successfully.

											</Typography.Text>

										)}

										<Typography.Text size="small">

											{failedResults.length} invite(s) failed:

										</Typography.Text>

										<ul className={styles.resultsList}>

											{failedResults.map((result) => (

												<li key={result.email}>

													<Typography.Text size="small">

														{result.email}: {result.error}

													</Typography.Text>

												</li>

											))}

										</ul>

									</div>

								</Callout>

							)}

							{hasResults && !hasFailures && hasSuccesses && (

								<Callout

									type="success"

									size="small"

									showIcon

									className={styles.callout}

									data-testid="invite-success"

								>

									<Typography.Text size="small">

										{successResults.length} invite(s) sent successfully!

									</Typography.Text>

								</Callout>

							)}

							{renderFooter?.({

								submit,

								reset,

								canSubmit,

								isSubmitting,

								touchedCount: touchedRows.length,

							})}

						</div>

					);

				}

				export default InviteMembers;

									
										240

frontend/src/components/InviteMembers/__tests__/InviteMembers.edgeCases.test.tsx
									
										Normal file
									
												View File
												
				@@ -0,0 +1,240 @@

				import { rest, server } from 'mocks-server/server';

				import { render, screen, userEvent, waitFor } from 'tests/test-utils';

				import InviteMembers from '../InviteMembers';

				import {

					CREATE_USER_ENDPOINT,

					createErrorHandler,

					createRolesHandler,

					createSuccessHandler,

					VALID_EMAIL,

				} from './testUtils';

				describe('InviteMembers - Edge Cases', () => {

					beforeEach(() => {

						server.use(createRolesHandler(), createSuccessHandler());

					});

					afterEach(() => {

						server.resetHandlers();

					});

					describe('reset behavior', () => {

						it('clears all rows when reset is called', async () => {

							const user = userEvent.setup({ pointerEventsCheck: 0 });

							render(

								<InviteMembers

									initialRowCount={2}

									renderFooter={({ reset }): JSX.Element => (

										<button data-testid="reset-btn" onClick={reset}>

											Reset

										</button>

									)}

								/>,

							);

							const emailInputs = screen.getAllByPlaceholderText('e.g. john@signoz.io');

							await user.type(emailInputs[0], VALID_EMAIL);

							await user.type(emailInputs[1], 'bob@signoz.io');

							await user.click(screen.getByTestId('reset-btn'));

							const resetInputs = screen.getAllByPlaceholderText('e.g. john@signoz.io');

							expect(resetInputs).toHaveLength(2);

							resetInputs.forEach((input) => {

								expect(input).toHaveValue('');

							});

						});

						it('clears results on reset', async () => {

							const user = userEvent.setup({ pointerEventsCheck: 0 });

							render(

								<InviteMembers

									renderFooter={({ submit, reset }): JSX.Element => (

										<>

											<button data-testid="submit-btn" onClick={submit}>

												Submit

											</button>

											<button data-testid="reset-btn" onClick={reset}>

												Reset

											</button>

										</>

									)}

								/>,

							);

							const emailInputs = screen.getAllByPlaceholderText('e.g. john@signoz.io');

							await user.type(emailInputs[0], VALID_EMAIL);

							await user.click(screen.getAllByText('Select role')[0]);

							await user.click(await screen.findByText('Viewer'));

							await user.click(screen.getByTestId('submit-btn'));

							await expect(

								screen.findByTestId('invite-success'),

							).resolves.toBeInTheDocument();

							await user.click(screen.getByTestId('reset-btn'));

							expect(screen.queryByTestId('invite-success')).not.toBeInTheDocument();

						});

					});

					describe('results cleared on edit', () => {

						it('clears API error when email is edited', async () => {

							const user = userEvent.setup({ pointerEventsCheck: 0 });

							server.use(createErrorHandler('already_exists', 'User already exists'));

							render(

								<InviteMembers

									renderFooter={({ submit }): JSX.Element => (

										<button data-testid="submit-btn" onClick={submit}>

											Submit

										</button>

									)}

								/>,

							);

							const emailInputs = screen.getAllByPlaceholderText('e.g. john@signoz.io');

							await user.type(emailInputs[0], VALID_EMAIL);

							await user.click(screen.getAllByText('Select role')[0]);

							await user.click(await screen.findByText('Viewer'));

							await user.click(screen.getByTestId('submit-btn'));

							await expect(

								screen.findByTestId('invite-api-error'),

							).resolves.toBeInTheDocument();

							await user.type(emailInputs[0], 'x');

							await waitFor(() => {

								expect(screen.queryByTestId('invite-api-error')).not.toBeInTheDocument();

							});

						});

						it('clears API error when role is changed', async () => {

							const user = userEvent.setup({ pointerEventsCheck: 0 });

							server.use(createErrorHandler('already_exists', 'User already exists'));

							render(

								<InviteMembers

									renderFooter={({ submit }): JSX.Element => (

										<button data-testid="submit-btn" onClick={submit}>

											Submit

										</button>

									)}

								/>,

							);

							const emailInputs = screen.getAllByPlaceholderText('e.g. john@signoz.io');

							await user.type(emailInputs[0], VALID_EMAIL);

							await user.click(screen.getAllByText('Select role')[0]);

							await user.click(await screen.findByText('Viewer'));

							await user.click(screen.getByTestId('submit-btn'));

							await expect(

								screen.findByTestId('invite-api-error'),

							).resolves.toBeInTheDocument();

							const viewerElements = screen.getAllByText('Viewer');

							await user.click(viewerElements[0]);

							const editorOptions = await screen.findAllByText('Editor');

							await user.click(editorOptions[editorOptions.length - 1]);

							await waitFor(() => {

								expect(screen.queryByTestId('invite-api-error')).not.toBeInTheDocument();

							});

						});

					});

					describe('empty submission', () => {

						it('does not submit when no rows are touched', async () => {

							const user = userEvent.setup({ pointerEventsCheck: 0 });

							const onSuccess = jest.fn();

							render(

								<InviteMembers

									onSuccess={onSuccess}

									renderFooter={({ submit }): JSX.Element => (

										<button data-testid="submit-btn" onClick={submit}>

											Submit

										</button>

									)}

								/>,

							);

							await user.click(screen.getByTestId('submit-btn'));

							expect(onSuccess).not.toHaveBeenCalled();

						});

					});

					describe('submitting state', () => {

						it('disables submit while submitting', async () => {

							const user = userEvent.setup({ pointerEventsCheck: 0 });

							render(

								<InviteMembers

									renderFooter={({ submit, isSubmitting }): JSX.Element => (

										<button data-testid="submit-btn" onClick={submit} disabled={isSubmitting}>

											{isSubmitting ? 'Submitting...' : 'Submit'}

										</button>

									)}

								/>,

							);

							const emailInputs = screen.getAllByPlaceholderText('e.g. john@signoz.io');

							await user.type(emailInputs[0], VALID_EMAIL);

							await user.click(screen.getAllByText('Select role')[0]);

							await user.click(await screen.findByText('Viewer'));

							const submitBtn = screen.getByTestId('submit-btn');

							await user.click(submitBtn);

							await waitFor(() => {

								expect(screen.queryByText('Submitting...')).not.toBeInTheDocument();

							});

						});

					});

					describe('whitespace handling', () => {

						it('trims email whitespace before submission', async () => {

							const user = userEvent.setup({ pointerEventsCheck: 0 });

							const calls: { email: string }[] = [];

							server.use(

								rest.post(CREATE_USER_ENDPOINT, async (req, res, ctx) => {

									const body = await req.json();

									calls.push(body);

									return res(ctx.status(201), ctx.json({ data: { id: 'user-123' } }));

								}),

							);

							render(

								<InviteMembers

									renderFooter={({ submit }): JSX.Element => (

										<button data-testid="submit-btn" onClick={submit}>

											Submit

										</button>

									)}

								/>,

							);

							const emailInputs = screen.getAllByPlaceholderText('e.g. john@signoz.io');

							await user.type(emailInputs[0], '  alice@signoz.io  ');

							await user.click(screen.getAllByText('Select role')[0]);

							await user.click(await screen.findByText('Viewer'));

							await user.click(screen.getByTestId('submit-btn'));

							await waitFor(() => {

								expect(calls).toHaveLength(1);

								expect(calls[0].email).toBe('alice@signoz.io');

							});

						});

					});

				});

									
										95

frontend/src/components/InviteMembers/__tests__/InviteMembers.rendering.test.tsx
									
										Normal file
									
												View File
												
				@@ -0,0 +1,95 @@

				import { server } from 'mocks-server/server';

				import { render, screen } from 'tests/test-utils';

				import InviteMembers from '../InviteMembers';

				import { createRolesHandler, createSuccessHandler } from './testUtils';

				describe('InviteMembers - Rendering', () => {

					beforeEach(() => {

						server.use(createRolesHandler(), createSuccessHandler());

					});

					afterEach(() => {

						server.resetHandlers();

					});

					it('renders default initial row count of 3', () => {

						render(<InviteMembers />);

						const emailInputs = screen.getAllByPlaceholderText('e.g. john@signoz.io');

						expect(emailInputs).toHaveLength(3);

					});

					it('renders custom initial row count', () => {

						render(<InviteMembers initialRowCount={5} />);

						const emailInputs = screen.getAllByPlaceholderText('e.g. john@signoz.io');

						expect(emailInputs).toHaveLength(5);

					});

					it('renders header by default', () => {

						render(<InviteMembers />);

						expect(screen.getByText('Email address')).toBeInTheDocument();

						expect(screen.getByText('Role')).toBeInTheDocument();

					});

					it('hides header when showHeader is false', () => {

						render(<InviteMembers showHeader={false} />);

						expect(screen.queryByText('Email address')).not.toBeInTheDocument();

						expect(screen.queryByText('Role')).not.toBeInTheDocument();

					});

					it('renders add button by default', () => {

						render(<InviteMembers />);

						expect(

							screen.getByRole('button', { name: /add another/i }),

						).toBeInTheDocument();

					});

					it('hides add button when showAddButton is false', () => {

						render(<InviteMembers showAddButton={false} />);

						expect(

							screen.queryByRole('button', { name: /add another/i }),

						).not.toBeInTheDocument();

					});

					it('renders custom email placeholder', () => {

						render(<InviteMembers emailPlaceholder="custom@placeholder.com" />);

						const emailInputs = screen.getAllByPlaceholderText('custom@placeholder.com');

						expect(emailInputs).toHaveLength(3);

					});

					it('applies custom className', () => {

						const { container } = render(<InviteMembers className="custom-class" />);

						expect(container.querySelector('.custom-class')).toBeInTheDocument();

					});

					it('renders footer via renderFooter prop', () => {

						render(

							<InviteMembers

								renderFooter={({ canSubmit }): JSX.Element => (

									<button data-testid="custom-footer" disabled={!canSubmit}>

										Custom Submit

									</button>

								)}

							/>,

						);

						expect(screen.getByTestId('custom-footer')).toBeInTheDocument();

						expect(screen.getByTestId('custom-footer')).toBeDisabled();

					});

					it('renders role select for each row', () => {

						render(<InviteMembers initialRowCount={2} />);

						const roleSelects = screen.getAllByText('Select role');

						expect(roleSelects).toHaveLength(2);

					});

				});

									
										95

frontend/src/components/InviteMembers/__tests__/InviteMembers.rowManagement.test.tsx
									
										Normal file
									
												View File
												
				@@ -0,0 +1,95 @@

				import { server } from 'mocks-server/server';

				import { render, screen, userEvent } from 'tests/test-utils';

				import InviteMembers from '../InviteMembers';

				import { createRolesHandler, createSuccessHandler } from './testUtils';

				describe('InviteMembers - Row Management', () => {

					beforeEach(() => {

						server.use(createRolesHandler(), createSuccessHandler());

					});

					afterEach(() => {

						server.resetHandlers();

					});

					it('adds a row when "Add another" is clicked', async () => {

						const user = userEvent.setup({ pointerEventsCheck: 0 });

						render(<InviteMembers initialRowCount={2} />);

						expect(screen.getAllByPlaceholderText('e.g. john@signoz.io')).toHaveLength(2);

						await user.click(screen.getByRole('button', { name: /add another/i }));

						expect(screen.getAllByPlaceholderText('e.g. john@signoz.io')).toHaveLength(3);

					});

					it('removes a row when trash button is clicked', async () => {

						const user = userEvent.setup({ pointerEventsCheck: 0 });

						render(<InviteMembers initialRowCount={3} />);

						const removeButtons = screen.getAllByRole('button', { name: /remove row/i });

						expect(removeButtons).toHaveLength(3);

						await user.click(removeButtons[0]);

						expect(screen.getAllByPlaceholderText('e.g. john@signoz.io')).toHaveLength(2);

					});

					it('respects minRows constraint when removing rows', async () => {

						const user = userEvent.setup({ pointerEventsCheck: 0 });

						render(<InviteMembers initialRowCount={2} minRows={2} />);

						expect(screen.queryAllByRole('button', { name: /remove row/i })).toHaveLength(

							0,

						);

						await user.click(screen.getByRole('button', { name: /add another/i }));

						const removeButtons = screen.getAllByRole('button', { name: /remove row/i });

						expect(removeButtons).toHaveLength(3);

						await user.click(removeButtons[0]);

						expect(screen.getAllByPlaceholderText('e.g. john@signoz.io')).toHaveLength(2);

						expect(screen.queryAllByRole('button', { name: /remove row/i })).toHaveLength(

							0,

						);

					});

					it('cannot remove rows below minRows=1 default', async () => {

						const user = userEvent.setup({ pointerEventsCheck: 0 });

						render(<InviteMembers initialRowCount={2} />);

						const removeButtons = screen.getAllByRole('button', { name: /remove row/i });

						await user.click(removeButtons[0]);

						expect(screen.getAllByPlaceholderText('e.g. john@signoz.io')).toHaveLength(1);

						expect(screen.queryAllByRole('button', { name: /remove row/i })).toHaveLength(

							0,

						);

					});

					it('preserves data in other rows when removing one', async () => {

						const user = userEvent.setup({ pointerEventsCheck: 0 });

						render(<InviteMembers initialRowCount={3} />);

						const emailInputs = screen.getAllByPlaceholderText('e.g. john@signoz.io');

						await user.type(emailInputs[0], 'first@signoz.io');

						await user.type(emailInputs[2], 'third@signoz.io');

						const removeButtons = screen.getAllByRole('button', { name: /remove row/i });

						await user.click(removeButtons[1]);

						const remainingInputs = screen.getAllByPlaceholderText('e.g. john@signoz.io');

						expect(remainingInputs).toHaveLength(2);

						expect(remainingInputs[0]).toHaveValue('first@signoz.io');

						expect(remainingInputs[1]).toHaveValue('third@signoz.io');

					});

				});

									
										362

frontend/src/components/InviteMembers/__tests__/InviteMembers.submission.test.tsx
									
										Normal file
									
												View File
												
				@@ -0,0 +1,362 @@

				import { rest, server } from 'mocks-server/server';

				import { render, screen, userEvent, waitFor } from 'tests/test-utils';

				import InviteMembers from '../InviteMembers';

				import {

					CREATE_USER_ENDPOINT,

					createErrorHandler,

					createRolesHandler,

					createSuccessHandler,

					createTrackingHandler,

					VALID_EMAIL,

				} from './testUtils';

				describe('InviteMembers - Submission', () => {

					beforeEach(() => {

						server.use(createRolesHandler(), createSuccessHandler());

					});

					afterEach(() => {

						server.resetHandlers();

					});

					describe('API calls', () => {

						it('calls createUser API for each touched row', async () => {

							const user = userEvent.setup({ pointerEventsCheck: 0 });

							const { handler, calls } = createTrackingHandler();

							server.use(handler);

							render(

								<InviteMembers

									initialRowCount={3}

									renderFooter={({ submit }): JSX.Element => (

										<button data-testid="submit-btn" onClick={submit}>

											Submit

										</button>

									)}

								/>,

							);

							const emailInputs = screen.getAllByPlaceholderText('e.g. john@signoz.io');

							await user.type(emailInputs[0], 'alice@signoz.io');

							await user.click(screen.getAllByText('Select role')[0]);

							await user.click(await screen.findByText('Viewer'));

							await user.click(screen.getByTestId('submit-btn'));

							await waitFor(() => {

								expect(calls).toHaveLength(1);

								expect(calls[0]).toMatchObject({

									email: 'alice@signoz.io',

									userRoles: [{ id: 'role-viewer' }],

								});

							});

						});

						it('calls createUser API for multiple touched rows', async () => {

							const user = userEvent.setup({ pointerEventsCheck: 0 });

							const { handler, calls } = createTrackingHandler();

							server.use(handler);

							render(

								<InviteMembers

									initialRowCount={3}

									renderFooter={({ submit }): JSX.Element => (

										<button data-testid="submit-btn" onClick={submit}>

											Submit

										</button>

									)}

								/>,

							);

							const emailInputs = screen.getAllByPlaceholderText('e.g. john@signoz.io');

							await user.type(emailInputs[0], 'alice@signoz.io');

							await user.click(screen.getAllByText('Select role')[0]);

							await user.click(await screen.findByText('Viewer'));

							await user.type(emailInputs[1], 'bob@signoz.io');

							await user.click(screen.getAllByText('Select role')[0]);

							const editorOptions = await screen.findAllByText('Editor');

							await user.click(editorOptions[editorOptions.length - 1]);

							await user.type(emailInputs[2], 'charlie@signoz.io');

							await user.click(screen.getAllByText('Select role')[0]);

							const adminOptions = await screen.findAllByText('Admin');

							await user.click(adminOptions[adminOptions.length - 1]);

							await user.click(screen.getByTestId('submit-btn'));

							await waitFor(() => {

								expect(calls).toHaveLength(3);

							});

							expect(calls[0]).toMatchObject({

								email: 'alice@signoz.io',

								userRoles: [{ id: 'role-viewer' }],

							});

							expect(calls[1]).toMatchObject({

								email: 'bob@signoz.io',

								userRoles: [{ id: 'role-editor' }],

							});

							expect(calls[2]).toMatchObject({

								email: 'charlie@signoz.io',

								userRoles: [{ id: 'role-admin' }],

							});

						});

					});

					describe('callbacks', () => {

						it('calls onSuccess when all invites succeed', async () => {

							const user = userEvent.setup({ pointerEventsCheck: 0 });

							const onSuccess = jest.fn();

							render(

								<InviteMembers

									onSuccess={onSuccess}

									renderFooter={({ submit }): JSX.Element => (

										<button data-testid="submit-btn" onClick={submit}>

											Submit

										</button>

									)}

								/>,

							);

							const emailInputs = screen.getAllByPlaceholderText('e.g. john@signoz.io');

							await user.type(emailInputs[0], VALID_EMAIL);

							await user.click(screen.getAllByText('Select role')[0]);

							await user.click(await screen.findByText('Viewer'));

							await user.click(screen.getByTestId('submit-btn'));

							await waitFor(() => {

								expect(onSuccess).toHaveBeenCalled();

							});

						});

						it('calls onAllFailed when all invites fail', async () => {

							const user = userEvent.setup({ pointerEventsCheck: 0 });

							const onAllFailed = jest.fn();

							server.use(createErrorHandler('already_exists', 'User already exists'));

							render(

								<InviteMembers

									onAllFailed={onAllFailed}

									renderFooter={({ submit }): JSX.Element => (

										<button data-testid="submit-btn" onClick={submit}>

											Submit

										</button>

									)}

								/>,

							);

							const emailInputs = screen.getAllByPlaceholderText('e.g. john@signoz.io');

							await user.type(emailInputs[0], VALID_EMAIL);

							await user.click(screen.getAllByText('Select role')[0]);

							await user.click(await screen.findByText('Viewer'));

							await user.click(screen.getByTestId('submit-btn'));

							await waitFor(() => {

								expect(onAllFailed).toHaveBeenCalledWith(

									expect.arrayContaining([

										expect.objectContaining({

											email: VALID_EMAIL,

											success: false,

										}),

									]),

								);

							});

						});

						it('calls onPartialSuccess when some invites succeed and some fail', async () => {

							const user = userEvent.setup({ pointerEventsCheck: 0 });

							const onPartialSuccess = jest.fn();

							const onSuccess = jest.fn();

							const onAllFailed = jest.fn();

							const apiCalls: string[] = [];

							let callCount = 0;

							server.use(

								createRolesHandler(),

								rest.post(CREATE_USER_ENDPOINT, async (req, res, ctx) => {

									const body = await req.json();

									apiCalls.push(body.email);

									callCount++;

									if (callCount === 1) {

										return res(ctx.status(201), ctx.json({ data: { id: 'user-123' } }));

									}

									return res(

										ctx.status(409),

										ctx.json({

											error: {

												code: 'already_exists',

												message: 'User already exists',

											},

										}),

									);

								}),

							);

							render(

								<InviteMembers

									initialRowCount={2}

									onSuccess={onSuccess}

									onPartialSuccess={onPartialSuccess}

									onAllFailed={onAllFailed}

									renderFooter={({ submit }): JSX.Element => (

										<button data-testid="submit-btn" onClick={submit}>

											Submit

										</button>

									)}

								/>,

							);

							const emailInputs = screen.getAllByPlaceholderText('e.g. john@signoz.io');

							await user.type(emailInputs[0], 'alice@signoz.io');

							await user.click(screen.getAllByText('Select role')[0]);

							await user.click(await screen.findByText('Viewer'));

							await user.type(emailInputs[1], 'bob@signoz.io');

							await user.click(screen.getAllByText('Select role')[0]);

							const editorOptions = await screen.findAllByText('Editor');

							await user.click(editorOptions[editorOptions.length - 1]);

							await user.click(screen.getByTestId('submit-btn'));

							await waitFor(() => {

								expect(apiCalls).toHaveLength(2);

							});

							expect(apiCalls).toStrictEqual(['alice@signoz.io', 'bob@signoz.io']);

							expect(onSuccess).not.toHaveBeenCalled();

							expect(onAllFailed).not.toHaveBeenCalled();

							expect(onPartialSuccess).toHaveBeenCalledWith(

								expect.arrayContaining([

									expect.objectContaining({ email: 'alice@signoz.io', success: true }),

									expect.objectContaining({

										email: 'bob@signoz.io',

										success: false,

										error: 'User already exists',

									}),

								]),

							);

							await expect(

								screen.findByTestId('invite-api-error'),

							).resolves.toBeInTheDocument();

							expect(

								screen.getByText('1 invite(s) sent successfully.'),

							).toBeInTheDocument();

							expect(screen.getByText('1 invite(s) failed:')).toBeInTheDocument();

							expect(

								screen.getByText('bob@signoz.io: User already exists'),

							).toBeInTheDocument();

						});

					});

					describe('result display', () => {

						it('shows success callout when all invites succeed', async () => {

							const user = userEvent.setup({ pointerEventsCheck: 0 });

							render(

								<InviteMembers

									renderFooter={({ submit }): JSX.Element => (

										<button data-testid="submit-btn" onClick={submit}>

											Submit

										</button>

									)}

								/>,

							);

							const emailInputs = screen.getAllByPlaceholderText('e.g. john@signoz.io');

							await user.type(emailInputs[0], VALID_EMAIL);

							await user.click(screen.getAllByText('Select role')[0]);

							await user.click(await screen.findByText('Viewer'));

							await user.click(screen.getByTestId('submit-btn'));

							await expect(

								screen.findByTestId('invite-success'),

							).resolves.toBeInTheDocument();

						});

						it('shows error callout with failed emails when API fails', async () => {

							const user = userEvent.setup({ pointerEventsCheck: 0 });

							server.use(createErrorHandler('already_exists', 'User already exists'));

							render(

								<InviteMembers

									renderFooter={({ submit }): JSX.Element => (

										<button data-testid="submit-btn" onClick={submit}>

											Submit

										</button>

									)}

								/>,

							);

							const emailInputs = screen.getAllByPlaceholderText('e.g. john@signoz.io');

							await user.type(emailInputs[0], VALID_EMAIL);

							await user.click(screen.getAllByText('Select role')[0]);

							await user.click(await screen.findByText('Viewer'));

							await user.click(screen.getByTestId('submit-btn'));

							await expect(

								screen.findByTestId('invite-api-error'),

							).resolves.toBeInTheDocument();

							expect(screen.getByText(/1 invite\(s\) failed/)).toBeInTheDocument();

						});

					});

					describe('footer props', () => {

						it('provides correct canSubmit state', async () => {

							const user = userEvent.setup({ pointerEventsCheck: 0 });

							render(

								<InviteMembers

									renderFooter={({ canSubmit }): JSX.Element => (

										<button data-testid="submit-btn" disabled={!canSubmit}>

											Submit

										</button>

									)}

								/>,

							);

							expect(screen.getByTestId('submit-btn')).toBeDisabled();

							const emailInputs = screen.getAllByPlaceholderText('e.g. john@signoz.io');

							await user.type(emailInputs[0], VALID_EMAIL);

							expect(screen.getByTestId('submit-btn')).not.toBeDisabled();

						});

						it('provides touchedCount', async () => {

							const user = userEvent.setup({ pointerEventsCheck: 0 });

							render(

								<InviteMembers

									initialRowCount={3}

									renderFooter={({ touchedCount }): JSX.Element => (

										<span data-testid="touched-count">{touchedCount}</span>

									)}

								/>,

							);

							expect(screen.getByTestId('touched-count')).toHaveTextContent('0');

							const emailInputs = screen.getAllByPlaceholderText('e.g. john@signoz.io');

							await user.type(emailInputs[0], 'a@b.com');

							expect(screen.getByTestId('touched-count')).toHaveTextContent('1');

							await user.type(emailInputs[1], 'c@d.com');

							expect(screen.getByTestId('touched-count')).toHaveTextContent('2');

						});

					});

				});

									
										217

frontend/src/components/InviteMembers/__tests__/InviteMembers.validation.test.tsx
									
										Normal file
									
												View File
												
				@@ -0,0 +1,217 @@

				import { server } from 'mocks-server/server';

				import { render, screen, userEvent, waitFor } from 'tests/test-utils';

				import InviteMembers from '../InviteMembers';

				import {

					createRolesHandler,

					createSuccessHandler,

					INVALID_EMAIL,

					VALID_EMAIL,

				} from './testUtils';

				describe('InviteMembers - Validation', () => {

					beforeEach(() => {

						server.use(createRolesHandler(), createSuccessHandler());

					});

					afterEach(() => {

						server.resetHandlers();

					});

					describe('email validation', () => {

						it('shows email validation error when email is invalid and role is selected', async () => {

							const user = userEvent.setup({ pointerEventsCheck: 0 });

							render(

								<InviteMembers

									renderFooter={({ submit }): JSX.Element => (

										<button data-testid="submit-btn" onClick={submit}>

											Submit

										</button>

									)}

								/>,

							);

							const emailInputs = screen.getAllByPlaceholderText('e.g. john@signoz.io');

							await user.type(emailInputs[0], INVALID_EMAIL);

							await user.click(screen.getAllByText('Select role')[0]);

							await user.click(await screen.findByText('Viewer'));

							await user.click(screen.getByTestId('submit-btn'));

							await expect(

								screen.findByText('Please enter valid emails for team members'),

							).resolves.toBeInTheDocument();

						});

						it('shows inline error for invalid email field', async () => {

							const user = userEvent.setup({ pointerEventsCheck: 0 });

							render(

								<InviteMembers

									renderFooter={({ submit }): JSX.Element => (

										<button data-testid="submit-btn" onClick={submit}>

											Submit

										</button>

									)}

								/>,

							);

							const emailInputs = screen.getAllByPlaceholderText('e.g. john@signoz.io');

							await user.type(emailInputs[0], INVALID_EMAIL);

							await user.click(screen.getAllByText('Select role')[0]);

							await user.click(await screen.findByText('Viewer'));

							await user.click(screen.getByTestId('submit-btn'));

							await expect(

								screen.findByText('Invalid email address'),

							).resolves.toBeInTheDocument();

						});

						it('clears validation error when email is corrected', async () => {

							const user = userEvent.setup({ pointerEventsCheck: 0 });

							render(

								<InviteMembers

									renderFooter={({ submit }): JSX.Element => (

										<button data-testid="submit-btn" onClick={submit}>

											Submit

										</button>

									)}

								/>,

							);

							const emailInputs = screen.getAllByPlaceholderText('e.g. john@signoz.io');

							await user.type(emailInputs[0], INVALID_EMAIL);

							await user.click(screen.getAllByText('Select role')[0]);

							await user.click(await screen.findByText('Viewer'));

							await user.click(screen.getByTestId('submit-btn'));

							await expect(

								screen.findByText('Please enter valid emails for team members'),

							).resolves.toBeInTheDocument();

							await user.clear(emailInputs[0]);

							await user.type(emailInputs[0], VALID_EMAIL);

							await waitFor(() => {

								expect(

									screen.queryByText('Please enter valid emails for team members'),

								).not.toBeInTheDocument();

							});

						});

					});

					describe('role validation', () => {

						it('shows role validation error when role is missing', async () => {

							const user = userEvent.setup({ pointerEventsCheck: 0 });

							render(

								<InviteMembers

									renderFooter={({ submit }): JSX.Element => (

										<button data-testid="submit-btn" onClick={submit}>

											Submit

										</button>

									)}

								/>,

							);

							const emailInputs = screen.getAllByPlaceholderText('e.g. john@signoz.io');

							await user.type(emailInputs[0], VALID_EMAIL);

							await user.click(screen.getByTestId('submit-btn'));

							await expect(

								screen.findByText('Please select roles for team members'),

							).resolves.toBeInTheDocument();

						});

						it('clears role validation error when role is selected', async () => {

							const user = userEvent.setup({ pointerEventsCheck: 0 });

							render(

								<InviteMembers

									renderFooter={({ submit }): JSX.Element => (

										<button data-testid="submit-btn" onClick={submit}>

											Submit

										</button>

									)}

								/>,

							);

							const emailInputs = screen.getAllByPlaceholderText('e.g. john@signoz.io');

							await user.type(emailInputs[0], VALID_EMAIL);

							await user.click(screen.getByTestId('submit-btn'));

							await expect(

								screen.findByText('Please select roles for team members'),

							).resolves.toBeInTheDocument();

							await user.click(screen.getAllByText('Select role')[0]);

							await user.click(await screen.findByText('Viewer'));

							await waitFor(() => {

								expect(

									screen.queryByText('Please select roles for team members'),

								).not.toBeInTheDocument();

							});

						});

					});

					describe('combined validation', () => {

						it('shows combined error when both email and role are invalid', async () => {

							const user = userEvent.setup({ pointerEventsCheck: 0 });

							render(

								<InviteMembers

									renderFooter={({ submit }): JSX.Element => (

										<button data-testid="submit-btn" onClick={submit}>

											Submit

										</button>

									)}

								/>,

							);

							const emailInputs = screen.getAllByPlaceholderText('e.g. john@signoz.io');

							await user.type(emailInputs[0], INVALID_EMAIL);

							await user.click(screen.getByTestId('submit-btn'));

							await expect(

								screen.findByText(

									'Please enter valid emails and select roles for team members',

								),

							).resolves.toBeInTheDocument();

						});

					});

					describe('touched rows', () => {

						it('only validates touched rows (rows with email or role)', async () => {

							const user = userEvent.setup({ pointerEventsCheck: 0 });

							render(

								<InviteMembers

									initialRowCount={3}

									renderFooter={({ submit }): JSX.Element => (

										<button data-testid="submit-btn" onClick={submit}>

											Submit

										</button>

									)}

								/>,

							);

							const emailInputs = screen.getAllByPlaceholderText('e.g. john@signoz.io');

							await user.type(emailInputs[0], VALID_EMAIL);

							await user.click(screen.getAllByText('Select role')[0]);

							await user.click(await screen.findByText('Viewer'));

							await user.click(screen.getByTestId('submit-btn'));

							expect(

								screen.queryByTestId('invite-validation-error'),

							).not.toBeInTheDocument();

						});

					});

				});

									
										54

frontend/src/components/InviteMembers/__tests__/testUtils.ts
									
										Normal file
									
												View File
												
				@@ -0,0 +1,54 @@

				import { RestHandler } from 'msw';

				import { rest } from 'mocks-server/server';

				export const CREATE_USER_ENDPOINT = '*/api/v2/users';

				export const LIST_ROLES_ENDPOINT = '*/api/v1/roles';

				export const MOCK_ROLES = [

					{ id: 'role-admin', name: 'Admin', description: 'Admin role' },

					{ id: 'role-editor', name: 'Editor', description: 'Editor role' },

					{ id: 'role-viewer', name: 'Viewer', description: 'Viewer role' },

				];

				export const VALID_EMAIL = 'alice@signoz.io';

				export const INVALID_EMAIL = 'not-an-email';

				export function createSuccessHandler(): RestHandler {

					return rest.post(CREATE_USER_ENDPOINT, (_, res, ctx) =>

						res(ctx.status(201), ctx.json({ data: { id: 'user-123' } })),

					);

				}

				export function createErrorHandler(

					code: string,

					message: string,

					status = 409,

				): RestHandler {

					return rest.post(CREATE_USER_ENDPOINT, (_, res, ctx) =>

						res(

							ctx.status(status),

							ctx.json({

								errors: [{ code, msg: message }],

							}),

						),

					);

				}

				export function createRolesHandler(): RestHandler {

					return rest.get(LIST_ROLES_ENDPOINT, (_, res, ctx) =>

						res(ctx.status(200), ctx.json({ data: MOCK_ROLES })),

					);

				}

				export function createTrackingHandler(): {

					handler: RestHandler;

					calls: unknown[];

				} {

					const calls: unknown[] = [];

					const handler = rest.post(CREATE_USER_ENDPOINT, async (req, res, ctx) => {

						const body = await req.json();

						calls.push(body);

						return res(ctx.status(201), ctx.json({ data: { id: 'user-123' } }));

					});

					return { handler, calls };

				}

									
										64

frontend/src/components/InviteMembers/types.ts
									
										Normal file
									
												View File
												
				@@ -0,0 +1,64 @@

				import { ReactNode } from 'react';

				export interface InviteMemberRow {

					id: string;

					email: string;

					roleId: string;

				}

				export interface InviteResult {

					email: string;

					success: boolean;

					error?: string;

				}

				export interface FooterRenderProps {

					submit: () => Promise<InviteResult[]>;

					reset: () => void;

					canSubmit: boolean;

					isSubmitting: boolean;

					touchedCount: number;

				}

				export interface UseInviteMembersOptions {

					initialRowCount?: number;

					onSuccess?: () => void;

					onPartialSuccess?: (results: InviteResult[]) => void;

					onAllFailed?: (results: InviteResult[]) => void;

				}

				export interface UseInviteMembersReturn {

					rows: InviteMemberRow[];

					emailValidity: Record<string, boolean>;

					hasInvalidEmails: boolean;

					hasInvalidRoles: boolean;

					isSubmitting: boolean;

					inviteResults: InviteResult[] | null;

					addRow: () => void;

					removeRow: (id: string) => void;

					updateEmail: (id: string, email: string) => void;

					updateRole: (id: string, roleId: string | undefined) => void;

					reset: () => void;

					submit: () => Promise<InviteResult[]>;

					touchedRows: InviteMemberRow[];

					failedResults: InviteResult[];

					successResults: InviteResult[];

					canSubmit: boolean;

				}

				export interface InviteMembersProps {

					className?: string;

					initialRowCount?: number;

					minRows?: number;

					emailPlaceholder?: string;

					showHeader?: boolean;

					showAddButton?: boolean;

					onSuccess?: () => void;

					onPartialSuccess?: (results: InviteResult[]) => void;

					onAllFailed?: (results: InviteResult[]) => void;

					renderFooter?: (props: FooterRenderProps) => ReactNode;

				}

									
										245

frontend/src/components/InviteMembers/useInviteMembers.ts
									
										Normal file
									
												View File
												
				@@ -0,0 +1,245 @@

				import { useCallback, useMemo, useState } from 'react';

				import { AxiosError } from 'axios';

				import { convertToApiError } from 'api/ErrorResponseHandlerForGeneratedAPIs';

				import { RenderErrorResponseDTO } from 'api/generated/services/sigNoz.schemas';

				import { createUser } from 'api/generated/services/users';

				import { cloneDeep, debounce } from 'lodash-es';

				import { EMAIL_REGEX } from 'utils/app';

				import { getBaseUrl } from 'utils/basePath';

				import { v4 as uuid } from 'uuid';

				import {

					InviteMemberRow,

					InviteResult,

					UseInviteMembersOptions,

					UseInviteMembersReturn,

				} from './types';

				const createEmptyRow = (): InviteMemberRow => ({

					id: uuid(),

					email: '',

					roleId: '',

				});

				const isRowTouched = (row: InviteMemberRow): boolean =>

					row.email.trim() !== '' || row.roleId !== '';

				export function useInviteMembers(

					options: UseInviteMembersOptions = {},

				): UseInviteMembersReturn {

					const {

						initialRowCount = 3,

						onSuccess,

						onPartialSuccess,

						onAllFailed,

					} = options;

					const [rows, setRows] = useState<InviteMemberRow[]>(() =>

						Array.from({ length: initialRowCount }, () => createEmptyRow()),

					);

					const [emailValidity, setEmailValidity] = useState<Record<string, boolean>>(

						{},

					);

					const [hasInvalidEmails, setHasInvalidEmails] = useState(false);

					const [hasInvalidRoles, setHasInvalidRoles] = useState(false);

					const [isSubmitting, setIsSubmitting] = useState(false);

					const [inviteResults, setInviteResults] = useState<InviteResult[] | null>(

						null,

					);

					const touchedRows = useMemo(() => rows.filter(isRowTouched), [rows]);

					const failedResults = useMemo(

						() => inviteResults?.filter((r) => !r.success) ?? [],

						[inviteResults],

					);

					const successResults = useMemo(

						() => inviteResults?.filter((r) => r.success) ?? [],

						[inviteResults],

					);

					const debouncedValidateEmail = useMemo(

						() =>

							debounce((email: string, rowId: string) => {

								const isValid = EMAIL_REGEX.test(email);

								setEmailValidity((prev) => ({ ...prev, [rowId]: isValid }));

							}, 500),

						[],

					);

					const validateAllRows = useCallback((): boolean => {

						let isValid = true;

						let hasEmailErrors = false;

						let hasRoleErrors = false;

						const updatedEmailValidity: Record<string, boolean> = {};

						const touched = rows.filter(isRowTouched);

						touched.forEach((row) => {

							const emailValid = EMAIL_REGEX.test(row.email);

							const roleValid = row.roleId !== '';

							if (!emailValid || !row.email) {

								isValid = false;

								hasEmailErrors = true;

							}

							if (!roleValid) {

								isValid = false;

								hasRoleErrors = true;

							}

							updatedEmailValidity[row.id] = emailValid;

						});

						setEmailValidity(updatedEmailValidity);

						setHasInvalidEmails(hasEmailErrors);

						setHasInvalidRoles(hasRoleErrors);

						return isValid;

					}, [rows]);

					const addRow = useCallback((): void => {

						setRows((prev) => [...prev, createEmptyRow()]);

					}, []);

					const removeRow = useCallback((id: string): void => {

						setRows((prev) => prev.filter((r) => r.id !== id));

						setEmailValidity((prev) => {

							const updated = { ...prev };

							delete updated[id];

							return updated;

						});

					}, []);

					const updateEmail = useCallback(

						(id: string, email: string): void => {

							setRows((prev) => {

								const updated = cloneDeep(prev);

								const row = updated.find((r) => r.id === id);

								if (row) {

									row.email = email;

								}

								return updated;

							});

							if (hasInvalidEmails) {

								setHasInvalidEmails(false);

							}

							if (emailValidity[id] === false) {

								setEmailValidity((prev) => ({ ...prev, [id]: true }));

							}

							if (inviteResults) {

								setInviteResults(null);

							}

							debouncedValidateEmail(email, id);

						},

						[hasInvalidEmails, emailValidity, inviteResults, debouncedValidateEmail],

					);

					const updateRole = useCallback(

						(id: string, roleId: string | undefined): void => {

							setRows((prev) => {

								const updated = cloneDeep(prev);

								const row = updated.find((r) => r.id === id);

								if (row) {

									row.roleId = roleId ?? '';

								}

								return updated;

							});

							if (hasInvalidRoles) {

								setHasInvalidRoles(false);

							}

							if (inviteResults) {

								setInviteResults(null);

							}

						},

						[hasInvalidRoles, inviteResults],

					);

					const reset = useCallback((): void => {

						setRows(Array.from({ length: initialRowCount }, () => createEmptyRow()));

						setEmailValidity({});

						setHasInvalidEmails(false);

						setHasInvalidRoles(false);

						setInviteResults(null);

					}, [initialRowCount]);

					const submit = useCallback(async (): Promise<InviteResult[]> => {

						if (!validateAllRows()) {

							return [];

						}

						const touched = rows.filter(isRowTouched);

						if (touched.length === 0) {

							return [];

						}

						setIsSubmitting(true);

						setInviteResults(null);

						const results: InviteResult[] = [];

						for (const row of touched) {

							try {

								await createUser({

									email: row.email.trim(),

									frontendBaseUrl: getBaseUrl(),

									userRoles: [{ id: row.roleId }],

								});

								results.push({ email: row.email, success: true });

							} catch (err) {

								const apiErr = convertToApiError(err as AxiosError<RenderErrorResponseDTO>);

								results.push({

									email: row.email,

									success: false,

									error: apiErr?.getErrorMessage() ?? 'Unknown error',

								});

							}

						}

						setInviteResults(results);

						setIsSubmitting(false);

						const failures = results.filter((r) => !r.success);

						const successes = results.filter((r) => r.success);

						if (failures.length === 0) {

							onSuccess?.();

						} else if (successes.length > 0) {

							onPartialSuccess?.(results);

						} else {

							onAllFailed?.(results);

						}

						return results;

					}, [validateAllRows, rows, onSuccess, onPartialSuccess, onAllFailed]);

					const canSubmit = useMemo(

						() => !isSubmitting && touchedRows.length > 0,

						[isSubmitting, touchedRows.length],

					);

					return {

						rows,

						emailValidity,

						hasInvalidEmails,

						hasInvalidRoles,

						isSubmitting,

						inviteResults,

						addRow,

						removeRow,

						updateEmail,

						updateRole,

						reset,

						submit,

						touchedRows,

						failedResults,

						successResults,

						canSubmit,

					};

				}

									
										6

frontend/src/components/MessagingQueueHealthCheck/AttributeCheckList.tsx
									
												View File
												
				@@ -62,13 +62,13 @@ function ErrorTitleAndKey({

						switch (parentTitle) {

							case 'Consumers':

								link = `${ROUTES.GET_STARTED_APPLICATION_MONITORING}?${QueryParams.getStartedSource}=kafka&${QueryParams.getStartedSourceService}=${MessagingQueueHealthCheckService.Consumers}`;

								link = `${ROUTES.GET_STARTED_WITH_CLOUD}?${QueryParams.getStartedSource}=self-hosted-kafka&${QueryParams.getStartedSourceService}=${MessagingQueueHealthCheckService.Consumers}`;

								break;

							case 'Producers':

								link = `${ROUTES.GET_STARTED_APPLICATION_MONITORING}?${QueryParams.getStartedSource}=kafka&${QueryParams.getStartedSourceService}=${MessagingQueueHealthCheckService.Producers}`;

								link = `${ROUTES.GET_STARTED_WITH_CLOUD}?${QueryParams.getStartedSource}=self-hosted-kafka&${QueryParams.getStartedSourceService}=${MessagingQueueHealthCheckService.Producers}`;

								break;

							case 'Kafka':

								link = `${ROUTES.GET_STARTED_INFRASTRUCTURE_MONITORING}?${QueryParams.getStartedSource}=kafka&${QueryParams.getStartedSourceService}=${MessagingQueueHealthCheckService.Kafka}`;

								link = `${ROUTES.GET_STARTED_WITH_CLOUD}?${QueryParams.getStartedSource}=self-hosted-kafka&${QueryParams.getStartedSourceService}=${MessagingQueueHealthCheckService.Kafka}`;

								break;

							default:

								link = '';

									
										8

frontend/src/components/PermissionDeniedFullPage/PermissionDeniedFullPage.test.tsx
									
												View File
												
				@@ -5,13 +5,9 @@ describe('PermissionDeniedFullPage', () => {

					it('renders the title and subtitle with the permissionName interpolated', () => {

						render(<PermissionDeniedFullPage permissionName="serviceaccount:list" />);

						expect(

							screen.getByText("Uh-oh! You don't have permission to view this page."),

						).toBeInTheDocument();

						expect(screen.getByText('Uh-oh! You are not authorized')).toBeInTheDocument();

						expect(screen.getByText(/serviceaccount:list/)).toBeInTheDocument();

						expect(

							screen.getByText(/Please ask your SigNoz administrator to grant access/),

						).toBeInTheDocument();

						expect(screen.getByText(/is not authorized to perform/)).toBeInTheDocument();

					});

					it('renders with a different permissionName', () => {

									
										11

frontend/src/components/PermissionDeniedFullPage/PermissionDeniedFullPage.tsx
									
												View File
												
				@@ -2,6 +2,7 @@ import { CircleSlash2 } from '@signozhq/icons';

				import styles from './PermissionDeniedFullPage.module.scss';

				import { Style } from '@signozhq/design-tokens';

				import { useAppContext } from 'providers/App/App';

				interface PermissionDeniedFullPageProps {

					permissionName: string;

				@@ -10,18 +11,18 @@ interface PermissionDeniedFullPageProps {

				function PermissionDeniedFullPage({

					permissionName,

				}: PermissionDeniedFullPageProps): JSX.Element {

					const { user } = useAppContext();

					return (

						<div className={styles.container}>

							<div className={styles.content}>

								<span className={styles.icon}>

									<CircleSlash2 color={Style.CALLOUT_WARNING_TITLE} size={14} />

								</span>

								<p className={styles.title}>

									Uh-oh! You don&apos;t have permission to view this page.

								</p>

								<p className={styles.title}>Uh-oh! You are not authorized</p>

								<p className={styles.subtitle}>

									You need <code className={styles.permission}>{permissionName}</code> to

									view this page. Please ask your SigNoz administrator to grant access.

									<code className={styles.permission}>user/{user.id}</code> is not authorized

									to perform <code className={styles.permission}>{permissionName}</code>

								</p>

							</div>

						</div>

									
										34

frontend/src/components/ServiceAccountDrawer/OverviewTab.tsx
									
												View File
												
				@@ -1,7 +1,9 @@

				import { useCallback } from 'react';

				import { LockKeyhole } from '@signozhq/icons';

				import { useCallback, useEffect, useState } from 'react';

				import { Check, Copy, LockKeyhole } from '@signozhq/icons';

				import { Badge } from '@signozhq/ui/badge';

				import { Button } from '@signozhq/ui/button';

				import { Input } from '@signozhq/ui/input';

				import { useCopyToClipboard } from 'react-use';

				import type { AuthtypesRoleDTO } from 'api/generated/services/sigNoz.schemas';

				import AuthZTooltip from 'components/AuthZTooltip/AuthZTooltip';

				import RolesSelect from 'components/RolesSelect';

				@@ -46,6 +48,23 @@ function OverviewTab({

					saveErrors = [],

				}: OverviewTabProps): JSX.Element {

					const { formatTimezoneAdjustedTimestamp } = useTimezone();

					const [, copyToClipboard] = useCopyToClipboard();

					const [hasCopiedId, setHasCopiedId] = useState(false);

					const handleCopyId = useCallback((): void => {

						if (account.id) {

							copyToClipboard(account.id);

							setHasCopiedId(true);

						}

					}, [account.id, copyToClipboard]);

					useEffect(() => {

						if (hasCopiedId) {

							const timer = setTimeout(() => setHasCopiedId(false), 2000);

							return (): void => clearTimeout(timer);

						}

						return undefined;

					}, [hasCopiedId]);

					const formatTimestamp = useCallback(

						(ts: string | null | undefined): string => {

				@@ -93,6 +112,17 @@ function OverviewTab({

								</label>

								<div className="sa-drawer__input-wrapper sa-drawer__input-wrapper--disabled">

									<span className="sa-drawer__input-text">{account.id || '—'}</span>

									{account.id && (

										<Button

											variant="link"

											color="secondary"

											onClick={handleCopyId}

											className="sa-drawer__copy-btn"

											data-testid="copy-id-btn"

										>

											{hasCopiedId ? <Check size={14} /> : <Copy size={14} />}

										</Button>

									)}

									<LockKeyhole size={14} className="sa-drawer__lock-icon" />

								</div>

							</div>

									
										13

frontend/src/components/ServiceAccountDrawer/ServiceAccountDrawer.styles.scss
									
												View File
												
				@@ -203,6 +203,19 @@

						opacity: 0.6;

					}

					&__copy-btn {

						flex-shrink: 0;

						padding: 0;

						height: auto;

						min-height: auto;

						color: var(--foreground);

						opacity: 0.6;

						&:hover {

							opacity: 1;

						}

					}

					&__disabled-roles {

						display: flex;

						flex-wrap: wrap;

									
										48

frontend/src/components/ServiceAccountDrawer/ServiceAccountDrawer.tsx
									
												View File
												
				@@ -16,7 +16,6 @@ import {

				import type { RenderErrorResponseDTO } from 'api/generated/services/sigNoz.schemas';

				import { AxiosError } from 'axios';

				import ErrorInPlace from 'components/ErrorInPlace/ErrorInPlace';

				import { GuardAuthZ } from 'components/GuardAuthZ/GuardAuthZ';

				import PermissionDeniedCallout from 'components/PermissionDeniedCallout/PermissionDeniedCallout';

				import { useRoles } from 'components/RolesSelect';

				import { SA_QUERY_PARAMS } from 'container/ServiceAccountsSettings/constants';

				@@ -477,15 +476,9 @@ function ServiceAccountDrawer({

									!isAccountLoading &&

									!isAccountError &&

									selectedAccountId && (

										<GuardAuthZ

											relation="read"

											object={`serviceaccount:${selectedAccountId}`}

											fallbackOnNoPermissions={(): JSX.Element => (

												<PermissionDeniedCallout permissionName="serviceaccount:read" />

											)}

										>

											<>

												{activeTab === ServiceAccountDrawerTab.Overview && account && (

										<>

											{activeTab === ServiceAccountDrawerTab.Overview &&

												(canRead && account ? (

													<OverviewTab

														account={account}

														localName={localName}

				@@ -504,23 +497,24 @@ function ServiceAccountDrawer({

														onRefetchRoles={refetchRoles}

														saveErrors={saveErrors}

													/>

												)}

												{activeTab === ServiceAccountDrawerTab.Keys &&

													(canListKeys ? (

														<KeysTab

															keys={keys}

															isLoading={keysLoading}

															isDisabled={isDeleted}

															canUpdate={canUpdate}

															accountId={selectedAccountId}

															currentPage={keysPage}

															pageSize={PAGE_SIZE}

														/>

													) : (

														<PermissionDeniedCallout permissionName="factor-api-key:list" />

													))}

											</>

										</GuardAuthZ>

												) : (

													<PermissionDeniedCallout permissionName="serviceaccount:read" />

												))}

											{activeTab === ServiceAccountDrawerTab.Keys &&

												(canListKeys ? (

													<KeysTab

														keys={keys}

														isLoading={keysLoading}

														isDisabled={isDeleted}

														canUpdate={canUpdate}

														accountId={selectedAccountId}

														currentPage={keysPage}

														pageSize={PAGE_SIZE}

													/>

												) : (

													<PermissionDeniedCallout permissionName="factor-api-key:list" />

												))}

										</>

									)}

							</div>

						</div>

									
										106

frontend/src/components/SpanHoverCard/SpanHoverCard.styles.scss
									
												View File
											
				@@ -1,106 +0,0 @@

				.span-hover-card {

					.ant-popover-inner {

						background: linear-gradient(

							139deg,

							color-mix(in srgb, var(--card) 32%, transparent) 0%,

							color-mix(in srgb, var(--card) 36%, transparent) 98.68%

						);

						padding: 12px 16px;

						border: 1px solid var(--l1-border);

						&::before {

							content: '';

							position: absolute;

							top: 0;

							left: 0;

							right: 0;

							bottom: 0;

							background: linear-gradient(

								139deg,

								color-mix(in srgb, var(--card) 32%, transparent) 0%,

								color-mix(in srgb, var(--card) 36%, transparent) 98.68%

							);

							backdrop-filter: blur(20px);

							border-radius: 4px;

							z-index: -1;

							will-change: background-color, backdrop-filter;

						}

					}

					&__title {

						display: flex;

						flex-direction: column;

						gap: 0.25rem;

						margin-bottom: 0.5rem;

					}

					&__operation {

						color: var(--l1-foreground);

						font-size: 12px;

						font-weight: 500;

						line-height: 20px;

						letter-spacing: 0.48px;

					}

					&__service {

						font-size: 0.875rem;

						color: var(--muted-foreground);

						font-weight: 400;

					}

					&__error {

						font-size: 0.75rem;

						color: var(--danger-background);

						font-weight: 500;

					}

					&__row {

						display: flex;

						justify-content: space-between;

						align-items: center;

						margin-top: 8px;

						gap: 16px;

					}

					&__label {

						color: var(--muted-foreground);

						font-size: 12px;

						font-weight: 500;

						line-height: 20px;

					}

					&__value {

						color: var(--l1-foreground);

						font-size: 12px;

						font-weight: 500;

						line-height: 20px;

						text-align: right;

					}

					&__relative-time {

						display: flex;

						align-items: center;

						margin-top: 4px;

						gap: 8px;

						border-radius: 1px 0 0 1px;

						background: linear-gradient(

							90deg,

							hsla(358, 75%, 59%, 0.2) 0%,

							transparent 100%

						);

						&-icon {

							width: 2px;

							height: 20px;

							flex-shrink: 0;

							border-radius: 2px;

							background: var(--danger-background);

						}

					}

					&__relative-text {

						color: var(--bg-cherry-300);

						font-size: 12px;

						line-height: 20px;

					}

				}

									
										103

frontend/src/components/SpanHoverCard/SpanHoverCard.tsx
									
												View File
											
				@@ -1,103 +0,0 @@

				import { ReactNode } from 'react';

				import { Popover } from 'antd';

				import { Typography } from '@signozhq/ui/typography';

				import { DATE_TIME_FORMATS } from 'constants/dateTimeFormats';

				import { convertTimeToRelevantUnit } from 'container/TraceDetail/utils';

				import dayjs from 'dayjs';

				import { useTimezone } from 'providers/Timezone';

				import { Span } from 'types/api/trace/getTraceV2';

				import { toFixed } from 'utils/toFixed';

				import './SpanHoverCard.styles.scss';

				interface ITraceMetadata {

					startTime: number;

					endTime: number;

				}

				interface SpanHoverCardProps {

					span: Span;

					traceMetadata: ITraceMetadata;

					children: ReactNode;

				}

				function SpanHoverCard({

					span,

					traceMetadata,

					children,

				}: SpanHoverCardProps): JSX.Element {

					const duration = span.durationNano / 1e6; // Convert nanoseconds to milliseconds

					const { time: formattedDuration, timeUnitName } =

						convertTimeToRelevantUnit(duration);

					const { timezone } = useTimezone();

					// Calculate relative start time from trace start

					const relativeStartTime = span.timestamp - traceMetadata.startTime;

					const { time: relativeTime, timeUnitName: relativeTimeUnit } =

						convertTimeToRelevantUnit(relativeStartTime);

					// Format absolute start time

					const startTimeFormatted = dayjs(span.timestamp)

						.tz(timezone.value)

						.format(DATE_TIME_FORMATS.DD_MMM_YYYY_HH_MM_SS);

					const getContent = (): JSX.Element => (

						<div className="span-hover-card">

							<div className="span-hover-card__row">

								<Typography.Text className="span-hover-card__label">

									Duration:

								</Typography.Text>

								<Typography.Text className="span-hover-card__value">

									{toFixed(formattedDuration, 2)}

									{timeUnitName}

								</Typography.Text>

							</div>

							<div className="span-hover-card__row">

								<Typography.Text className="span-hover-card__label">

									Events:

								</Typography.Text>

								<Typography.Text className="span-hover-card__value">

									{span.event?.length || 0}

								</Typography.Text>

							</div>

							<div className="span-hover-card__row">

								<Typography.Text className="span-hover-card__label">

									Start time:

								</Typography.Text>

								<Typography.Text className="span-hover-card__value">

									{startTimeFormatted}

								</Typography.Text>

							</div>

							<div className="span-hover-card__relative-time">

								<div className="span-hover-card__relative-time-icon" />

								<Typography.Text className="span-hover-card__relative-text">

									{toFixed(relativeTime, 2)}

									{relativeTimeUnit} after trace start

								</Typography.Text>

							</div>

						</div>

					);

					return (

						<Popover

							title={

								<div className="span-hover-card__title">

									<Typography.Text className="span-hover-card__operation">

										{span.name}

									</Typography.Text>

								</div>

							}

							mouseEnterDelay={0.2}

							content={getContent()}

							trigger="hover"

							rootClassName="span-hover-card"

							autoAdjustOverflow

							arrow={false}

						>

							{children}

						</Popover>

					);

				}

				export default SpanHoverCard;

									
										291

frontend/src/components/SpanHoverCard/__tests__/SpanHoverCard.test.tsx
									
												View File
											
				@@ -1,291 +0,0 @@

				import { act, fireEvent, render, screen } from '@testing-library/react';

				import { TimezoneContextType } from 'providers/Timezone';

				import { Span } from 'types/api/trace/getTraceV2';

				import SpanHoverCard from '../SpanHoverCard';

				// Mock timezone provider so SpanHoverCard can use useTimezone without a real context

				jest.mock('providers/Timezone', () => ({

					__esModule: true,

					useTimezone: (): TimezoneContextType => ({

						timezone: {

							name: 'Coordinated Universal Time — UTC, GMT',

							value: 'UTC',

							offset: 'UTC',

							searchIndex: 'UTC',

						},

						browserTimezone: {

							name: 'Coordinated Universal Time — UTC, GMT',

							value: 'UTC',

							offset: 'UTC',

							searchIndex: 'UTC',

						},

						updateTimezone: jest.fn(),

						formatTimezoneAdjustedTimestamp: jest.fn(() => 'mock-date'),

						isAdaptationEnabled: true,

						setIsAdaptationEnabled: jest.fn(),

					}),

				}));

				// Mock dayjs for testing, including timezone helpers used in timezoneUtils

				jest.mock('dayjs', () => {

					const mockDayjsInstance: any = {};

					mockDayjsInstance.format = jest.fn((formatString: string) =>

						// Match the DD_MMM_YYYY_HH_MM_SS format: 'DD MMM YYYY, HH:mm:ss'

						formatString === 'DD MMM YYYY, HH:mm:ss'

							? '15 Mar 2024, 14:23:45'

							: 'mock-date',

					);

					// Support chaining: dayjs().tz(timezone).format(...) and dayjs().tz(timezone).utcOffset()

					mockDayjsInstance.tz = jest.fn(() => mockDayjsInstance);

					mockDayjsInstance.utcOffset = jest.fn(() => 0);

					const mockDayjs = jest.fn(() => mockDayjsInstance);

					Object.assign(mockDayjs, {

						extend: jest.fn(),

						// Support dayjs.tz.guess()

						tz: { guess: jest.fn(() => 'UTC') },

					});

					return mockDayjs;

				});

				const HOVER_ELEMENT_ID = 'hover-element';

				const mockSpan: Span = {

					spanId: 'test-span-id',

					traceId: 'test-trace-id',

					rootSpanId: 'root-span-id',

					parentSpanId: 'parent-span-id',

					name: 'GET /api/users',

					timestamp: 1679748225000000,

					durationNano: 150000000,

					serviceName: 'user-service',

					kind: 1,

					hasError: false,

					level: 1,

					references: [],

					tagMap: {},

					event: [

						{

							name: 'event1',

							timeUnixNano: 1679748225100000,

							attributeMap: {},

							isError: false,

						},

						{

							name: 'event2',

							timeUnixNano: 1679748225200000,

							attributeMap: {},

							isError: false,

						},

					],

					rootName: 'root-span',

					statusMessage: '',

					statusCodeString: 'OK',

					spanKind: 'server',

					hasChildren: false,

					hasSibling: false,

					subTreeNodeCount: 1,

				};

				const mockTraceMetadata = {

					startTime: 1679748225000000,

					endTime: 1679748226000000,

				};

				describe('SpanHoverCard', () => {

					beforeEach(() => {

						jest.useFakeTimers();

					});

					afterEach(() => {

						jest.useRealTimers();

					});

					it('renders child element correctly', () => {

						render(

							<SpanHoverCard span={mockSpan} traceMetadata={mockTraceMetadata}>

								<div data-testid="child-element">Hover me</div>

							</SpanHoverCard>,

						);

						expect(screen.getByTestId('child-element')).toBeInTheDocument();

						expect(screen.getByText('Hover me')).toBeInTheDocument();

					});

					it('shows popover after 0.2 second delay on hover', async () => {

						render(

							<SpanHoverCard span={mockSpan} traceMetadata={mockTraceMetadata}>

								<div data-testid={HOVER_ELEMENT_ID}>Hover for details</div>

							</SpanHoverCard>,

						);

						const hoverElement = screen.getByTestId(HOVER_ELEMENT_ID);

						// Hover over the element

						fireEvent.mouseEnter(hoverElement);

						// Popover should NOT appear immediately

						expect(screen.queryByText('Duration:')).not.toBeInTheDocument();

						// Advance time by 0.5 seconds

						act(() => {

							jest.advanceTimersByTime(200);

						});

						// Now popover should appear

						expect(screen.getByText('Duration:')).toBeInTheDocument();

					});

					it('does not show popover if hover is too brief', async () => {

						render(

							<SpanHoverCard span={mockSpan} traceMetadata={mockTraceMetadata}>

								<div data-testid={HOVER_ELEMENT_ID}>Quick hover test</div>

							</SpanHoverCard>,

						);

						const hoverElement = screen.getByTestId(HOVER_ELEMENT_ID);

						// Quick hover and unhover (less than the 0.2s delay)

						fireEvent.mouseEnter(hoverElement);

						act(() => {

							jest.advanceTimersByTime(100); // Only 0.1 seconds

						});

						fireEvent.mouseLeave(hoverElement);

						// Advance past the full delay

						act(() => {

							jest.advanceTimersByTime(400);

						});

						// Popover should not appear

						expect(screen.queryByText('Duration:')).not.toBeInTheDocument();

					});

					it('displays span information in popover content after delay', async () => {

						render(

							<SpanHoverCard span={mockSpan} traceMetadata={mockTraceMetadata}>

								<div data-testid={HOVER_ELEMENT_ID}>Test span</div>

							</SpanHoverCard>,

						);

						const hoverElement = screen.getByTestId(HOVER_ELEMENT_ID);

						// Hover and wait for popover

						fireEvent.mouseEnter(hoverElement);

						act(() => {

							jest.advanceTimersByTime(500);

						});

						// Check that popover shows span operation name in title

						expect(screen.getByText('GET /api/users')).toBeInTheDocument();

						// Check duration information

						expect(screen.getByText('Duration:')).toBeInTheDocument();

						expect(screen.getByText('150ms')).toBeInTheDocument();

						// Check events count

						expect(screen.getByText('Events:')).toBeInTheDocument();

						expect(screen.getByText('2')).toBeInTheDocument();

						// Check start time label

						expect(screen.getByText('Start time:')).toBeInTheDocument();

					});

					it('displays date in DD MMM YYYY, HH:mm:ss format with seconds', async () => {

						render(

							<SpanHoverCard span={mockSpan} traceMetadata={mockTraceMetadata}>

								<div data-testid={HOVER_ELEMENT_ID}>Date format test</div>

							</SpanHoverCard>,

						);

						const hoverElement = screen.getByTestId(HOVER_ELEMENT_ID);

						// Hover and wait for popover

						fireEvent.mouseEnter(hoverElement);

						act(() => {

							jest.advanceTimersByTime(500);

						});

						// Verify the DD MMM YYYY, HH:mm:ss format is displayed

						expect(screen.getByText('15 Mar 2024, 14:23:45')).toBeInTheDocument();

					});

					it('displays relative time information', async () => {

						const spanWithRelativeTime: Span = {

							...mockSpan,

							timestamp: mockTraceMetadata.startTime + 1000000, // 1 second later

						};

						render(

							<SpanHoverCard span={spanWithRelativeTime} traceMetadata={mockTraceMetadata}>

								<div data-testid={HOVER_ELEMENT_ID}>Relative time test</div>

							</SpanHoverCard>,

						);

						const hoverElement = screen.getByTestId(HOVER_ELEMENT_ID);

						// Hover and wait for popover

						fireEvent.mouseEnter(hoverElement);

						act(() => {

							jest.advanceTimersByTime(500);

						});

						// Check relative time display

						expect(screen.getByText(/after trace start/)).toBeInTheDocument();

					});

					it('handles spans with no events correctly', async () => {

						const spanWithoutEvents: Span = {

							...mockSpan,

							event: [],

						};

						render(

							<SpanHoverCard span={spanWithoutEvents} traceMetadata={mockTraceMetadata}>

								<div data-testid={HOVER_ELEMENT_ID}>No events test</div>

							</SpanHoverCard>,

						);

						const hoverElement = screen.getByTestId(HOVER_ELEMENT_ID);

						// Hover and wait for popover

						fireEvent.mouseEnter(hoverElement);

						act(() => {

							jest.advanceTimersByTime(500);

						});

						expect(screen.getByText('Events:')).toBeInTheDocument();

						expect(screen.getByText('0')).toBeInTheDocument();

					});

					it('verifies mouseEnterDelay prop is set to 0.5', () => {

						const { container } = render(

							<SpanHoverCard span={mockSpan} traceMetadata={mockTraceMetadata}>

								<div data-testid={HOVER_ELEMENT_ID}>Delay test</div>

							</SpanHoverCard>,

						);

						// The mouseEnterDelay prop should be set on the Popover component

						// This test verifies the implementation includes the delay

						const popover = container.querySelector('.ant-popover');

						expect(popover).not.toBeInTheDocument(); // Initially not visible

						// Hover to trigger delay mechanism

						const hoverElement = screen.getByTestId(HOVER_ELEMENT_ID);

						fireEvent.mouseEnter(hoverElement);

						// Should not appear before delay

						expect(screen.queryByText('Duration:')).not.toBeInTheDocument();

						// Should appear after delay

						act(() => {

							jest.advanceTimersByTime(500);

						});

						expect(screen.getByText('Duration:')).toBeInTheDocument();

					});

				});

									
										4

frontend/src/constants/features.ts
									
												View File
												
				@@ -7,10 +7,10 @@ export enum FeatureKeys {

					GATEWAY = 'gateway',

					PREMIUM_SUPPORT = 'premium_support',

					ANOMALY_DETECTION = 'anomaly_detection',

					ONBOARDING_V3 = 'onboarding_v3',

					DOT_METRICS_ENABLED = 'dot_metrics_enabled',

					USE_JSON_BODY = 'use_json_body',

					USE_FINE_GRAINED_AUTHZ = 'use_fine_grained_authz',

					USE_DASHBOARD_V2 = 'use_dashboard_v2',

					EMABLE_AI_OBSERVABILITY = 'enable_ai_observability',

					ENABLE_AI_OBSERVABILITY = 'enable_ai_observability',

					ENABLE_METRICS_REDUCTION = 'enable_metrics_reduction',

				}

									
										12

frontend/src/constants/routes.ts
									
												View File
												
				@@ -11,14 +11,7 @@ const ROUTES = {

					TRACE_DETAIL_OLD: '/trace-old/:id',

					TRACES_EXPLORER: '/traces-explorer',

					ONBOARDING: '/onboarding',

					GET_STARTED: '/get-started',

					GET_STARTED_WITH_CLOUD: '/get-started-with-signoz-cloud',

					GET_STARTED_APPLICATION_MONITORING: '/get-started/application-monitoring',

					GET_STARTED_LOGS_MANAGEMENT: '/get-started/logs-management',

					GET_STARTED_INFRASTRUCTURE_MONITORING:

						'/get-started/infrastructure-monitoring',

					GET_STARTED_AWS_MONITORING: '/get-started/aws-monitoring',

					GET_STARTED_AZURE_MONITORING: '/get-started/azure-monitoring',

					USAGE_EXPLORER: '/usage-explorer',

					APPLICATION: '/services',

					ALL_DASHBOARD: '/dashboard',

				@@ -56,7 +49,9 @@ const ROUTES = {

					TRACE_EXPLORER: '/trace-explorer',

					BILLING: '/settings/billing',

					ROLES_SETTINGS: '/settings/roles',

					ROLE_CREATE: '/settings/roles/new',

					ROLE_DETAILS: '/settings/roles/:roleId',

					ROLE_EDIT: '/settings/roles/:roleId/edit',

					MEMBERS_SETTINGS: '/settings/members',

					SUPPORT: '/support',

					LOGS_SAVE_VIEWS: '/logs/saved-views',

				@@ -79,6 +74,7 @@ const ROUTES = {

					METRICS_EXPLORER: '/metrics-explorer/summary',

					METRICS_EXPLORER_EXPLORER: '/metrics-explorer/explorer',

					METRICS_EXPLORER_VIEWS: '/metrics-explorer/views',

					METRICS_EXPLORER_VOLUME_CONTROL: '/metrics-explorer/volume-control',

					API_MONITORING_BASE: '/api-monitoring',

					API_MONITORING: '/api-monitoring/explorer',

					METRICS_EXPLORER_BASE: '/metrics-explorer',

				@@ -93,6 +89,8 @@ const ROUTES = {

					AI_ASSISTANT_BASE: '/ai-assistant',

					AI_ASSISTANT_ICON_PREVIEW: '/ai-assistant-icon-preview',

					MCP_SERVER: '/settings/mcp-server',

					LLM_OBSERVABILITY_BASE: '/llm-observability',

					LLM_OBSERVABILITY_MODEL_PRICING: '/llm-observability/settings/model-pricing',

				} as const;

				export default ROUTES;

									
										42

frontend/src/container/AIAssistant/__tests__/getAutoContexts.test.ts
									
												View File
												
				@@ -48,6 +48,48 @@ describe('getAutoContexts', () => {

						]);

					});

					it('includes the query in alert edit context', () => {

						const ruleId = 'rule-edit';

						const query = { queryType: 'builder', builder: { queryData: [] } };

						const compositeQuery = encodeURIComponent(JSON.stringify(query));

						const search = `?${QueryParams.ruleId}=${ruleId}&${QueryParams.compositeQuery}=${compositeQuery}`;

						const contexts = getAutoContexts(ROUTES.EDIT_ALERTS, search);

						expect(contexts).toStrictEqual([

							{

								source: 'auto',

								type: 'alert',

								resourceId: ruleId,

								metadata: {

									page: 'alert_edit',

									ruleId,

									query,

								},

							},

						]);

					});

					it('includes the query in alert new context (no ruleId)', () => {

						const query = { queryType: 'builder', builder: { queryData: [] } };

						const compositeQuery = encodeURIComponent(JSON.stringify(query));

						const search = `?${QueryParams.compositeQuery}=${compositeQuery}`;

						const contexts = getAutoContexts(ROUTES.ALERTS_NEW, search);

						expect(contexts).toStrictEqual([

							{

								source: 'auto',

								type: 'alert',

								resourceId: null,

								metadata: {

									page: 'alert_new',

									query,

								},

							},

						]);

					});

					it('returns triggered alerts context on alert history without ruleId', () => {

						const contexts = getAutoContexts(ROUTES.ALERT_HISTORY, '');

									
										56

frontend/src/container/AIAssistant/components/ChatInput/ChatInput.module.scss
									
												View File
												
				@@ -377,9 +377,63 @@

				}

				.contextPopoverEmpty {

					// Fill the entity panel so the state sits centred in the dead space rather

					// than clinging to the top-left corner.

					flex: 1;

					display: flex;

					flex-direction: column;

					align-items: center;

					justify-content: center;

					gap: 10px;

					padding: 24px 20px;

					text-align: center;

					font-size: 12px;

					color: var(--l3-foreground);

					padding: 10px 8px;

				}

				.contextPopoverEmptyIcon {

					display: inline-flex;

					align-items: center;

					justify-content: center;

					width: 28px;

					height: 28px;

					// `--empty-accent` is set per category on the root (robin/cherry/forest).

					color: var(--empty-accent);

					background: color-mix(in srgb, var(--empty-accent), transparent 88%);

					border-radius: var(--radius-2);

				}

				.contextPopoverEmptyTitle {

					margin: 0;

					max-width: 280px;

					color: var(--l2-foreground);

					font-size: 13px;

					font-weight: 600;

					line-height: 1.4;

					// Clamp to 2 lines with an ellipsis so a long query can't blow out the

					// popover height. The CTA below is a stock DS link button, so the query is

					// kept readable here rather than forcing the button to wrap.

					display: -webkit-box;

					-webkit-box-orient: vertical;

					-webkit-line-clamp: 2;

					overflow: hidden;

					text-overflow: ellipsis;

					overflow-wrap: anywhere;

				}

				.contextPopoverEmptyCta {

					max-width: 100%;

				}

				.contextPopoverEmptyCtaLabel {

					display: -webkit-box;

					-webkit-box-orient: vertical;

					-webkit-line-clamp: 1;

					min-width: 0;

					overflow: hidden;

					text-overflow: ellipsis;

					overflow-wrap: anywhere;

					text-align: center;

				}

				.micBtn {

									
										59

frontend/src/container/AIAssistant/components/ChatInput/ChatInput.tsx
									
												View File
												
				@@ -42,19 +42,22 @@ import { useSpeechRecognition } from '../../hooks/useSpeechRecognition';

				import { MessageAttachment } from '../../types';

				import { MessageContext } from '../../../../api/ai-assistant/chat';

				import {

					Bell,

					LayoutDashboard,

					Mic,

					Plus,

					Search,

					Send,

					ShieldCheck,

					Square,

					TriangleAlert,

					X,

				} from '@signozhq/icons';

				import styles from './ChatInput.module.scss';

				import ContextPickerEmptyState from './ContextPickerEmptyState';

				import {

					CONTEXT_CATEGORIES,

					CONTEXT_CATEGORY_ICONS,

					ContextCategory,

				} from './contextPicker';

				interface ChatInputProps {

					onSend: (

				@@ -162,10 +165,6 @@ const HOME_SERVICES_INTERVAL = 30 * 60 * 1000;

				/** sessionStorage key for the "voice input failed this tab" flag. */

				const VOICE_UNAVAILABLE_KEY = 'ai-assistant-voice-unavailable';

				const CONTEXT_CATEGORIES = ['Dashboards', 'Alerts', 'Services'] as const;

				type ContextCategory = (typeof CONTEXT_CATEGORIES)[number];

				interface SelectedContextItem {

					category: ContextCategory;

					entityId: string;

				@@ -205,12 +204,6 @@ interface ContextEntityItem {

					value: string;

				}

				const CONTEXT_CATEGORY_ICONS = {

					Dashboards: LayoutDashboard,

					Alerts: Bell,

					Services: ShieldCheck,

				} satisfies Record<ContextCategory, unknown>;

				function fileToDataUrl(file: File): Promise<string> {

					return new Promise((resolve, reject) => {

						const reader = new FileReader();

				@@ -331,6 +324,30 @@ export default function ChatInput({

						[mentionRange, selectedContexts, text],

					);

					// Empty-state CTA: drop a starter prompt into the composer (never auto-sent)

					// and hand the user the caret at the end so they can finish the sentence.

					const handleContextPrefill = useCallback(

						(prompt: string) => {

							const next = capText(prompt);

							setText(next);

							committedTextRef.current = next;

							setMentionRange(null);

							setPickerSearchQuery('');

							setIsContextPickerOpen(false);

							// Defer so React commits the new value before we place the caret.

							requestAnimationFrame(() => {

								const el = textareaRef.current;

								if (!el) {

									return;

								}

								el.focus();

								const end = el.value.length;

								el.setSelectionRange(end, end);

							});

						},

						[capText],

					);

					const focusCategory = useCallback((category: ContextCategory) => {

						setActiveContextCategory(category);

						setPickerSearchQuery('');

				@@ -824,10 +841,14 @@ export default function ChatInput({

					// Type-ahead filter against the `@<query>` typed in the textarea. When

					// the picker was opened from the "Add Context" button there's no

					// mention query, so fall back to the in-popover search input.

					const mentionQuery = mentionRange

						? text.slice(mentionRange.start + 1, mentionRange.end).toLowerCase()

					const rawMentionQuery = mentionRange

						? text.slice(mentionRange.start + 1, mentionRange.end)

						: '';

					const mentionQuery = rawMentionQuery.toLowerCase();

					const activeQuery = mentionQuery || pickerSearchQuery.trim().toLowerCase();

					// Original-case query for empty-state copy + prefill ("checkout", not the

					// lowercased filter key). Mirrors `activeQuery`'s mention-then-search order.

					const displayQuery = rawMentionQuery || pickerSearchQuery.trim();

					const filteredContextOptions = activeQuery

						? contextEntitiesByCategory[activeContextCategory].filter((entity) =>

								entity.value.toLowerCase().includes(activeQuery),

				@@ -1071,9 +1092,11 @@ export default function ChatInput({

																Failed to load {activeContextCategory.toLowerCase()}.

															</div>

														) : filteredContextOptions.length === 0 ? (

															<div className={styles.contextPopoverEmpty}>

																No matching entities

															</div>

															<ContextPickerEmptyState

																category={activeContextCategory}

																query={displayQuery}

																onPrefill={handleContextPrefill}

															/>

														) : (

															filteredContextOptions.map((option, index) => {

																const isSelected = selectedContexts.some(

									
										68

frontend/src/container/AIAssistant/components/ChatInput/ContextPickerEmptyState.tsx
									
										Normal file
									
												View File
												
				@@ -0,0 +1,68 @@

				import { Sparkles } from '@signozhq/icons';

				import { Button } from '@signozhq/ui/button';

				import type { CSSProperties } from 'react';

				import styles from './ChatInput.module.scss';

				import {

					CONTEXT_CATEGORY_ICONS,

					ContextCategory,

					getContextPickerEmptyContent,

				} from './contextPicker';

				// Per-category accent, mapped to semantic accent tokens (robin is the brand

				// primary). Exposed to the SCSS as the `--empty-accent` custom property so the

				// icon and CTA share one colour per category.

				const CATEGORY_ACCENT: Record<ContextCategory, string> = {

					Dashboards: 'var(--accent-primary)',

					Alerts: 'var(--accent-cherry)',

					Services: 'var(--accent-forest)',

				};

				interface ContextPickerEmptyStateProps {

					category: ContextCategory;

					/** The active search query (mention or in-popover search), original case. */

					query: string;

					/** Drops the starter prompt into the composer (never auto-sends). */

					onPrefill: (prompt: string) => void;

				}

				/**

				 * Empty state for the @-mention context picker. Distinguishes a brand-new user

				 * with nothing to pick (onboarding) from a search that matched nothing, and in

				 * both cases offers a clickable CTA that seeds the composer.

				 */

				export default function ContextPickerEmptyState({

					category,

					query,

					onPrefill,

				}: ContextPickerEmptyStateProps): JSX.Element {

					const { title, ctaLabel, prefill } = getContextPickerEmptyContent(

						category,

						query,

					);

					const CategoryIcon = CONTEXT_CATEGORY_ICONS[category];

					return (

						<div

							className={styles.contextPopoverEmpty}

							style={{ '--empty-accent': CATEGORY_ACCENT[category] } as CSSProperties}

						>

							<span className={styles.contextPopoverEmptyIcon} aria-hidden="true">

								<CategoryIcon size={16} />

							</span>

							<p className={styles.contextPopoverEmptyTitle}>{title}</p>

							<Button

								type="button"

								variant="link"

								size="sm"

								color="primary"

								className={styles.contextPopoverEmptyCta}

								onClick={(): void => onPrefill(prefill)}

								data-testid={`ai-context-empty-cta-${category}`}

								prefix={<Sparkles size={14} />}

							>

								<span className={styles.contextPopoverEmptyCtaLabel}>{ctaLabel}</span>

							</Button>

						</div>

					);

				}

									
										113

frontend/src/container/AIAssistant/components/ChatInput/__tests__/ChatInput.prefill.test.tsx
									
										Normal file
									
												View File
												
				@@ -0,0 +1,113 @@

				import { render, screen, userEvent, waitFor } from 'tests/test-utils';

				// The prefill flow only depends on the context-picker data hooks resolving to

				// empty lists (so the empty state renders) — mock them to skip real fetches.

				jest.mock('hooks/dashboard/useGetAllDashboard', () => ({

					useGetAllDashboard: (): unknown => ({

						data: [],

						isLoading: false,

						isError: false,

					}),

				}));

				jest.mock('api/generated/services/rules', () => ({

					useListRules: (): unknown => ({ data: [], isLoading: false, isError: false }),

					getListRulesQueryKey: (): string[] => ['rules'],

				}));

				jest.mock('hooks/useQueryService', () => ({

					useQueryService: (): unknown => ({

						data: [],

						isLoading: false,

						isFetching: false,

						isError: false,

					}),

				}));

				// Irrelevant to the prefill flow and otherwise require browser APIs / extra

				// context providers, so stub them out.

				jest.mock('../../../hooks/useSpeechRecognition', () => ({

					useSpeechRecognition: (): unknown => ({

						isListening: false,

						isSupported: false,

						permission: 'prompt',

						start: jest.fn(),

						discard: jest.fn(),

					}),

				}));

				jest.mock('../../../hooks/useAIAssistantAnalyticsContext', () => ({

					useAIAssistantAnalyticsContext: (): unknown => ({

						threadId: undefined,

						page: '/',

						mode: 'sidepane',

					}),

				}));

				// eslint-disable-next-line import/first

				import { TooltipProvider } from '@signozhq/ui/tooltip';

				// eslint-disable-next-line import/first

				import ChatInput from '../ChatInput';

				function renderChatInput(): void {

					render(

						<TooltipProvider>

							<ChatInput onSend={jest.fn()} />

						</TooltipProvider>,

					);

				}

				function getComposer(): HTMLTextAreaElement {

					return screen.getByPlaceholderText(/Ask anything/i) as HTMLTextAreaElement;

				}

				describe('ChatInput — empty-state CTA prefill flow', () => {

					it('full-replaces existing prose with the query-seeded prompt and closes the picker', async () => {

						renderChatInput();

						// Pre-existing prose in the composer.

						await userEvent.type(getComposer(), 'show me something');

						// Open the picker and search for an entity that does not exist.

						await userEvent.click(screen.getByRole('button', { name: /add context/i }));

						await userEvent.type(

							await screen.findByPlaceholderText(/search dashboards/i),

							'chk',

						);

						const cta = await screen.findByTestId('ai-context-empty-cta-Dashboards');

						expect(cta).toHaveTextContent('Create a dashboard for "chk"');

						await userEvent.click(cta);

						// Full-replace is intentional: the prefill is a complete sentence, so the

						// prior "show me something" prose is discarded rather than producing

						// broken grammar (see handleContextPrefill). The query is seeded in.

						expect(getComposer().value).toBe('Create a dashboard for chk');

						// Picker closed → the empty-state CTA is gone.

						await waitFor(() =>

							expect(

								screen.queryByTestId('ai-context-empty-cta-Dashboards'),

							).not.toBeInTheDocument(),

						);

					});

					it('seeds only the prefix (with trailing space) in the onboarding case', async () => {

						renderChatInput();

						await userEvent.click(screen.getByRole('button', { name: /add context/i }));

						const cta = await screen.findByTestId('ai-context-empty-cta-Dashboards');

						expect(cta).toHaveTextContent('Ask me to create one');

						await userEvent.click(cta);

						expect(getComposer().value).toBe('Create a dashboard for ');

						await waitFor(() =>

							expect(

								screen.queryByTestId('ai-context-empty-cta-Dashboards'),

							).not.toBeInTheDocument(),

						);

					});

				});

									
										135

frontend/src/container/AIAssistant/components/ChatInput/__tests__/ContextPickerEmptyState.test.tsx
									
										Normal file
									
												View File
												
				@@ -0,0 +1,135 @@

				import { render, screen, userEvent } from 'tests/test-utils';

				import { ContextCategory } from '../contextPicker';

				import ContextPickerEmptyState from '../ContextPickerEmptyState';

				function renderEmptyState(

					category: ContextCategory,

					query: string,

					onPrefill = jest.fn(),

				): { onPrefill: jest.Mock; container: HTMLElement } {

					const { container } = render(

						<ContextPickerEmptyState

							category={category}

							query={query}

							onPrefill={onPrefill}

						/>,

					);

					return { onPrefill, container };

				}

				function ctaFor(category: ContextCategory): HTMLElement {

					return screen.getByTestId(`ai-context-empty-cta-${category}`);

				}

				describe('ContextPickerEmptyState', () => {

					describe('onboarding (no query)', () => {

						it('renders dashboards copy and prefills the prefix only', async () => {

							const { onPrefill } = renderEmptyState('Dashboards', '');

							expect(screen.getByText('No dashboards yet.')).toBeInTheDocument();

							const cta = ctaFor('Dashboards');

							expect(cta).toHaveTextContent('Ask me to create one');

							await userEvent.click(cta);

							expect(onPrefill).toHaveBeenCalledTimes(1);

							expect(onPrefill).toHaveBeenCalledWith('Create a dashboard for ');

						});

						it('renders alerts copy and prefills the prefix only', async () => {

							const { onPrefill } = renderEmptyState('Alerts', '');

							expect(screen.getByText('No alerts yet.')).toBeInTheDocument();

							expect(ctaFor('Alerts')).toHaveTextContent('Ask me to create one');

							await userEvent.click(ctaFor('Alerts'));

							expect(onPrefill).toHaveBeenCalledWith('Create an alert for ');

						});

						it('renders instrumentation-flavoured services copy and prefill', async () => {

							const { onPrefill } = renderEmptyState('Services', '');

							expect(

								screen.getByText('No services reporting data yet.'),

							).toBeInTheDocument();

							expect(ctaFor('Services')).toHaveTextContent(

								'Ask me to help set up instrumentation',

							);

							await userEvent.click(ctaFor('Services'));

							expect(onPrefill).toHaveBeenCalledWith(

								'Help me set up instrumentation for ',

							);

						});

						it('treats a whitespace-only query as onboarding', () => {

							renderEmptyState('Dashboards', '   ');

							expect(screen.getByText('No dashboards yet.')).toBeInTheDocument();

						});

					});

					describe('search miss (query, no match)', () => {

						it('seeds the query into dashboards copy and prefill', async () => {

							const { onPrefill } = renderEmptyState('Dashboards', 'checkout');

							expect(

								screen.getByText('No dashboards match "checkout".'),

							).toBeInTheDocument();

							expect(ctaFor('Dashboards')).toHaveTextContent(

								'Create a dashboard for "checkout"',

							);

							await userEvent.click(ctaFor('Dashboards'));

							expect(onPrefill).toHaveBeenCalledWith('Create a dashboard for checkout');

						});

						it('seeds the query into alerts copy and prefill', async () => {

							const { onPrefill } = renderEmptyState('Alerts', 'checkout');

							expect(screen.getByText('No alerts match "checkout".')).toBeInTheDocument();

							await userEvent.click(ctaFor('Alerts'));

							expect(onPrefill).toHaveBeenCalledWith('Create an alert for checkout');

						});

						it('uses instrumentation wording for services search misses', async () => {

							const { onPrefill } = renderEmptyState('Services', 'checkout');

							expect(

								screen.getByText('No services match "checkout".'),

							).toBeInTheDocument();

							await userEvent.click(ctaFor('Services'));

							expect(onPrefill).toHaveBeenCalledWith(

								'Help me set up instrumentation for checkout',

							);

						});

						it('preserves the original casing of the query in copy and prefill', async () => {

							const { onPrefill } = renderEmptyState('Dashboards', 'Checkout API');

							expect(

								screen.getByText('No dashboards match "Checkout API".'),

							).toBeInTheDocument();

							await userEvent.click(ctaFor('Dashboards'));

							expect(onPrefill).toHaveBeenCalledWith(

								'Create a dashboard for Checkout API',

							);

						});

					});

					describe('per-category accent token', () => {

						it.each<[ContextCategory, string]>([

							['Dashboards', 'var(--accent-primary)'],

							['Alerts', 'var(--accent-cherry)'],

							['Services', 'var(--accent-forest)'],

						])('maps %s to the semantic accent %s', (category, accent) => {

							const { container } = renderEmptyState(category, '');

							const root = container.firstChild as HTMLElement;

							expect(root.style.getPropertyValue('--empty-accent')).toBe(accent);

						});

					});

					it('does not auto-send: nothing fires until the CTA is clicked', () => {

						const { onPrefill } = renderEmptyState('Dashboards', 'checkout');

						expect(onPrefill).not.toHaveBeenCalled();

					});

				});

									
										100

frontend/src/container/AIAssistant/components/ChatInput/__tests__/contextPicker.test.ts
									
										Normal file
									
												View File
												
				@@ -0,0 +1,100 @@

				import {

					CONTEXT_CATEGORIES,

					getContextPickerEmptyContent,

				} from '../contextPicker';

				describe('getContextPickerEmptyContent', () => {

					describe('onboarding (no query)', () => {

						it('returns per-category copy and prefix-only prefill for dashboards', () => {

							expect(getContextPickerEmptyContent('Dashboards', '')).toStrictEqual({

								title: 'No dashboards yet.',

								ctaLabel: 'Ask me to create one',

								prefill: 'Create a dashboard for ',

							});

						});

						it('returns per-category copy and prefix-only prefill for alerts', () => {

							expect(getContextPickerEmptyContent('Alerts', '')).toStrictEqual({

								title: 'No alerts yet.',

								ctaLabel: 'Ask me to create one',

								prefill: 'Create an alert for ',

							});

						});

						it('returns instrumentation-flavoured copy for services', () => {

							expect(getContextPickerEmptyContent('Services', '')).toStrictEqual({

								title: 'No services reporting data yet.',

								ctaLabel: 'Ask me to help set up instrumentation',

								prefill: 'Help me set up instrumentation for ',

							});

						});

						it('treats a whitespace-only query as no query', () => {

							expect(getContextPickerEmptyContent('Dashboards', '   ')).toStrictEqual({

								title: 'No dashboards yet.',

								ctaLabel: 'Ask me to create one',

								prefill: 'Create a dashboard for ',

							});

						});

						it('leaves the prefill ending in a space so the caret sits after it', () => {

							CONTEXT_CATEGORIES.forEach((category) => {

								expect(getContextPickerEmptyContent(category, '').prefill).toMatch(/ $/);

							});

						});

					});

					describe('search miss (query, no match)', () => {

						it('seeds the query into dashboards copy and prefill', () => {

							expect(getContextPickerEmptyContent('Dashboards', 'checkout')).toStrictEqual(

								{

									title: 'No dashboards match "checkout".',

									ctaLabel: 'Create a dashboard for "checkout"',

									prefill: 'Create a dashboard for checkout',

								},

							);

						});

						it('seeds the query into alerts copy and prefill', () => {

							expect(getContextPickerEmptyContent('Alerts', 'checkout')).toStrictEqual({

								title: 'No alerts match "checkout".',

								ctaLabel: 'Create an alert for "checkout"',

								prefill: 'Create an alert for checkout',

							});

						});

						it('uses instrumentation wording for services search misses', () => {

							expect(getContextPickerEmptyContent('Services', 'checkout')).toStrictEqual({

								title: 'No services match "checkout".',

								ctaLabel: 'Set up instrumentation for "checkout"',

								prefill: 'Help me set up instrumentation for checkout',

							});

						});

						it('preserves the original casing of the query', () => {

							const { title, ctaLabel, prefill } = getContextPickerEmptyContent(

								'Dashboards',

								'Checkout API',

							);

							expect(title).toBe('No dashboards match "Checkout API".');

							expect(ctaLabel).toBe('Create a dashboard for "Checkout API"');

							expect(prefill).toBe('Create a dashboard for Checkout API');

						});

						it('trims surrounding whitespace from the query', () => {

							expect(

								getContextPickerEmptyContent('Dashboards', '  checkout  ').prefill,

							).toBe('Create a dashboard for checkout');

						});

					});

					it('never emits an em-dash (house style)', () => {

						CONTEXT_CATEGORIES.forEach((category) => {

							const empty = getContextPickerEmptyContent(category, '');

							const miss = getContextPickerEmptyContent(category, 'q');

							[empty, miss].forEach(({ title, ctaLabel, prefill }) => {

								expect(`${title}${ctaLabel}${prefill}`).not.toContain('—');

							});

						});

					});

				});

									
										103

frontend/src/container/AIAssistant/components/ChatInput/contextPicker.ts
									
										Normal file
									
												View File
												
				@@ -0,0 +1,103 @@

				import { Bell, LayoutDashboard, ShieldCheck } from '@signozhq/icons';

				/** Ordered category tabs shown in the @-mention context picker. */

				export const CONTEXT_CATEGORIES = ['Dashboards', 'Alerts', 'Services'] as const;

				export type ContextCategory = (typeof CONTEXT_CATEGORIES)[number];

				/**

				 * Icon per category, shared by the picker tablist and the empty state. `satisfies`

				 * keeps the concrete component types so callers can render `<Icon size={n} />`.

				 */

				export const CONTEXT_CATEGORY_ICONS = {

					Dashboards: LayoutDashboard,

					Alerts: Bell,

					Services: ShieldCheck,

				} satisfies Record<ContextCategory, unknown>;

				/**

				 * Resolved copy + composer prefill for one render of the context picker's empty

				 * state. The picker is tabbed, so a user only ever views one category at a

				 * time — each category gets its own onboarding and search-miss copy rather than

				 * a single combined "nothing to show" line.

				 */

				export interface ContextPickerEmptyContent {

					/** Primary line explaining why the list is empty. */

					title: string;

					/** Clickable call to action that prefills (never auto-sends) the composer. */

					ctaLabel: string;

					/**

					 * Text dropped into the composer when the CTA is clicked. When there's no

					 * search query this is just the prefix with a trailing space, leaving the

					 * caret at the end for the user to type the entity name.

					 */

					prefill: string;

				}

				interface CategoryCopy {

					/** Onboarding line, e.g. "No dashboards yet." */

					emptyTitle: string;

					/** Onboarding CTA label, e.g. "Ask me to create one". */

					emptyCtaLabel: string;

					/** Search-miss line, e.g. `No dashboards match "checkout".` */

					matchTitle: (query: string) => string;

					/** Search-miss CTA label, e.g. `Create a dashboard for "checkout"`. */

					matchCtaLabel: (query: string) => string;

					/**

					 * Composer prefill prefix (with trailing space). The prefill is always

					 * `${prefillPrefix}${query}`, so the search-miss case seeds the query and

					 * the onboarding case leaves only the prefix.

					 */

					prefillPrefix: string;

				}

				// Services get instrumentation-flavoured copy: the assistant can't "create" a

				// service, they come from telemetry, so the CTA points at setup instead.

				const CONTEXT_PICKER_COPY: Record<ContextCategory, CategoryCopy> = {

					Dashboards: {

						emptyTitle: 'No dashboards yet.',

						emptyCtaLabel: 'Ask me to create one',

						matchTitle: (query) => `No dashboards match "${query}".`,

						matchCtaLabel: (query) => `Create a dashboard for "${query}"`,

						prefillPrefix: 'Create a dashboard for ',

					},

					Alerts: {

						emptyTitle: 'No alerts yet.',

						emptyCtaLabel: 'Ask me to create one',

						matchTitle: (query) => `No alerts match "${query}".`,

						matchCtaLabel: (query) => `Create an alert for "${query}"`,

						prefillPrefix: 'Create an alert for ',

					},

					Services: {

						emptyTitle: 'No services reporting data yet.',

						emptyCtaLabel: 'Ask me to help set up instrumentation',

						matchTitle: (query) => `No services match "${query}".`,

						matchCtaLabel: (query) => `Set up instrumentation for "${query}"`,

						prefillPrefix: 'Help me set up instrumentation for ',

					},

				};

				/**

				 * Build the empty-state copy for a category. The two states are driven solely

				 * by whether a search query is active: a non-empty query yields the search-miss

				 * variant, an empty query the onboarding variant.

				 */

				export function getContextPickerEmptyContent(

					category: ContextCategory,

					query: string,

				): ContextPickerEmptyContent {

					const copy = CONTEXT_PICKER_COPY[category];

					const trimmed = query.trim();

					if (trimmed) {

						return {

							title: copy.matchTitle(trimmed),

							ctaLabel: copy.matchCtaLabel(trimmed),

							prefill: `${copy.prefillPrefix}${trimmed}`,

						};

					}

					return {

						title: copy.emptyTitle,

						ctaLabel: copy.emptyCtaLabel,

						prefill: copy.prefillPrefix,

					};

				}

									
										10

frontend/src/container/AIAssistant/getAutoContexts.ts
									
												View File
												
				@@ -124,7 +124,9 @@ export function getAutoContexts(

						}

					}

					// Alert edit — `/alerts/edit?ruleId=…`.

					// Alert edit — `/alerts/edit?ruleId=…`. The form syncs its query-builder

					// state to the URL (`useShareBuilderUrl`), so shared metadata carries the

					// alert's query + time range, mirroring the dashboard panel editor.

					if (matchPath(pathname, { path: ROUTES.EDIT_ALERTS, exact: true })) {

						const ruleId = params.get(QueryParams.ruleId);

						if (ruleId) {

				@@ -133,19 +135,21 @@ export function getAutoContexts(

									source: 'auto',

									type: 'alert',

									resourceId: ruleId,

									metadata: { page: 'alert_edit', ruleId },

									metadata: { page: 'alert_edit', ruleId, ...sharedMetadata },

								},

							];

						}

					}

					// Alert new — `/alerts/new`. No rule id yet (draft), but the query-builder

					// state is on the URL, so shared metadata carries the in-progress query.

					if (matchPath(pathname, { path: ROUTES.ALERTS_NEW, exact: true })) {

						return [

							{

								source: 'auto',

								type: 'alert',

								resourceId: null,

								metadata: { page: 'alert_new' },

								metadata: { page: 'alert_new', ...sharedMetadata },

							},

						];

					}

									
										7

frontend/src/container/AllAlertChannels/__tests__/EditAlertChannel.test.tsx
									
												View File
												
				@@ -26,7 +26,12 @@ jest.mock('components/MarkdownRenderer/MarkdownRenderer', () => ({

				describe('Should check if the edit alert channel is properly displayed', () => {

					beforeEach(() => {

						render(<EditAlertChannels initialValue={editAlertChannelInitialValue} />);

						render(

							<EditAlertChannels

								channelId="3"

								initialValue={editAlertChannelInitialValue}

							/>,

						);

					});

					afterEach(() => {

						jest.clearAllMocks();

									
										81

frontend/src/container/AllAlertChannels/__tests__/EditAlertChannelSave.test.tsx
									
										Normal file
									
												View File
												
				@@ -0,0 +1,81 @@

				import EditAlertChannels from 'container/EditAlertChannels';

				import { editAlertChannelInitialValue } from 'mocks-server/__mockdata__/alerts';

				import { server } from 'mocks-server/server';

				import { rest } from 'msw';

				import { render, screen, userEvent, waitFor } from 'tests/test-utils';

				jest.mock('hooks/useNotifications', () => ({

					__esModule: true,

					useNotifications: jest.fn(() => ({

						notifications: { success: jest.fn(), error: jest.fn() },

					})),

				}));

				jest.mock('components/MarkdownRenderer/MarkdownRenderer', () => ({

					MarkdownRenderer: jest.fn(() => <div>Mocked MarkdownRenderer</div>),

				}));

				interface EditRequest {

					id: string;

					body: { name: string; slack_configs: { send_resolved: boolean }[] };

				}

				// Captures the PUT /channels/:id request the edit form fires, so assertions can

				// run against the real HTTP payload instead of a hand-mocked api client.

				function mockEditChannel(): { calls: EditRequest[] } {

					const result: { calls: EditRequest[] } = { calls: [] };

					server.use(

						rest.put('http://localhost/api/v1/channels/:id', async (req, res, ctx) => {

							result.calls.push({

								id: req.params.id as string,

								body: await req.json(),

							});

							return res(

								ctx.status(200),

								ctx.json({ status: 'success', data: 'channel updated' }),

							);

						}),

					);

					return result;

				}

				describe('EditAlertChannels save', () => {

					afterEach(() => jest.clearAllMocks());

					it('sends the channelId in the edit request (regression: empty id)', async () => {

						const edit = mockEditChannel();

						render(

							<EditAlertChannels

								channelId="3"

								initialValue={editAlertChannelInitialValue}

							/>,

						);

						const user = userEvent.setup();

						await user.click(screen.getByTestId('save-channel-button'));

						await waitFor(() => expect(edit.calls).toHaveLength(1));

						expect(edit.calls[0].id).toBe('3');

					});

					it('persists send_resolved toggle in the edit request', async () => {

						const edit = mockEditChannel();

						render(

							<EditAlertChannels

								channelId="3"

								initialValue={editAlertChannelInitialValue}

							/>,

						);

						const user = userEvent.setup();

						const sendResolved = screen.getByTestId('field-send-resolved-checkbox');

						expect(sendResolved).toBeChecked();

						await user.click(sendResolved);

						await user.click(screen.getByTestId('save-channel-button'));

						await waitFor(() => expect(edit.calls).toHaveLength(1));

						expect(edit.calls[0].id).toBe('3');

						expect(edit.calls[0].body.slack_configs[0].send_resolved).toBe(false);

					});

				});

									
										6

frontend/src/container/AppLayout/index.tsx
									
												View File
												
				@@ -413,14 +413,8 @@ function AppLayout(props: AppLayoutProps): JSX.Element {

					const isPanelEditorV2 = routeKey === 'DASHBOARD_PANEL_EDITOR';

					const renderFullScreen =

						pathname === ROUTES.GET_STARTED ||

						pathname === ROUTES.ONBOARDING ||

						pathname === ROUTES.GET_STARTED_WITH_CLOUD ||

						pathname === ROUTES.GET_STARTED_APPLICATION_MONITORING ||

						pathname === ROUTES.GET_STARTED_INFRASTRUCTURE_MONITORING ||

						pathname === ROUTES.GET_STARTED_LOGS_MANAGEMENT ||

						pathname === ROUTES.GET_STARTED_AWS_MONITORING ||

						pathname === ROUTES.GET_STARTED_AZURE_MONITORING ||

						isPublicDashboard ||

						isPanelEditorV2;

									
										7

frontend/src/container/EditAlertChannels/index.tsx
									
												View File
												
				@@ -32,6 +32,7 @@ import APIError from 'types/api/error';

				function EditAlertChannels({

					initialValue,

					channelId: id,

				}: EditAlertChannelsProps): JSX.Element {

					// init namespace for translations

					const { t } = useTranslation('channels');

				@@ -53,11 +54,6 @@ function EditAlertChannels({

					const [testingState, setTestingState] = useState<boolean>(false);

					const { notifications } = useNotifications();

					// Extract channelId from URL pathname since useParams doesn't work in nested routing

					const { pathname } = window.location;

					const channelIdMatch = pathname.match(/\/settings\/channels\/edit\/([^/]+)/);

					const id = channelIdMatch ? channelIdMatch[1] : '';

					const [type, setType] = useState<ChannelType>(

						initialValue?.type ? (initialValue.type as ChannelType) : ChannelType.Slack,

					);

				@@ -520,6 +516,7 @@ interface EditAlertChannelsProps {

					initialValue: {

						[x: string]: unknown;

					};

					channelId: string;

				}

				export default EditAlertChannels;

									
										3

frontend/src/container/FormAlertChannels/index.tsx
									
												View File
												
				@@ -136,6 +136,7 @@ function FormAlertChannels({

								<Form.Item>

									<Button

										data-testid="save-channel-button"

										disabled={savingState}

										loading={savingState}

										type="primary"

				@@ -144,6 +145,7 @@ function FormAlertChannels({

										{t('button_save_channel')}

									</Button>

									<Button

										data-testid="test-channel-button"

										disabled={testingState}

										loading={testingState}

										onClick={(): void => onTestHandler(type)}

				@@ -151,6 +153,7 @@ function FormAlertChannels({

										{t('button_test_channel')}

									</Button>

									<Button

										data-testid="return-button"

										onClick={(): void => {

											history.replace(ROUTES.ALL_CHANNELS);

										}}

									
										29

frontend/src/container/FullScreenHeader/FullScreenHeader.styles.scss
									
												View File
											
				@@ -1,29 +0,0 @@

				.full-screen-header-container {

					display: flex;

					justify-content: center;

					align-items: center;

					padding: 24px 0;

					.brand-logo {

						display: flex;

						justify-content: center;

						align-items: center;

						gap: 16px;

						cursor: pointer;

						img {

							height: 32px;

							width: 32px;

						}

						.brand-logo-name {

							font-family: 'Work Sans', sans-serif;

							font-size: 24px;

							font-style: normal;

							font-weight: 500;

							line-height: 18px;

							color: var(--l1-foreground);

						}

					}

				}

									
										28

frontend/src/container/FullScreenHeader/FullScreenHeader.tsx
									
												View File
											
				@@ -1,28 +0,0 @@

				import history from 'lib/history';

				import signozBrandLogoUrl from '@/assets/Logos/signoz-brand-logo.svg';

				import './FullScreenHeader.styles.scss';

				export default function FullScreenHeader({

					overrideRoute,

				}: {

					overrideRoute?: string;

				}): React.ReactElement {

					const handleLogoClick = (): void => {

						history.push(overrideRoute || '/');

					};

					return (

						<div className="full-screen-header-container">

							<div className="brand-logo" onClick={handleLogoClick}>

								<img src={signozBrandLogoUrl} alt="SigNoz" />

								<div className="brand-logo-name">SigNoz</div>

							</div>

						</div>

					);

				}

				FullScreenHeader.defaultProps = {

					overrideRoute: '/',

				};

									
										27

frontend/src/container/LLMObservability/LLMObservability.module.scss
									
										Normal file
									
												View File
												
				@@ -0,0 +1,27 @@

				.llmObservability {

					display: flex;

					flex-direction: column;

					gap: var(--spacing-8);

					padding: var(--spacing-12) var(--spacing-16);

				}

				.pageHeader {

					display: flex;

					align-items: flex-start;

					justify-content: space-between;

					gap: var(--spacing-8);

				}

				.pageHeaderTitle {

					.title {

						margin: 0;

						font-size: var(--font-size-xl);

						font-weight: var(--font-weight-semibold);

					}

					.subtitle {

						margin: var(--spacing-2) 0 0;

						color: var(--text-vanilla-400);

						font-size: var(--periscope-font-size-base);

					}

				}

									
										18

frontend/src/container/LLMObservability/LLMObservability.tsx
									
										Normal file
									
												View File
												
				@@ -0,0 +1,18 @@

				import styles from './LLMObservability.module.scss';

				function LLMObservability(): JSX.Element {

					return (

						<div className={styles.llmObservability} data-testid="llm-observability-page">

							<header className={styles.pageHeader}>

								<div className={styles.pageHeaderTitle}>

									<h1 className={styles.title}>LLM Observability</h1>

									<p className={styles.subtitle}>

										Monitor and analyze your LLM usage, costs, and performance

									</p>

								</div>

							</header>

						</div>

					);

				}

				export default LLMObservability;

									
										30

frontend/src/container/LLMObservability/Settings/ModelPricing/LLMObservabilityModelPricing.module.scss
									
										Normal file
									
												View File
												
				@@ -0,0 +1,30 @@

				.llmObservabilityModelPricing {

					display: flex;

					flex-direction: column;

					gap: var(--spacing-8);

					padding: var(--spacing-12) var(--spacing-16);

				}

				.pageHeader {

					display: flex;

					align-items: flex-start;

					justify-content: space-between;

					gap: var(--spacing-8);

				}

				.pageHeaderTitle {

					display: flex;

					flex-direction: column;

					gap: var(--spacing-2);

					.title {

						margin: 0;

						font-size: var(--font-size-xl);

						font-weight: var(--font-weight-semibold);

					}

					.subtitle {

						margin: var(--spacing-2) 0 0;

						color: var(--text-vanilla-400);

						font-size: var(--periscope-font-size-base);

					}

				}

									
										47

frontend/src/container/LLMObservability/Settings/ModelPricing/LLMObservabilityModelPricing.tsx
									
										Normal file
									
												View File
												
				@@ -0,0 +1,47 @@

				import { Tabs } from '@signozhq/ui/tabs';

				import { Typography } from '@signozhq/ui/typography';

				import ModelCostTabPanel from './ModelCostTabPanel';

				import styles from './LLMObservabilityModelPricing.module.scss';

				function LLMObservabilityModelPricing(): JSX.Element {

					return (

						<div

							className={styles.llmObservabilityModelPricing}

							data-testid="llm-observability-model-pricing-page"

						>

							<header className={styles.pageHeader}>

								<div className={styles.pageHeaderTitle}>

									<Typography.Text as="h1" size="large" weight="semibold">

										Configuration

									</Typography.Text>

									<Typography.Text color="muted">

										Model pricing and cost estimation settings

									</Typography.Text>

								</div>

							</header>

							<Tabs

								// Model costs is the only enabled tab for now, so default to it. When

								// the unpriced-models tab lands, this can become a URL-backed param.

								defaultValue="model-costs"

								items={[

									{

										key: 'model-costs',

										label: 'Model costs',

										children: <ModelCostTabPanel />,

									},

									{

										// Unpriced-models tab lands in a later PR.

										key: 'unpriced-models',

										label: 'Unpriced models',

										disabled: true,

										children: null,

									},

								]}

							/>

						</div>

					);

				}

				export default LLMObservabilityModelPricing;

									
										7

frontend/src/container/LLMObservability/Settings/ModelPricing/ModelCostTabPanel/ModelCostTabPanel.module.scss
									
										Normal file
									
												View File
												
				@@ -0,0 +1,7 @@

				.pageError {

					padding: var(--spacing-6) var(--spacing-8);

					border-radius: var(--radius-2);

					background: color-mix(in srgb, var(--bg-cherry-400) 8%, transparent);

					color: var(--text-cherry-400);

					font-size: var(--periscope-font-size-base);

				}

									
										61

frontend/src/container/LLMObservability/Settings/ModelPricing/ModelCostTabPanel/ModelCostTabPanel.tsx
									
										Normal file
									
												View File
												
				@@ -0,0 +1,61 @@

				import { useMemo } from 'react';

				import { useListLLMPricingRules } from 'api/generated/services/llmpricingrules';

				import { type ListLLMPricingRulesParams } from 'api/generated/services/sigNoz.schemas';

				import { useTableParams } from 'components/TanStackTableView';

				import { Typography } from '@signozhq/ui/typography';

				import { LIMIT_KEY, PAGE_KEY, PAGE_SIZE } from '../constants';

				import styles from './ModelCostTabPanel.module.scss';

				import ModelCostsTable from './components/ModelCostsTable';

				import { type LlmpricingruletypesLLMPricingRuleDTO } from 'api/generated/services/sigNoz.schemas';

				function ModelCostTabPanel(): JSX.Element {

					const { page, limit } = useTableParams(

						{ page: PAGE_KEY, limit: LIMIT_KEY },

						{ page: 1, limit: PAGE_SIZE },

					);

					// Search + source filters are intentionally omitted for now — the list API

					// doesn't honour them yet. They'll be reintroduced here once it does.

					const listParams: ListLLMPricingRulesParams = {

						offset: (page - 1) * limit,

						limit,

					};

					const { data, isLoading, isError } = useListLLMPricingRules(listParams);

					const rules: LlmpricingruletypesLLMPricingRuleDTO[] = useMemo(

						() => data?.data?.items || [],

						[data],

					);

					const total = data?.data?.total ?? 0;

					return (

						<>

							{isError && (

								<div className={styles.pageError} role="alert">

									Failed to load pricing rules. Please try again.

								</div>

							)}

							{/* Read-only listing. Edit/Add wiring + the drawer land in the next PR. */}

							<ModelCostsTable

								rules={rules}

								isLoading={isLoading}

								total={total}

								selectedRuleId={null}

								canManage={false}

								onEdit={(): void => undefined}

								onDelete={(): void => undefined}

							/>

							<footer>

								<Typography.Text color="muted" size="small">

									All prices per 1M tokens (USD)

								</Typography.Text>

							</footer>

						</>

					);

				}

				export default ModelCostTabPanel;

									
										8

frontend/src/container/LLMObservability/Settings/ModelPricing/ModelCostTabPanel/components/ModelCostsTable/ModelCostActionsMenu.module.scss
									
										Normal file
									
												View File
												
				@@ -0,0 +1,8 @@

				.actionButton {

					opacity: 0.7;

					transition: opacity 0.15s ease;

					&:hover {

						opacity: 1;

					}

				}

									
										61

frontend/src/container/LLMObservability/Settings/ModelPricing/ModelCostTabPanel/components/ModelCostsTable/ModelCostActionsMenu.tsx
									
										Normal file
									
												View File
												
				@@ -0,0 +1,61 @@

				import { useMemo } from 'react';

				import { Ellipsis } from '@signozhq/icons';

				import { Button } from '@signozhq/ui/button';

				import { DropdownMenuSimple, type MenuItem } from '@signozhq/ui/dropdown-menu';

				import { type LlmpricingruletypesLLMPricingRuleDTO } from 'api/generated/services/sigNoz.schemas';

				import styles from './ModelCostActionsMenu.module.scss';

				interface ModelCostActionsMenuProps {

					rule: LlmpricingruletypesLLMPricingRuleDTO;

					canManage: boolean;

					onEdit: (rule: LlmpricingruletypesLLMPricingRuleDTO) => void;

					onDelete: (rule: LlmpricingruletypesLLMPricingRuleDTO) => void;

				}

				// Per-row kebab menu for the model-costs table. Only manage users get actions

				// (Edit + Delete); view-only users have nothing to act on, so the cell stays

				// empty rather than showing a single-item menu.

				function ModelCostActionsMenu({

					rule,

					canManage,

					onEdit,

					onDelete,

				}: ModelCostActionsMenuProps): JSX.Element | null {

					const menuItems = useMemo<MenuItem[]>(

						() => [

							{

								key: 'edit',

								label: 'Edit',

								onClick: (): void => onEdit(rule),

							},

							{

								key: 'delete',

								label: 'Delete',

								danger: true,

								onClick: (): void => onDelete(rule),

							},

						],

						[onEdit, onDelete, rule],

					);

					if (!canManage) {

						return null;

					}

					return (

						<DropdownMenuSimple menu={{ items: menuItems }} align="end">

							<Button

								variant="ghost"

								color="secondary"

								size="icon"

								className={styles.actionButton}

								testId={`model-cost-actions-${rule.id}`}

							>

								<Ellipsis size={16} />

							</Button>

						</DropdownMenuSimple>

					);

				}

				export default ModelCostActionsMenu;

									
										20

frontend/src/container/LLMObservability/Settings/ModelPricing/ModelCostTabPanel/components/ModelCostsTable/ModelCostsTable.module.scss
									
										Normal file
									
												View File
												
				@@ -0,0 +1,20 @@

				.modelCostsTable {

					margin-top: var(--spacing-8);

					--tanstack-table-row-height: 48px;

					height: calc(100vh - 250px);

					overflow-y: auto;

					:global(table) tbody tr {

						cursor: default;

					}

				}

				.modelCostsEmpty {

					display: flex;

					align-items: center;

					justify-content: center;

					margin-top: var(--spacing-8);

					min-height: 400px;

					color: var(--text-vanilla-400);

					font-size: var(--periscope-font-size-base);

				}

									
										73

frontend/src/container/LLMObservability/Settings/ModelPricing/ModelCostTabPanel/components/ModelCostsTable/ModelCostsTable.tsx
									
										Normal file
									
												View File
												
				@@ -0,0 +1,73 @@

				import { useMemo } from 'react';

				import TanStackTable from 'components/TanStackTableView';

				import {

					LIMIT_KEY,

					PAGE_KEY,

					PAGE_SIZE,

					SKELETON_ROW_COUNT,

				} from '../../../constants';

				import styles from './ModelCostsTable.module.scss';

				import { getModelCostsColumns } from './TableConfig';

				import { type LlmpricingruletypesLLMPricingRuleDTO } from 'api/generated/services/sigNoz.schemas';

				interface ModelCostsTableProps {

					rules: LlmpricingruletypesLLMPricingRuleDTO[];

					isLoading: boolean;

					total: number;

					selectedRuleId: string | null;

					canManage: boolean;

					onEdit: (rule: LlmpricingruletypesLLMPricingRuleDTO) => void;

					onDelete: (rule: LlmpricingruletypesLLMPricingRuleDTO) => void;

				}

				// The table owns its own pagination URL state (page/limit) via enableQueryParams;

				// ModelCostsTab reads the same keys to build the list request. Virtual scroll is

				// disabled: a plain table renders fine at our page sizes (up to 100 rows) and the

				// fixed-height scroll viewport (.modelCostsTable) keeps large pages scrolling

				// inside the table.

				function ModelCostsTable({

					rules,

					isLoading,

					total,

					selectedRuleId,

					canManage,

					onEdit,

					onDelete,

				}: ModelCostsTableProps): JSX.Element {

					const columns = useMemo(

						() => getModelCostsColumns({ canManage, onEdit, onDelete }),

						[canManage, onEdit, onDelete],

					);

					if (!isLoading && rules.length === 0) {

						return (

							<div className={styles.modelCostsEmpty} data-testid="model-costs-empty">

								No model costs yet.

							</div>

						);

					}

					return (

						<TanStackTable<LlmpricingruletypesLLMPricingRuleDTO>

							className={styles.modelCostsTable}

							data={rules}

							columns={columns}

							isLoading={isLoading}

							skeletonRowCount={SKELETON_ROW_COUNT}

							getRowKey={(row): string => row.id}

							isRowActive={(row): boolean => row.id === selectedRuleId}

							disableVirtualScroll

							testId="model-costs-table"

							enableQueryParams={{ page: PAGE_KEY, limit: LIMIT_KEY }}

							pagination={{

								total,

								defaultLimit: PAGE_SIZE,

								showTotalCount: true,

								totalCountLabel: 'models',

							}}

						/>

					);

				}

				export default ModelCostsTable;

									
										1

frontend/src/container/LLMObservability/Settings/ModelPricing/ModelCostTabPanel/components/ModelCostsTable/TableConfig/index.ts
									
										Normal file
									
												View File
												
				@@ -0,0 +1 @@

				export { getModelCostsColumns } from './table.config';

									
										161

frontend/src/container/LLMObservability/Settings/ModelPricing/ModelCostTabPanel/components/ModelCostsTable/TableConfig/table.config.tsx
									
										Normal file
									
												View File
												
				@@ -0,0 +1,161 @@

				import { Badge } from '@signozhq/ui/badge';

				import { Typography } from '@signozhq/ui/typography';

				import type { TableColumnDef } from 'components/TanStackTableView';

				import { startCase } from 'lodash-es';

				import styles from './tableConfig.module.scss';

				import ModelCostActionsMenu from '../ModelCostActionsMenu';

				import { type LlmpricingruletypesLLMPricingRuleDTO } from 'api/generated/services/sigNoz.schemas';

				import {

					formatPricePerMillion,

					getCanonicalId,

					getExtraBuckets,

					getRelativeLastSeen,

					getSourceLabel,

				} from '../../../../utils';

				interface ColumnsConfig {

					canManage: boolean;

					onEdit: (rule: LlmpricingruletypesLLMPricingRuleDTO) => void;

					onDelete: (rule: LlmpricingruletypesLLMPricingRuleDTO) => void;

				}

				// Column definitions for the model-costs TanStackTable. Sorting is intentionally

				// off across the board — the list API only accepts offset/limit, so there's no

				// server-side ordering to back a sortable header yet.

				export function getModelCostsColumns({

					canManage,

					onEdit,

					onDelete,

				}: ColumnsConfig): TableColumnDef<LlmpricingruletypesLLMPricingRuleDTO>[] {

					return [

						{

							id: 'model',

							header: 'Model',

							accessorFn: (row): string => row.modelName ?? '',

							// Flexes to absorb spare width alongside Extra buckets so the row fills

							// the container instead of leaving a gap on the right.

							width: { min: 240, default: '100%' },

							enableMove: false,

							enableRemove: false,

							cell: ({ row }): JSX.Element => (

								<div className={styles.modelCell}>

									<Typography.Text

										weight="semibold"

										truncate={1}

										testId={`model-cell-name-${row.id}`}

									>

										{row.modelName}

									</Typography.Text>

									<Typography.Text truncate={1}>{getCanonicalId(row)}</Typography.Text>

								</div>

							),

						},

						{

							id: 'provider',

							header: 'Provider',

							accessorKey: 'provider',

							width: { min: 140 },

							enableMove: false,

							cell: ({ row }): string => row.provider ?? '',

						},

						{

							id: 'input',

							header: 'Input / 1M',

							width: { min: 120 },

							enableMove: false,

							cell: ({ row }): JSX.Element => (

								<Typography.Text>

									{formatPricePerMillion(row.pricing?.input)}

								</Typography.Text>

							),

						},

						{

							id: 'output',

							header: 'Output / 1M',

							width: { min: 120 },

							enableMove: false,

							cell: ({ row }): JSX.Element => (

								<Typography.Text>

									{formatPricePerMillion(row.pricing?.output)}

								</Typography.Text>

							),

						},

						{

							id: 'extraBuckets',

							header: 'Extra buckets',

							width: { min: 200, default: '100%' },

							enableMove: false,

							cell: ({ row }): JSX.Element => {

								const buckets = getExtraBuckets(row);

								if (buckets.length === 0) {

									return (

										<Typography.Text color="muted" as="span">

											—

										</Typography.Text>

									);

								}

								return (

									<div className={styles.extraBuckets}>

										{buckets.map((bucket) => (

											<Badge

												key={bucket.key}

												color="vanilla"

												variant="outline"

												className={styles.extraBucketsChip}

											>

												<Typography.Text as="span" size="small">

													{startCase(bucket.key)}

												</Typography.Text>

												<Typography.Text as="span" size="small" weight="semibold">

													{formatPricePerMillion(bucket.pricePerMillion)}

												</Typography.Text>

											</Badge>

										))}

									</div>

								);

							},

						},

						{

							id: 'source',

							header: 'Source',

							width: { min: 130 },

							enableMove: false,

							cell: ({ row }): JSX.Element => (

								<Badge

									color={row.isOverride ? 'amber' : 'robin'}

									variant="outline"

									className={styles.sourceBadge}

									data-testid={`source-badge-${row.id}`}

								>

									{getSourceLabel(row)}

								</Badge>

							),

						},

						{

							id: 'lastSeen',

							header: 'Last seen',

							width: { min: 120 },

							enableMove: false,

							cell: ({ row }): string => getRelativeLastSeen(row),

						},

						{

							id: 'actions',

							header: '',

							width: { fixed: '56px', ignoreLastColumnFill: true },

							pin: 'right',

							enableMove: false,

							enableRemove: false,

							cell: ({ row }): JSX.Element | null => (

								<ModelCostActionsMenu

									rule={row}

									canManage={canManage}

									onEdit={onEdit}

									onDelete={onDelete}

								/>

							),

						},

					];

				}

									
										26

frontend/src/container/LLMObservability/Settings/ModelPricing/ModelCostTabPanel/components/ModelCostsTable/TableConfig/tableConfig.module.scss
									
										Normal file
									
												View File
												
				@@ -0,0 +1,26 @@

				.modelCell {

					display: flex;

					flex-direction: column;

					gap: var(--spacing-1);

					min-width: 0;

				}

				.extraBuckets {

					display: flex;

					// Keep chips on a single line so the row stays at the table's fixed row

					// height; the column flexes to 100% so there's room for both.

					flex-wrap: nowrap;

					gap: var(--spacing-3);

					overflow: hidden;

				}

				.extraBucketsChip {

					display: inline-flex;

					align-items: center;

					gap: var(--spacing-3);

					margin: 0;

				}

				.sourceBadge {

					margin: 0;

				}

									
										1

frontend/src/container/LLMObservability/Settings/ModelPricing/ModelCostTabPanel/components/ModelCostsTable/index.ts
									
										Normal file
									
												View File
												
				@@ -0,0 +1 @@

				export { default } from './ModelCostsTable';

									
										1

frontend/src/container/LLMObservability/Settings/ModelPricing/ModelCostTabPanel/index.ts
									
										Normal file
									
												View File
												
				@@ -0,0 +1 @@

				export { default } from './ModelCostTabPanel';

									
										6

frontend/src/container/LLMObservability/Settings/ModelPricing/constants.ts
									
										Normal file
									
												View File
												
				@@ -0,0 +1,6 @@

				export const PAGE_SIZE = 20;

				export const PAGE_KEY = 'page';

				export const LIMIT_KEY = 'limit';

				export const SKELETON_ROW_COUNT = PAGE_SIZE;

									
										4

frontend/src/container/LLMObservability/Settings/ModelPricing/types.ts
									
										Normal file
									
												View File
												
				@@ -0,0 +1,4 @@

				export interface ExtraBucket {

					key: string;

					pricePerMillion: number;

				}

									
										60

frontend/src/container/LLMObservability/Settings/ModelPricing/utils.ts
									
										Normal file
									
												View File
												
				@@ -0,0 +1,60 @@

				import dayjs from 'dayjs';

				import relativeTime from 'dayjs/plugin/relativeTime';

				import type { ExtraBucket } from './types';

				import type { LlmpricingruletypesLLMPricingRuleDTO } from 'api/generated/services/sigNoz.schemas';

				dayjs.extend(relativeTime);

				const getRelativeTime = (

					timestamp: string | number | Date | null | undefined,

				): string => {

					const parsed = timestamp != null ? dayjs(timestamp) : null;

					return parsed?.isValid() ? parsed.fromNow() : '—';

				};

				// ─── Display helpers ─────────────────────────────────────────────────────────

				export const formatPricePerMillion = (value: number | undefined): string => {

					if (value === undefined || value === null) {

						return '—';

					}

					// 2dp is enough for per-1M pricing. we can update this later we models have sub-cent pricing.

					return `$${value.toFixed(2)}`;

				};

				export const getExtraBuckets = (

					rule: LlmpricingruletypesLLMPricingRuleDTO,

				): ExtraBucket[] => {

					const cache = rule.pricing?.cache;

					if (!cache) {

						return [];

					}

					const buckets: ExtraBucket[] = [];

					if (typeof cache.read === 'number' && cache.read > 0) {

						buckets.push({ key: 'cache_read', pricePerMillion: cache.read });

					}

					if (typeof cache.write === 'number' && cache.write > 0) {

						buckets.push({ key: 'cache_write', pricePerMillion: cache.write });

					}

					return buckets;

				};

				export const getSourceLabel = (

					rule: LlmpricingruletypesLLMPricingRuleDTO,

				): 'Auto' | 'User override' => (rule.isOverride ? 'User override' : 'Auto');

				export const getRelativeLastSeen = (

					rule: LlmpricingruletypesLLMPricingRuleDTO,

				): string => getRelativeTime(rule.updatedAt || rule.syncedAt || rule.createdAt);

				// Canonical id shown under the model name, e.g. "openai:gpt-4o". Both segments

				// are lower-cased so the id is consistently normalised (providers/models can

				// arrive with mixed casing).

				export const getCanonicalId = (

					rule: LlmpricingruletypesLLMPricingRuleDTO,

				): string => {

					const provider = rule.provider?.trim().toLowerCase() || 'unknown';

					const model = rule.modelName?.trim().toLowerCase() || 'unknown';

					return `${provider}:${model}`;

				};

									
										4

frontend/src/container/MembersSettings/MembersSettings.styles.scss
									
												View File
												
				@@ -1,10 +1,12 @@

				.members-settings {

				.members-settings-page {

					display: flex;

					flex-direction: column;

					gap: var(--spacing-8);

					padding: var(--padding-4) var(--padding-2) var(--padding-6) var(--padding-4);

					height: 100%;

				}

				.members-settings {

					&__header {

						display: flex;

						flex-direction: column;

				`@@ -0,0 +1 @@`
				`export { getModelCostsColumns } from './table.config';`

				`@@ -0,0 +1 @@`
				`export { default } from './ModelCostsTable';`

				`@@ -0,0 +1 @@`
				`export { default } from './ModelCostTabPanel';`

Compare commits

31 Commits issue-5388 ... platform-p

6 .github/workflows/e2eci.yaml vendored Unescape Escape View File

11 .github/workflows/jsci.yaml vendored Unescape Escape View File

233 README.de-de.md Unescape Escape View File

278 README.md Unescape Escape View File

232 README.pt-br.md Unescape Escape View File

244 README.zh-cn.md Unescape Escape View File

5 cmd/community/server.go Unescape Escape View File

5 cmd/enterprise/server.go Unescape Escape View File

8 conf/example.yaml Unescape Escape View File

1068 docs/api/openapi.yml View File

49 docs/contributing/go/errors.md Unescape Escape View File

BIN docs/readme-assets/monitor/agent-native.png Normal file View File

BIN docs/readme-assets/monitor/apm.png Normal file View File

BIN docs/readme-assets/monitor/distributed-tracing.png Normal file View File

BIN docs/readme-assets/monitor/infrastructure.png Normal file View File

BIN docs/readme-assets/monitor/llm.png Normal file View File

630 docs/readme-assets/monitor/log-management.svg Normal file View File

BIN docs/readme-assets/monitor/metrics.png Normal file View File

BIN docs/readme-assets/monitor/trace-funnels.png Normal file View File

BIN docs/readme-assets/signoz-hero-dark.png Normal file View File

BIN docs/readme-assets/signoz-hero-light.png Normal file View File

6 ee/authz/openfgaauthz/provider.go Unescape Escape View File

4 ee/modules/dashboard/impldashboard/module.go Unescape Escape View File

565 ee/modules/metricreductionrule/implmetricreductionrule/clickhouse.go Normal file Unescape Escape View File

571 ee/modules/metricreductionrule/implmetricreductionrule/module.go Normal file Unescape Escape View File

145 ee/modules/metricreductionrule/implmetricreductionrule/store.go Normal file Unescape Escape View File

9 ee/query-service/app/api/featureFlags.go Unescape Escape View File

4 ee/sqlstore/postgressqlstore/formatter.go Unescape Escape View File

2 frontend/example.env Unescape Escape View File

2 frontend/public/locales/en/routes.json Unescape Escape View File

2 frontend/public/locales/en/titles.json Unescape Escape View File

13 frontend/scripts/extract-md-languages.sh Unescape Escape View File

41 frontend/scripts/validate-md-languages.sh Unescape Escape View File

20 frontend/src/AppRoutes/Private.tsx Unescape Escape View File

81 frontend/src/AppRoutes/__tests__/Private.test.tsx Unescape Escape View File

16 frontend/src/AppRoutes/index.tsx Unescape Escape View File

29 frontend/src/AppRoutes/pageComponents.ts Unescape Escape View File

31 frontend/src/AppRoutes/routes.ts Unescape Escape View File

841 frontend/src/api/generated/services/metrics/index.ts Unescape Escape View File

601 frontend/src/api/generated/services/sigNoz.schemas.ts Unescape Escape View File

35 frontend/src/api/trace/getTraceV2.tsx Unescape Escape View File

1 frontend/src/api/trace/getTraceV4.tsx Unescape Escape View File

25 frontend/src/assets/TraceDetail/Flamegraph.tsx Unescape Escape View File

9 frontend/src/components/ErrorInPlace/ErrorInPlace.tsx Unescape Escape View File

163 frontend/src/components/InviteMembers/InviteMembers.module.scss Normal file Unescape Escape View File

221 frontend/src/components/InviteMembers/InviteMembers.tsx Normal file Unescape Escape View File

240 frontend/src/components/InviteMembers/__tests__/InviteMembers.edgeCases.test.tsx Normal file Unescape Escape View File

95 frontend/src/components/InviteMembers/__tests__/InviteMembers.rendering.test.tsx Normal file Unescape Escape View File

95 frontend/src/components/InviteMembers/__tests__/InviteMembers.rowManagement.test.tsx Normal file Unescape Escape View File

362 frontend/src/components/InviteMembers/__tests__/InviteMembers.submission.test.tsx Normal file Unescape Escape View File

217 frontend/src/components/InviteMembers/__tests__/InviteMembers.validation.test.tsx Normal file Unescape Escape View File

54 frontend/src/components/InviteMembers/__tests__/testUtils.ts Normal file Unescape Escape View File

64 frontend/src/components/InviteMembers/types.ts Normal file Unescape Escape View File

245 frontend/src/components/InviteMembers/useInviteMembers.ts Normal file Unescape Escape View File

6 frontend/src/components/MessagingQueueHealthCheck/AttributeCheckList.tsx Unescape Escape View File

8 frontend/src/components/PermissionDeniedFullPage/PermissionDeniedFullPage.test.tsx Unescape Escape View File

11 frontend/src/components/PermissionDeniedFullPage/PermissionDeniedFullPage.tsx Unescape Escape View File

34 frontend/src/components/ServiceAccountDrawer/OverviewTab.tsx Unescape Escape View File

13 frontend/src/components/ServiceAccountDrawer/ServiceAccountDrawer.styles.scss Unescape Escape View File

48 frontend/src/components/ServiceAccountDrawer/ServiceAccountDrawer.tsx Unescape Escape View File

106 frontend/src/components/SpanHoverCard/SpanHoverCard.styles.scss Unescape Escape View File

103 frontend/src/components/SpanHoverCard/SpanHoverCard.tsx Unescape Escape View File

291 frontend/src/components/SpanHoverCard/__tests__/SpanHoverCard.test.tsx Unescape Escape View File

4 frontend/src/constants/features.ts Unescape Escape View File

12 frontend/src/constants/routes.ts Unescape Escape View File

42 frontend/src/container/AIAssistant/__tests__/getAutoContexts.test.ts Unescape Escape View File

56 frontend/src/container/AIAssistant/components/ChatInput/ChatInput.module.scss Unescape Escape View File

59 frontend/src/container/AIAssistant/components/ChatInput/ChatInput.tsx Unescape Escape View File

68 frontend/src/container/AIAssistant/components/ChatInput/ContextPickerEmptyState.tsx Normal file Unescape Escape View File

113 frontend/src/container/AIAssistant/components/ChatInput/__tests__/ChatInput.prefill.test.tsx Normal file Unescape Escape View File

135 frontend/src/container/AIAssistant/components/ChatInput/__tests__/ContextPickerEmptyState.test.tsx Normal file Unescape Escape View File

100 frontend/src/container/AIAssistant/components/ChatInput/__tests__/contextPicker.test.ts Normal file Unescape Escape View File

103 frontend/src/container/AIAssistant/components/ChatInput/contextPicker.ts Normal file Unescape Escape View File

10 frontend/src/container/AIAssistant/getAutoContexts.ts Unescape Escape View File

7 frontend/src/container/AllAlertChannels/__tests__/EditAlertChannel.test.tsx Unescape Escape View File

81 frontend/src/container/AllAlertChannels/__tests__/EditAlertChannelSave.test.tsx Normal file Unescape Escape View File

6 frontend/src/container/AppLayout/index.tsx Unescape Escape View File

7 frontend/src/container/EditAlertChannels/index.tsx Unescape Escape View File

31 Commits

issue-5388 ... platform-p

6

.github/workflows/e2eci.yaml vendored

View File

11

.github/workflows/jsci.yaml vendored

View File

233

README.de-de.md

View File

278

README.md

View File

232

README.pt-br.md

View File

244

README.zh-cn.md

View File

5

cmd/community/server.go

View File

5

cmd/enterprise/server.go

View File

8

conf/example.yaml

View File

1068

docs/api/openapi.yml

View File

49

docs/contributing/go/errors.md

View File

BIN
docs/readme-assets/monitor/agent-native.png Normal file

View File

BIN
docs/readme-assets/monitor/apm.png Normal file

View File

BIN
docs/readme-assets/monitor/distributed-tracing.png Normal file

View File

BIN
docs/readme-assets/monitor/infrastructure.png Normal file

View File

BIN
docs/readme-assets/monitor/llm.png Normal file

View File

630

docs/readme-assets/monitor/log-management.svg Normal file

View File

BIN
docs/readme-assets/monitor/metrics.png Normal file

View File

BIN
docs/readme-assets/monitor/trace-funnels.png Normal file

View File

BIN
docs/readme-assets/signoz-hero-dark.png Normal file

View File

BIN
docs/readme-assets/signoz-hero-light.png Normal file

View File

6

ee/authz/openfgaauthz/provider.go

View File

4

ee/modules/dashboard/impldashboard/module.go

View File

565

ee/modules/metricreductionrule/implmetricreductionrule/clickhouse.go Normal file

View File

571

ee/modules/metricreductionrule/implmetricreductionrule/module.go Normal file

View File

145

ee/modules/metricreductionrule/implmetricreductionrule/store.go Normal file

View File

9

ee/query-service/app/api/featureFlags.go

View File

4

ee/sqlstore/postgressqlstore/formatter.go

View File

2

frontend/example.env

View File

2

frontend/public/locales/en/routes.json

View File

2

frontend/public/locales/en/titles.json

View File

13

frontend/scripts/extract-md-languages.sh

View File

41

frontend/scripts/validate-md-languages.sh

View File

20

frontend/src/AppRoutes/Private.tsx

View File

81

frontend/src/AppRoutes/tests/Private.test.tsx

View File

16

frontend/src/AppRoutes/index.tsx

View File

29

frontend/src/AppRoutes/pageComponents.ts

View File

31

frontend/src/AppRoutes/routes.ts

View File

841

frontend/src/api/generated/services/metrics/index.ts

View File

601

frontend/src/api/generated/services/sigNoz.schemas.ts

View File

35

frontend/src/api/trace/getTraceV2.tsx

View File

1

frontend/src/api/trace/getTraceV4.tsx

View File

25

frontend/src/assets/TraceDetail/Flamegraph.tsx

View File

9

frontend/src/components/ErrorInPlace/ErrorInPlace.tsx

View File

163

frontend/src/components/InviteMembers/InviteMembers.module.scss Normal file

View File

221

frontend/src/components/InviteMembers/InviteMembers.tsx Normal file

View File

240

frontend/src/components/InviteMembers/tests/InviteMembers.edgeCases.test.tsx Normal file

View File

95

frontend/src/components/InviteMembers/tests/InviteMembers.rendering.test.tsx Normal file

View File

95

frontend/src/components/InviteMembers/tests/InviteMembers.rowManagement.test.tsx Normal file

View File

362

frontend/src/components/InviteMembers/tests/InviteMembers.submission.test.tsx Normal file

View File

217

frontend/src/components/InviteMembers/tests/InviteMembers.validation.test.tsx Normal file

View File

54

frontend/src/components/InviteMembers/tests/testUtils.ts Normal file

View File

64

frontend/src/components/InviteMembers/types.ts Normal file

View File

245

frontend/src/components/InviteMembers/useInviteMembers.ts Normal file

View File

6

frontend/src/components/MessagingQueueHealthCheck/AttributeCheckList.tsx

View File

8

frontend/src/components/PermissionDeniedFullPage/PermissionDeniedFullPage.test.tsx

View File

11

frontend/src/components/PermissionDeniedFullPage/PermissionDeniedFullPage.tsx

View File

34

frontend/src/components/ServiceAccountDrawer/OverviewTab.tsx

View File

13

frontend/src/components/ServiceAccountDrawer/ServiceAccountDrawer.styles.scss

View File

48

frontend/src/components/ServiceAccountDrawer/ServiceAccountDrawer.tsx

View File

106

frontend/src/components/SpanHoverCard/SpanHoverCard.styles.scss

View File

103

frontend/src/components/SpanHoverCard/SpanHoverCard.tsx

View File

291

frontend/src/components/SpanHoverCard/tests/SpanHoverCard.test.tsx

View File

4

frontend/src/constants/features.ts

View File

12

frontend/src/constants/routes.ts

View File

42

frontend/src/container/AIAssistant/tests/getAutoContexts.test.ts

View File

56

frontend/src/container/AIAssistant/components/ChatInput/ChatInput.module.scss

View File

59

frontend/src/container/AIAssistant/components/ChatInput/ChatInput.tsx

View File

68

frontend/src/container/AIAssistant/components/ChatInput/ContextPickerEmptyState.tsx Normal file

View File

113

frontend/src/container/AIAssistant/components/ChatInput/tests/ChatInput.prefill.test.tsx Normal file

View File

135

frontend/src/container/AIAssistant/components/ChatInput/tests/ContextPickerEmptyState.test.tsx Normal file

View File

100

frontend/src/container/AIAssistant/components/ChatInput/tests/contextPicker.test.ts Normal file

View File

103

frontend/src/container/AIAssistant/components/ChatInput/contextPicker.ts Normal file

View File

10

frontend/src/container/AIAssistant/getAutoContexts.ts

View File

7

frontend/src/container/AllAlertChannels/tests/EditAlertChannel.test.tsx

View File

81

frontend/src/container/AllAlertChannels/tests/EditAlertChannelSave.test.tsx Normal file

View File

6

frontend/src/container/AppLayout/index.tsx

View File

7

frontend/src/container/EditAlertChannels/index.tsx

View File

3

frontend/src/container/FormAlertChannels/index.tsx

View File