GV

GeezerVison

The World Wide Web, restored to 800 pixels of glory.

Home|About|Gaming cabinet|Archives|How it works|Starter sites

On this site

  • Sign in
  • ActionsCI/CD and automation
  • CodespacesCloud development environments
  • All Features
  • Documentation
  • Training
  • Certifications
  • Build with Copilot
  • Customize Copilot
  • Integrations
  • Trending repos
  • GitHub Sponsors
  • Developer articles
  • Enterprises

This view

  • Original page
  • New address

GeezerVison is showing github.com — [web-console] Tighten and group the runtime connector tables by AnnaZhand · Pull Request #7766 · feldera/feldera

Conversation

@AnnaZhand

@AnnaZhand AnnaZhand commented Oct 31, 2026

Copy link
Copy Markdown
Contributor

Linked Issue

Design polish of the Runtime tab's connector tables; no issue.

Describe Manual Test Plan

Compared the Tables (inputs) and Views (outputs) connector tables before and after this change, in light and dark mode, with three datasets: a six-table pipeline with transactions, a multi-connector pipeline with an unhealthy connector, and an edge-case set covering every connector state (running, ingesting, paused, end of input, parse/transport/encode errors, fatal error, checkpoint barrier, unhealthy with and without a description, no latency yet, 999,999,999-sized values, long connector names, mixed multi-connector rows).

Checked that:

  • every header reads as two lines (family / unit), and the Latency p99 tooltip opens and is left-aligned;
  • columns of one metric family sit together and each family starts after a wider gap; number columns keep their width as values change;
  • the unhealthy warning icon hangs before the status icons, so status icons stay aligned on every row, and clicking it opens the description popover with the copy button;
  • the expand chevron points right when collapsed and down when expanded, and expandable rows have a visible hover in both themes;
  • error counts still open the matching connector errors.

bun run check passes (0 errors). ConnectorMetricsTables.svelte.spec.ts passes (41/41). The full test-unit run has a few click timeouts that differ between runs, and plain main shows the same on this machine.

Screenshots: before/after posted as a comment below.

Checklist

  • Unit tests added/updated
  • Integration tests added/updated
  • Documentation updated
  • Changelog updated

Breaking Changes?

Mark if you think the answer is yes for any of these components:

  • OpenAPI / REST HTTP API / feldera-types / manager (What is a breaking change?)
  • Feldera SQL (Syntax, Semantics)
  • feldera-sqllib (incl. dependencies fxp, etc.) (What is a breaking change?)
  • Python SDK (What is a breaking change?)
  • fda (CLI arguments)
  • Adapters (including configuration)
  • Storage Format / Checkpoints
  • Others (specify)

Describe Incompatible Changes

None.

🤖 Generated with Claude Code

Sorry, something went wrong.

Uh oh!

There was an error while loading. Please reload this page.

Karakatiza666 and lalithsuresh reacted with rocket emoji
All reactions
  • 🚀 2 reactions
AnnaZhand and others added 2 commits November 2, 2026 01:37
@AnnaZhand @claude @Karakatiza666
[web-console] Tighten and group the runtime connector tables
f39ebf3
Restyle the Tables and Views connector tables on the Runtime tab:

- Two-line headers for every metric column ("Ingested / records",
  "Latency / p99 ?"), in one colour, with a left-aligned latency
  tooltip.
- Group columns by metric family: columns of one family sit close
  together and each new family (Connectors, Transaction, Buffered,
  Latency, Parse errors, Encode errors) starts after a wider gap.
  Number columns reserve room for their widest value, so they keep
  their width as live values change.
- Show an unhealthy connector as a warning icon in the slow-latency
  red, hanging before the status icons so those stay in one column.
  Its popover keeps the description and copy button, leads with a red
  "Unhealthy" and uses the table's 12px type.
- Point the expand chevron right when collapsed and down when
  expanded, and give expandable rows a hover shade distinct from the
  page background in both themes.
- Use a softer red (error-300) for slow latency in dark mode.

Tests read header text from textContent, since headers now break
across lines.

Signed-off-by: AnnaZhand <[email protected]>
Co-Authored-By: Claude Opus 5.5 <[email protected]>
@AnnaZhand @claude @Karakatiza666
[web-console] Set the connector tables in 14px type
70186b1
Raise the Tables and Views connector tables, and the unhealthy
popover, from 12px type on 18px lines to 14px on 20px lines, and size
the header row for two 20px lines. Number columns are sized in
character units, so they scale with the type and keep their
alignment and group spacing.

Signed-off-by: AnnaZhand <[email protected]>

Co-Authored-By: Claude Opus 5.5 <[email protected]>
@Karakatiza666
Karakatiza666 force-pushed the web-console-connector-tables-spacing branch from 03a79a1 to f7dedfd Compare November 1, 2026 23:37
@Karakatiza666
Karakatiza666 enabled auto-merge November 1, 2026 23:37
@Karakatiza666
Karakatiza666 self-requested a review November 2, 2026 10:20
@Karakatiza666
Remove redundant classes, other minor fixes
2baf7e7
Signed-off-by: Karakatiza666 <[email protected]>
@Karakatiza666
Karakatiza666 force-pushed the web-console-connector-tables-spacing branch from f7dedfd to 2baf7e7 Compare November 2, 2026 12:30
Karakatiza666
Karakatiza666 approved these changes Nov 2, 2026
View reviewed changes

@Karakatiza666 Karakatiza666 left a comment

Copy link
Copy Markdown
Contributor

There was a problem hiding this comment.

Choose a reason for hiding this comment

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

LGTM

Sorry, something went wrong.

Uh oh!

There was an error while loading. Please reload this page.

All reactions
@Karakatiza666
Karakatiza666 disabled auto-merge November 2, 2026 13:40
@Karakatiza666
Karakatiza666 added this pull request to the merge queue Nov 2, 2026
@github-merge-queue
github-merge-queue Bot removed this pull request from the merge queue due to failed status checks Nov 2, 2026

Uh oh!

There was an error while loading. Please reload this page.

@Karakatiza666
Karakatiza666 added this pull request to the merge queue Nov 2, 2026
Merged via the queue into feldera:main with commit d65d080 Nov 2, 2026
1 check passed

Uh oh!

There was an error while loading. Please reload this page.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

@Karakatiza666 Karakatiza666 Karakatiza666 approved these changes

Uh oh!

There was an error while loading. Please reload this page.

Assignees

No one assigned

Labels

None yet

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

Uh oh!

There was an error while loading. Please reload this page.

2 participants

@AnnaZhand @Karakatiza666
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
You are visitor 01402503 — GeezerVison does not store the pages you look up.
Best viewed with Netscape Navigator 4.7 or Internet Explorer 6 at 800×600. No cookies required.