Skip to content

Add an option to view per-connector metrics in Performance tab#5572

Merged
Karakatiza666 merged 1 commit intomainfrom
group-metrics
Feb 6, 2026
Merged

Add an option to view per-connector metrics in Performance tab#5572
Karakatiza666 merged 1 commit intomainfrom
group-metrics

Conversation

@Karakatiza666
Copy link
Contributor

@Karakatiza666 Karakatiza666 commented Feb 5, 2026

Currently all composite rows are collapsed by default.

image image

Copy link
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

This PR adds functionality to display per-connector metrics in the Performance tab, allowing users to view aggregated metrics alongside individual connector breakdowns for tables and views.

Changes:

  • Introduced AggregatedMetrics type to store both aggregate and per-connector metrics
  • Refactored metrics accumulation to group connector metrics by relation
  • Created a new MetricsTables.svelte component with expandable rows for viewing individual connector metrics

Reviewed changes

Copilot reviewed 5 out of 5 changed files in this pull request and generated 2 comments.

Show a summary per file
File Description
js-packages/web-console/src/routes/+layout.svelte Code formatting change (multi-line to single-line)
js-packages/web-console/src/lib/functions/pipelineMetrics.ts Added AggregatedMetrics type and refactored metrics accumulation to support per-connector data
js-packages/web-console/src/lib/compositions/useAggregatePipelineStats.svelte.ts Removed unused import
js-packages/web-console/src/lib/components/pipelines/editor/TabPerformance.svelte Replaced inline table markup with new MetricsTables component
js-packages/web-console/src/lib/components/pipelines/editor/MetricsTables.svelte New component for rendering expandable metrics tables with per-connector details

Comment on lines 81 to 86
<td class="">
<span class="select-none">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span
>{connector.endpointName}
</td>
<td class="text-end font-dm-mono">
{formatQty(connector.metrics.total_records)}
Copy link

Copilot AI Feb 5, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Using non-breaking spaces for indentation is fragile and inconsistent. Consider using CSS padding or margin (e.g., pl-6 or ml-6) for consistent indentation across different font sizes and rendering contexts.

Suggested change
<td class="">
<span class="select-none">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span
>{connector.endpointName}
</td>
<td class="text-end font-dm-mono">
{formatQty(connector.metrics.total_records)}
<td class="pl-6">
{connector.endpointName}
</td>
<td class="text-end font-dm-mono">
{formatQty(connector.metrics.total_records)}
{formatQty(connector.metrics.total_records)}

Copilot uses AI. Check for mistakes.
Comment on lines 161 to 166
<td class="">
<span class="select-none">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span
>{connector.endpointName}
</td>
<td class="text-end font-dm-mono">
{formatQty(connector.metrics.transmitted_records)}
Copy link

Copilot AI Feb 5, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Using non-breaking spaces for indentation is fragile and inconsistent. Consider using CSS padding or margin (e.g., pl-6 or ml-6) for consistent indentation across different font sizes and rendering contexts.

Suggested change
<td class="">
<span class="select-none">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span
>{connector.endpointName}
</td>
<td class="text-end font-dm-mono">
{formatQty(connector.metrics.transmitted_records)}
<td class="pl-6">
{connector.endpointName}
</td>
<td class="text-end font-dm-mono">
{formatQty(connector.metrics.transmitted_records)}
{formatQty(connector.metrics.transmitted_records)}

Copilot uses AI. Check for mistakes.
Signed-off-by: Karakatiza666 <bulakh.96@gmail.com>
{:else if data.connectors.length === 1}
{data.connectors[0].endpointName}
{:else}
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I don't know what this minus is. Is it a dash?

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

That's an em dash

@Karakatiza666 Karakatiza666 added this pull request to the merge queue Feb 6, 2026
Merged via the queue into main with commit 78f1cb8 Feb 6, 2026
5 checks passed
@Karakatiza666 Karakatiza666 deleted the group-metrics branch February 6, 2026 06:52
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants