watch-tail 0.6.2 → 0.7.1

package/build/server/chunks/chunks/{EventScatter.js-D3Jaw_Cw.js → EventScatter.js-Du7AJN9m.js}

@@ -1,5 +1,5 @@
 import { am as bind_props, ai as attr_style, al as stringify, ac as derived, at as spread_props, ak as ensure_array_like, r as run, au as snapshot, ar as attributes, an as clsx, av as await_block, aw as fallback, ax as exclude_from_object, ah as escape_html, aj as attr_class, ag as attr, as as props_id } from './server.js-CAEBuMIH.js';
-import { S as SERIES_LEVEL_COLOR } from './series-buckets.js-BjigySff.js';
+import { S as SERIES_LEVEL_COLOR } from './series-buckets.js-BmCYga3F.js';
 import { c as chartDataArray, D as setChartContext, C as Context, e as accessor, E as defaultChartPadding, F as unique, a as getChartContext, G as useDebounce, H as getObjectOrNull, I as watch, J as useMutationObserver, b as cls, M as MediaQuery, S as SvelteSet, B as isEqualValue, z as sortFunc, K as isLiteralObject, P as PeriodType, A as format, L as Duration, x as timeYear, N as DateToken, u as timeDay, O as findRelatedData, Q as utcYear, R as utcDay, T as utcHour, q as timeHour, U as utcMinute, t as timeMinute, s as second, p as millisecond } from './common.js-BWQB8Die.js';
 import { t as setGeoContext, u as getFacetPanel, v as colorPropDataKey, g as getLayerContext, w as setLayerContext, b as getGeoContext, x as setFacetPanel, a as getMarkData } from './key.svelte.js-CWIvXc6L.js';
 import { d as transformer, a as copy, i as initRange, e as linearish, f as identity$1, r as rgb } from './linear.js-CTOKrHn9.js';
@@ -26,7 +26,7 @@ import { P as Points } from './Points2.js-BMGdkzTE.js';
 import { L as Line_svg, a as Line_canvas, b as Line_html } from './Line.html.js-BM5tR11G.js';
 import { T as Tooltip, p as panelDatum, i as isSinglePointMode, f as findDatumByValue, d as dataCoords, a as TooltipHeader, b as TooltipList, c as TooltipItem } from './TooltipItem.js-T0cKLjLu.js';
 import './uneval.js-DaakSYFQ.js';
-import './log-buffer.js-BI_gQOls.js';
+import './log-buffer.js-A9FA-Qv8.js';
 import './rect.svelte.js-zeS7FWjB.js';
 import './Points.html.js-CLbHD6OP.js';
 
@@ -7092,7 +7092,7 @@ function EventScatter($$renderer, $$props) {
 		/** Chart height in px. */
 		/** Called with the brushed range when the drag ends, or `null` on clear. */
 		/** Called while dragging, for a preview that does not re-scope anything. */
-		let { points = [], from = 0, to = 0, height = 200, onBrush, onBrushPreview } = $$props;
+		let { metric = "count", points = [], from = 0, to = 0, height = 200, onBrush, onBrushPreview } = $$props;
 		/**
 		* layerchart's series shape: a key, a label, a colour and the rows of that
 		* series. One series per level is what makes a spike readable as errors or as
@@ -7112,6 +7112,8 @@ function EventScatter($$renderer, $$props) {
 				data: rows
 			}));
 		});
+		/** Keep the slowest request clear of the chart edge, including all-zero spans. */
+		let durationCeiling = derived(() => Math.max(1, points.reduce((max, point) => Math.max(max, point.durationMs ?? 0), 0) * 1.1));
 		/** layerchart's chart context, which owns the brush state. */
 		let chartContext = void 0;
 		/** Reads a brushed domain pair into epoch milliseconds. */
@@ -7201,18 +7203,48 @@ function EventScatter($$renderer, $$props) {
 											$$renderer.push("<!--]-->");
 										}
 										$$renderer.push(` `);
-										if (TooltipItem) {
-											$$renderer.push("<!--[-->");
-											TooltipItem($$renderer, {
-												label: "events",
-												value: data.events,
-												format: "integer"
-											});
-											$$renderer.push("<!--]-->");
+										if (metric === "duration") {
+											$$renderer.push("<!--[0-->");
+											if (TooltipItem) {
+												$$renderer.push("<!--[-->");
+												TooltipItem($$renderer, {
+													label: "request",
+													value: data.requestId ?? ""
+												});
+												$$renderer.push("<!--]-->");
+											} else {
+												$$renderer.push("<!--[!-->");
+												$$renderer.push("<!--]-->");
+											}
+											$$renderer.push(` `);
+											if (TooltipItem) {
+												$$renderer.push("<!--[-->");
+												TooltipItem($$renderer, {
+													label: "duration (ms)",
+													value: data.durationMs ?? 0,
+													format: (value) => value.toLocaleString(void 0, { maximumFractionDigits: 3 })
+												});
+												$$renderer.push("<!--]-->");
+											} else {
+												$$renderer.push("<!--[!-->");
+												$$renderer.push("<!--]-->");
+											}
 										} else {
-											$$renderer.push("<!--[!-->");
-											$$renderer.push("<!--]-->");
+											$$renderer.push("<!--[-1-->");
+											if (TooltipItem) {
+												$$renderer.push("<!--[-->");
+												TooltipItem($$renderer, {
+													label: "events",
+													value: data.events,
+													format: "integer"
+												});
+												$$renderer.push("<!--]-->");
+											} else {
+												$$renderer.push("<!--[!-->");
+												$$renderer.push("<!--]-->");
+											}
 										}
+										$$renderer.push(`<!--]-->`);
 									},
 									$$slots: { default: true }
 								});
@@ -7242,14 +7274,15 @@ function EventScatter($$renderer, $$props) {
 				ScatterChart($$renderer, {
 					data: points,
 					x: (point) => new Date(point.t),
-					y: "events",
+					y: metric === "duration" ? "durationMs" : "events",
+					yDomain: metric === "duration" ? [0, durationCeiling()] : void 0,
 					series: series(),
 					xDomain: [new Date(from), new Date(to)],
 					padding: {
 						top: 8,
 						right: 12,
 						bottom: 24,
-						left: 40
+						left: metric === "duration" ? 72 : 40
 					},
 					grid: {
 						x: true,
@@ -7268,7 +7301,7 @@ function EventScatter($$renderer, $$props) {
 							tickOcclusion: true
 						},
 						yAxis: {
-							format: "integer",
+							format: metric === "duration" ? (value) => `${value.toLocaleString()} ms` : "integer",
 							tickSpacing: 24,
 							ticks: 4
 						}
@@ -7305,4 +7338,4 @@ function EventScatter($$renderer, $$props) {
 }
 
 export { EventScatter as default };
-//# sourceMappingURL=EventScatter.js-D3Jaw_Cw.js.map
+//# sourceMappingURL=EventScatter.js-Du7AJN9m.js.map