nzw921rx opened a new pull request, #12259:
URL: https://github.com/apache/seatunnel/pull/12259
## Purpose
Improve the Zeta job detail Overview without changing its existing
information architecture. The page now uses the available container space
consistently on different screen sizes, while keeping the DAG, pinned live
metrics, and operator table readable and usable.
## Changes
- Make the Overview layout responsive to its container width and height.
- Allocate the page height dynamically between the DAG, pinned metrics, and
operator table:
- no pinned metrics: `5 / 1 / 4`
- pinned metrics: `4 / 3 / 3`
- Keep the DAG centered and scalable, add fit/zoom controls, and use the
SeaTunnel blue border for normal nodes.
- Keep pinned metric cards visible before samples arrive, and resize ECharts
with their containers.
- Preserve legends for a single series and reserve enough chart space to
avoid overlapping labels and axes.
- Show an explicit empty state for a pinned Records chart until the first
sample arrives.
- Allow the operator metrics table to scroll horizontally on narrow screens.
- Make the metric detail drawer responsive on small screens.
## Behavior
Pinned metrics reuse the existing Overview polling session. Selecting a
metric only changes the client-side presentation; it does not create another
backend polling loop. Charts retain their time window and update as new samples
are returned.
## Validation
- `npm run type-check`
- `npm run test:unit -- --run src/tests/detail.spec.ts
src/tests/detail-live-metrics.spec.ts src/tests/live-metrics-pin.spec.ts` (3
files, 11 tests passed)
- `npm run build`
- Manual validation with a running MySQL CDC to JDBC job and observability
enabled:
- responsive large-screen layout
- responsive normal-screen layout with live samples
- consistent empty pinned-metrics state
Maven `verify` was intentionally not run for this frontend-only change.
### Screenshots
<!-- LARGE_SCREEN_SCREENSHOT -->
<!-- NORMAL_SCREEN_SCREENSHOT -->
<!-- EMPTY_STATE_SCREENSHOT -->
--
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
To unsubscribe, e-mail: [email protected]
For queries about this service, please contact Infrastructure at:
[email protected]
