watch-tail 0.6.2 → 0.8.0

package/build/server/chunks/entries/fallbacks/{error.svelte.js-B8dLO9gT.js → error.svelte.js-bokc4skC.js}

@@ -1,10 +1,10 @@
 import { ah as escape_html } from '../../chunks/server.js-CAEBuMIH.js';
-import { p as page } from '../../chunks/state.js-DbqJPX0Y.js';
+import { p as page } from '../../chunks/state.js-vZj9lo1I.js';
 import '../../chunks/uneval.js-DaakSYFQ.js';
 import '../../chunks/index-server.js-DNLOKvM0.js';
 import '../../chunks/shared.js-CgjUIvRK.js';
 import '../../chunks/exports.js-ClPPfcHj.js';
-import '../../chunks/internal2.js-627EG4am.js';
+import '../../chunks/internal2.js-BMcEVxqN.js';
 import '../../chunks/legacy-client.js-DJmDw3Zx.js';
 import '../../chunks/utils.js-BIlHjgGW.js';
 
@@ -16,4 +16,4 @@ function Error($$renderer, $$props) {
 }
 
 export { Error as default };
-//# sourceMappingURL=error.svelte.js-B8dLO9gT.js.map
+//# sourceMappingURL=error.svelte.js-bokc4skC.js.map

package/build/server/chunks/entries/fallbacks/{error.svelte.js-B8dLO9gT.js.map → error.svelte.js-bokc4skC.js.map}

@@ -1 +1 @@
-{"version":3,"file":"error.svelte.js-B8dLO9gT.js","sources":["../../../../../.svelte-kit/output/server/entries/fallbacks/error.svelte.js"],"sourcesContent":["import { D as escape_html } from \"../../chunks/server.js\";\nimport { t as page } from \"../../chunks/state.js\";\n//#region node_modules/.pnpm/@sveltejs+kit@2.70.3_@sveltejs+vite-plugin-svelte@7.3.0_svelte@5.57.0_vite@8.2.2_@types_ab6e39593f61aae0ad0b9a1bac6935c7/node_modules/@sveltejs/kit/src/runtime/components/svelte-5/error.svelte\nfunction Error($$renderer, $$props) {\n\t$$renderer.component(($$renderer) => {\n\t\t$$renderer.push(`<h1>${escape_html(page.status)}</h1> <p>${escape_html(page.error?.message)}</p>`);\n\t});\n}\n//#endregion\nexport { Error as default };\n"],"names":[],"mappings":";;;;;;;;;;AAEA;AACA,SAAS,KAAK,CAAC,UAAU,EAAE,OAAO,EAAE;AACpC,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC,UAAU,KAAK;AACtC,EAAE,UAAU,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,SAAS,EAAE,WAAW,CAAC,IAAI,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC;AACpG,CAAC,CAAC,CAAC;AACH;;"}
+{"version":3,"file":"error.svelte.js-bokc4skC.js","sources":["../../../../../.svelte-kit/output/server/entries/fallbacks/error.svelte.js"],"sourcesContent":["import { D as escape_html } from \"../../chunks/server.js\";\nimport { t as page } from \"../../chunks/state.js\";\n//#region node_modules/.pnpm/@sveltejs+kit@2.70.3_@sveltejs+vite-plugin-svelte@7.3.0_svelte@5.57.0_vite@8.2.2_@types_ab6e39593f61aae0ad0b9a1bac6935c7/node_modules/@sveltejs/kit/src/runtime/components/svelte-5/error.svelte\nfunction Error($$renderer, $$props) {\n\t$$renderer.component(($$renderer) => {\n\t\t$$renderer.push(`<h1>${escape_html(page.status)}</h1> <p>${escape_html(page.error?.message)}</p>`);\n\t});\n}\n//#endregion\nexport { Error as default };\n"],"names":[],"mappings":";;;;;;;;;;AAEA;AACA,SAAS,KAAK,CAAC,UAAU,EAAE,OAAO,EAAE;AACpC,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC,UAAU,KAAK;AACtC,EAAE,UAAU,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,SAAS,EAAE,WAAW,CAAC,IAAI,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC;AACpG,CAAC,CAAC,CAAC;AACH;;"}

package/build/server/chunks/entries/pages/{_layout.svelte.js-CBQpEToy.js → _layout.svelte.js-8U7ZeKYO.js}

@@ -9,14 +9,14 @@ function _layout($$renderer, $$props) {
 	let { children } = $$props;
 	head("12qhfyh", $$renderer, ($$renderer) => {
 		$$renderer.title(($$renderer) => {
-			$$renderer.push(`<title>watch-stream</title>`);
+			$$renderer.push(`<title>watch-tail</title>`);
 		});
 		$$renderer.push(`<link rel="icon"${attr("href", favicon_default)}/>`);
 	});
-	$$renderer.push(`<div class="flex h-dvh min-h-[30rem] flex-col overflow-hidden bg-neutral-950 font-sans text-neutral-100 antialiased selection:bg-sky-900/60"><header class="flex-none border-b border-neutral-900 bg-neutral-950/90"><div class="flex w-full items-baseline gap-3 px-3 py-2 sm:px-4"><span class="text-sm font-semibold tracking-tight">watch<span class="text-sky-400">-stream</span></span> <span class="hidden text-xs text-neutral-500 sm:inline">Tail CloudWatch Logs in the browser</span></div></header> <main class="flex min-h-0 w-full flex-1 flex-col gap-3 px-3 py-3 sm:px-4">`);
+	$$renderer.push(`<div class="flex h-dvh min-h-[30rem] flex-col overflow-hidden bg-neutral-950 font-sans text-neutral-100 antialiased selection:bg-sky-900/60"><header class="flex-none border-b border-neutral-900 bg-neutral-950/90"><div class="flex w-full items-baseline gap-3 px-3 py-2 sm:px-4"><span class="text-sm font-semibold tracking-tight">watch<span class="text-sky-400">-tail</span></span> <span class="hidden text-xs text-neutral-500 sm:inline">Tail CloudWatch Logs in the browser</span></div></header> <main class="flex min-h-0 w-full flex-1 flex-col gap-3 px-3 py-3 sm:px-4">`);
 	children($$renderer);
 	$$renderer.push(`<!----></main></div>`);
 }
 
 export { _layout as default };
-//# sourceMappingURL=_layout.svelte.js-CBQpEToy.js.map
+//# sourceMappingURL=_layout.svelte.js-8U7ZeKYO.js.map

package/build/server/chunks/entries/pages/_layout.svelte.js-8U7ZeKYO.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_layout.svelte.js-8U7ZeKYO.js","sources":["../../../../../.svelte-kit/output/server/entries/pages/_layout.svelte.js"],"sourcesContent":["import { c as head, w as attr } from \"../../chunks/server.js\";\n//#region src/lib/assets/favicon.svg\nvar favicon_default = \"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2032%2032'%20role='img'%20aria-label='watch-tail'%3e%3ctitle%3ewatch-tail%3c/title%3e%3c!--%20A%20log%20window:%20three%20lines,%20the%20newest%20highlighted,%20with%20the%20tail%20still%20running.%20--%3e%3crect%20width='32'%20height='32'%20rx='7'%20fill='%230a0a0a'%20/%3e%3crect%20x='5'%20y='6.6'%20width='14'%20height='4'%20rx='2'%20fill='%2338bdf8'%20/%3e%3crect%20x='5'%20y='14'%20width='22'%20height='4'%20rx='2'%20fill='%23525252'%20/%3e%3crect%20x='5'%20y='21.4'%20width='17'%20height='4'%20rx='2'%20fill='%23404040'%20/%3e%3ccircle%20cx='25.6'%20cy='8.6'%20r='2.8'%20fill='%2338bdf8'%20/%3e%3c/svg%3e\";\n//#endregion\n//#region src/routes/+layout.svelte\nfunction _layout($$renderer, $$props) {\n\tlet { children } = $$props;\n\thead(\"12qhfyh\", $$renderer, ($$renderer) => {\n\t\t$$renderer.title(($$renderer) => {\n\t\t\t$$renderer.push(`<title>watch-tail</title>`);\n\t\t});\n\t\t$$renderer.push(`<link rel=\"icon\"${attr(\"href\", favicon_default)}/>`);\n\t});\n\t$$renderer.push(`<div class=\"flex h-dvh min-h-[30rem] flex-col overflow-hidden bg-neutral-950 font-sans text-neutral-100 antialiased selection:bg-sky-900/60\"><header class=\"flex-none border-b border-neutral-900 bg-neutral-950/90\"><div class=\"flex w-full items-baseline gap-3 px-3 py-2 sm:px-4\"><span class=\"text-sm font-semibold tracking-tight\">watch<span class=\"text-sky-400\">-tail</span></span> <span class=\"hidden text-xs text-neutral-500 sm:inline\">Tail CloudWatch Logs in the browser</span></div></header> <main class=\"flex min-h-0 w-full flex-1 flex-col gap-3 px-3 py-3 sm:px-4\">`);\n\tchildren($$renderer);\n\t$$renderer.push(`<!----></main></div>`);\n}\n//#endregion\nexport { _layout as default };\n"],"names":[],"mappings":";;;AACA;AACA,IAAI,eAAe,GAAG,orBAAorB;AAC1sB;AACA;AACA,SAAS,OAAO,CAAC,UAAU,EAAE,OAAO,EAAE;AACtC,CAAC,IAAI,EAAE,QAAQ,EAAE,GAAG,OAAO;AAC3B,CAAC,IAAI,CAAC,SAAS,EAAE,UAAU,EAAE,CAAC,UAAU,KAAK;AAC7C,EAAE,UAAU,CAAC,KAAK,CAAC,CAAC,UAAU,KAAK;AACnC,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC,yBAAyB,CAAC,CAAC;AAC/C,EAAE,CAAC,CAAC;AACJ,EAAE,UAAU,CAAC,IAAI,CAAC,CAAC,gBAAgB,EAAE,IAAI,CAAC,MAAM,EAAE,eAAe,CAAC,CAAC,EAAE,CAAC,CAAC;AACvE,CAAC,CAAC,CAAC;AACH,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,wjBAAwjB,CAAC,CAAC;AAC5kB,CAAC,QAAQ,CAAC,UAAU,CAAC;AACrB,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,oBAAoB,CAAC,CAAC;AACxC;;"}

package/build/server/chunks/entries/pages/{_page.svelte.js-BwuzE25P.js → _page.svelte.js-DRoSEPVH.js}

@@ -1,20 +1,20 @@
 import { ah as escape_html, ag as attr, ai as attr_style, ac as derived, aj as attr_class, ak as ensure_array_like, al as stringify, am as bind_props, an as clsx } from '../../chunks/server.js-CAEBuMIH.js';
-import { c as LogStore, f as filterByLevel, g as filterEvents, e as effectiveLevel, t as tokenizeJson, b as detectLevel, h as formatLogMessage, j as eventKey, l as levelColorClass } from '../../chunks/log-buffer.js-BI_gQOls.js';
-import { R as REGION_CODES } from '../../chunks/regions.js-IQPMyP5C.js';
+import { f as LogStore, g as filterByLevel, h as filterEvents, c as effectiveLevel, t as tokenizeJson, b as detectLevel, j as formatLogMessage, k as eventKey, l as levelColorClass } from '../../chunks/log-buffer.js-A9FA-Qv8.js';
+import { R as REGION_CODES } from '../../chunks/regions.js-COf7DgnH.js';
 import { P as PRESET_LABELS, a as presetLabel, H as HISTORIC_PRESETS, t as toDateTimeLocal, d as describeWindow } from '../../chunks/time-range.js-BLMT8aU3.js';
-import { p as page, r as replaceState } from '../../chunks/state.js-DbqJPX0Y.js';
-import { S as SERIES_LEVEL_COLOR, g as groupByLevel, r as requestRows, L as LEVEL_LABELS, i as isMeaningfulBrush, b as bucketEvents } from '../../chunks/series-buckets.js-BjigySff.js';
+import { p as page, r as replaceState } from '../../chunks/state.js-vZj9lo1I.js';
+import { S as SERIES_LEVEL_COLOR, g as groupByLevel, r as requestRows, a as requestIdOf, c as collectRequests, L as LEVEL_LABELS, i as isMeaningfulBrush, b as requestDurations, d as bucketEvents } from '../../chunks/series-buckets.js-DFGWkob5.js';
 import '../../chunks/uneval.js-DaakSYFQ.js';
 import '../../chunks/index-server.js-DNLOKvM0.js';
 import '../../chunks/shared.js-CgjUIvRK.js';
 import '../../chunks/exports.js-ClPPfcHj.js';
-import '../../chunks/internal2.js-627EG4am.js';
+import '../../chunks/internal2.js-BMcEVxqN.js';
 import '../../chunks/legacy-client.js-DJmDw3Zx.js';
 import '../../chunks/utils.js-BIlHjgGW.js';
 
 //#region src/lib/format.ts
 /**
-* Formatting helpers for the watch-stream UI. Every function here is pure so it can be unit
+* Formatting helpers for the watch-tail UI. Every function here is pure so it can be unit
 * tested without a DOM.
 */
 /** Placeholder shown when a timestamp is missing or not a number. */
@@ -158,12 +158,12 @@ function EndpointBadge($$renderer, $$props) {
 */
 /** `localStorage` keys, prefixed so they are easy to spot in a browser. */
 var STORAGE_KEYS = {
-	sidebarWidth: "watch-stream:sidebar-width",
-	prefixWidth: "watch-stream:prefix-width",
-	wrap: "watch-stream:wrap",
-	jsonView: "watch-stream:json-view",
-	chartOpen: "watch-stream:chart-open",
-	groupRequests: "watch-stream:group-requests"
+	sidebarWidth: "watch-tail:sidebar-width",
+	prefixWidth: "watch-tail:prefix-width",
+	wrap: "watch-tail:wrap",
+	jsonView: "watch-tail:json-view",
+	chartOpen: "watch-tail:chart-open",
+	groupRequests: "watch-tail:group-requests"
 };
 /** Default width of the group-list pane, in rem (matches the original layout). */
 var SIDEBAR_WIDTH = {
@@ -207,7 +207,7 @@ function EventScatterPanel($$renderer, $$props) {
 		* The real loader: a dynamic import, which is what keeps layerchart out of the
 		* initial bundle. It only runs in the browser, and only once the panel is open.
 		*/
-		const loadChartModule = () => import('../../chunks/EventScatter.js-D3Jaw_Cw.js');
+		const loadChartModule = () => import('../../chunks/EventScatter.js-CG0RcOU6.js');
 		/** Bucketed counts for the window. */
 		/** Inclusive start of the window, epoch ms. */
 		/** Inclusive end of the window, epoch ms. */
@@ -219,7 +219,7 @@ function EventScatterPanel($$renderer, $$props) {
 		/** Chart height in px. */
 		/** Start open, which is also what the first visit uses. */
 		/** Chart module loader; defaults to the dynamic import. */
-		let { points = [], from = 0, to = 0, bucketMs = 0, groups = [], loading = false, byRequest = true, onBrush, height = 200, open = true, loadChart = loadChartModule } = $$props;
+		let { metric = "count", onMetricChange, onSelect, points = [], from = 0, to = 0, bucketMs = 0, groups = [], loading = false, byRequest = true, onBrush, height = 200, open = true, loadChart = loadChartModule } = $$props;
 		let expanded = derived(() => open);
 		/** Totals and labels per level, in severity order. */
 		let levelGroups = derived(() => groupByLevel(points));
@@ -230,38 +230,51 @@ function EventScatterPanel($$renderer, $$props) {
 		/** True when there is something to draw. */
 		let hasPoints = derived(() => points.length > 0);
 		/** What one mark stands for, which is what the totals count. */
-		let unit = derived(() => byRequest ? "requests" : "events");
+		let unit = derived(() => metric === "duration" || byRequest ? "requests" : "events");
 		/** Clears the brush, for the host's Reset zoom control. */
 		function reset() {
 			onBrush?.(null);
 		}
-		$$renderer.push(`<section class="flex min-w-0 flex-col gap-1 rounded-lg border border-neutral-800 bg-neutral-950/60 p-2" data-testid="event-scatter" aria-label="Events over time"><div class="flex flex-wrap items-center gap-x-3 gap-y-1 px-1 text-[0.6875rem]"><button type="button"${attr("aria-expanded", expanded())}${attr("title", expanded() ? "Hide the chart" : "Show the chart")} data-testid="scatter-toggle" class="flex items-center gap-1 rounded-md border border-neutral-800 bg-neutral-900 px-2 py-0.5 font-semibold uppercase tracking-wider text-neutral-400 transition-colors hover:border-neutral-700 hover:text-neutral-200"><span aria-hidden="true">${escape_html(expanded() ? "▾" : "▸")}</span> Events over time</button> <span class="text-neutral-400" data-testid="scatter-summary">${escape_html(formatCount(totalEvents()))}
-			${escape_html(unit())} in ${escape_html(formatCount(bucketCount()))} buckets</span> `);
+		$$renderer.push(`<section class="flex min-w-0 flex-col gap-1 rounded-lg border border-neutral-800 bg-neutral-950/60 p-2" data-testid="event-scatter"${attr("aria-label", metric === "duration" ? "Request duration over time" : "Events over time")}><div class="flex flex-wrap items-center gap-x-3 gap-y-1 px-1 text-[0.6875rem]"><button type="button"${attr("aria-expanded", expanded())}${attr("title", expanded() ? "Hide the chart" : "Show the chart")} data-testid="scatter-toggle" class="flex items-center gap-1 rounded-md border border-neutral-800 bg-neutral-900 px-2 py-0.5 font-semibold uppercase tracking-wider text-neutral-400 transition-colors hover:border-neutral-700 hover:text-neutral-200"><span aria-hidden="true">${escape_html(expanded() ? "▾" : "▸")}</span> ${escape_html(metric === "duration" ? "Request duration" : "Events over time")}</button> <div role="group" aria-label="Chart metric" class="flex rounded-md border border-neutral-800 p-0.5"><!--[-->`);
+		const each_array = ensure_array_like(["count", "duration"]);
+		for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
+			let choice = each_array[$$index];
+			$$renderer.push(`<button type="button"${attr("data-testid", `chart-metric-${choice}`)}${attr("aria-pressed", metric === choice)}${attr_class(`rounded px-2 py-0.5 transition-colors ${metric === choice ? "bg-sky-950 text-sky-300" : "text-neutral-400 hover:text-neutral-200"}`)}>${escape_html(choice === "count" ? "Count" : "Duration (ms)")}</button>`);
+		}
+		$$renderer.push(`<!--]--></div> <span class="text-neutral-400" data-testid="scatter-summary">${escape_html(formatCount(totalEvents()))}
+			${escape_html(unit())}`);
+		if (metric === "count") $$renderer.push(`<!--[0--> in ${escape_html(formatCount(bucketCount()))} buckets`);
+		else $$renderer.push("<!--[-1-->");
+		$$renderer.push(`<!--]--></span> `);
 		if (groups.length > 1) $$renderer.push(`<!--[0--><span class="text-neutral-500" data-testid="scatter-groups">across ${escape_html(groups.length)} groups</span>`);
 		else $$renderer.push("<!--[-1-->");
 		$$renderer.push(`<!--]--> <!--[-->`);
-		const each_array = ensure_array_like(levelGroups());
-		for (let $$index = 0, $$length = each_array.length; $$index < $$length; $$index++) {
-			let entry = each_array[$$index];
+		const each_array_1 = ensure_array_like(levelGroups());
+		for (let $$index_1 = 0, $$length = each_array_1.length; $$index_1 < $$length; $$index_1++) {
+			let entry = each_array_1[$$index_1];
 			$$renderer.push(`<span class="flex items-center gap-1 text-neutral-400"${attr("data-testid", `scatter-legend-${stringify(entry.level)}`)}><span class="inline-block h-2 w-2 rounded-full"${attr_style(`background-color: ${stringify(SERIES_LEVEL_COLOR[entry.level])}`)}></span> ${escape_html(entry.label)} <span class="text-neutral-500">${escape_html(formatCount(entry.events))}</span></span>`);
 		}
 		$$renderer.push(`<!--]--> `);
-		if (loading && expanded()) $$renderer.push(`<!--[0--><span class="text-amber-300" data-testid="scatter-loading">counting…</span>`);
+		if (loading && expanded()) $$renderer.push(`<!--[0--><span class="text-amber-300" data-testid="scatter-loading">loading…</span>`);
 		else $$renderer.push("<!--[-1-->");
 		$$renderer.push(`<!--]--> `);
 		if (expanded()) {
 			$$renderer.push("<!--[0-->");
-			$$renderer.push(`<!--[-1--><span class="ml-auto text-neutral-500" data-testid="scatter-hint">drag to zoom · click to clear</span>`);
+			$$renderer.push(`<!--[-1--><span class="ml-auto text-neutral-500" data-testid="scatter-hint">select a point to show logs · drag to zoom · click background to clear</span>`);
 			$$renderer.push(`<!--]-->`);
 		} else $$renderer.push("<!--[-1-->");
 		$$renderer.push(`<!--]--></div> `);
 		if (expanded()) {
 			$$renderer.push("<!--[0-->");
+			if (metric === "duration") $$renderer.push(`<!--[0--><p class="px-1 text-[0.6875rem] text-neutral-500" data-testid="duration-note">Observed duration (ms) · last event + its duration − first event · partial requests may
+				appear shorter</p>`);
+			else $$renderer.push("<!--[-1-->");
+			$$renderer.push(`<!--]--> `);
 			if (hasPoints()) {
 				$$renderer.push("<!--[1-->");
 				$$renderer.push(`<!--[-1--><div class="w-full animate-pulse rounded bg-neutral-900/60"${attr_style(`height: ${stringify(height)}px`)}></div>`);
 				$$renderer.push(`<!--]-->`);
-			} else if (!loading) $$renderer.push(`<!--[2--><p class="px-1 py-6 text-xs text-neutral-500" data-testid="scatter-empty">No events in this window yet.</p>`);
+			} else if (!loading) $$renderer.push(`<!--[2--><p class="px-1 py-6 text-xs text-neutral-500" data-testid="scatter-empty">${escape_html(metric === "duration" ? "No requests with a request ID in this window yet." : "No events in this window yet.")}</p>`);
 			else $$renderer.push("<!--[-1-->");
 			$$renderer.push(`<!--]-->`);
 		} else $$renderer.push("<!--[-1-->");
@@ -324,7 +337,7 @@ function RangeControls($$renderer, $$props) {
 //#endregion
 //#region src/lib/groups-client.ts
 /**
-* Browser-side fetch helpers for the watch-stream JSON API (`/api/health`, `/api/regions`,
+* Browser-side fetch helpers for the watch-tail JSON API (`/api/health`, `/api/regions`,
 * `/api/log-groups`, `/api/archive`). Every helper throws {@link ApiError} on a non-2xx response so
 * the UI can show the API `error` message instead of an opaque failure.
 */
@@ -377,6 +390,7 @@ function buildSeriesUrl(query) {
 	if (typeof query.to === "number" && Number.isFinite(query.to)) search.set("to", String(Math.round(query.to)));
 	const levels = (query.levels ?? []).filter((level) => level.length > 0);
 	if (levels.length > 0) search.set("level", levels.join(","));
+	if (query.metric) search.set("metric", query.metric);
 	if (query.by === "request" || query.by === "event") search.set("by", query.by);
 	if (typeof query.bucketMs === "number" && Number.isFinite(query.bucketMs) && query.bucketMs > 0) search.set("bucket", String(Math.round(query.bucketMs)));
 	return `/api/series?${search.toString()}`;
@@ -424,6 +438,16 @@ async function getJson(url, options) {
 function fetchLogGroups(query) {
 	return getJson(buildLogGroupsUrl(query), query);
 }
+/**
+* `GET /api/archive` - what the local DuckDB archive holds.
+*
+* The route answers 200 even when the archive is off or unreadable, so a failed
+* request means the API itself is unreachable and the caller should just hide
+* the archive view.
+*/
+function fetchArchiveStatus(options = {}) {
+	return getJson(`/api/archive${options.region ? `?${new URLSearchParams({ region: options.region })}` : ""}`, options);
+}
 /** Message shown when a region has no log groups at all. */
 function noGroupsMessage(region) {
 	return `No log groups found in ${region}. Start floci and run \`pnpm seed\` to create sample groups.`;
@@ -450,7 +474,7 @@ function describeGroupsError(region, error) {
 		const details = error.details ? ` ${error.details}` : "";
 		return `Could not list log groups in ${region}: ${trimSentence(error.message)}.${details}`;
 	}
-	return `Could not reach the watch-stream API for ${region}. ${error instanceof Error && error.message !== "" ? error.message : String(error)}`;
+	return `Could not reach the watch-tail API for ${region}. ${error instanceof Error && error.message !== "" ? error.message : String(error)}`;
 }
 /** Adds group and region context to a stream error payload. */
 function describeStreamError(region, group, message) {
@@ -550,6 +574,25 @@ function LogGroupList($$renderer, $$props) {
 	});
 }
 //#endregion
+//#region src/lib/chart-selection.ts
+/** Resolve a plotted mark against the loaded events, before display filters. */
+function selectedChartEvents(lines, selection) {
+	if (selection === null) return /* @__PURE__ */ new Set();
+	const { point, bucketMs, byRequest, fallbackGroup } = selection;
+	const events = lines.filter((event) => (event.group ?? fallbackGroup) === point.group);
+	if (point.requestId !== void 0) return new Set(events.filter((event) => requestIdOf(event) === point.requestId));
+	const inBucket = (timestamp) => Math.floor(timestamp / bucketMs) * bucketMs === point.t;
+	const matches = /* @__PURE__ */ new Set();
+	if (byRequest) {
+		for (const request of collectRequests(events)) if (inBucket(request.first) && request.level === point.level) for (const { event } of request.events) matches.add(event);
+	}
+	for (const event of events) {
+		if (byRequest && requestIdOf(event) !== null) continue;
+		if (inBucket(event.timestamp) && (effectiveLevel(event) ?? "unknown") === point.level) matches.add(event);
+	}
+	return matches;
+}
+//#endregion
 //#region src/lib/components/StatusBadge.svelte
 function StatusBadge($$renderer, $$props) {
 	/** Connection status reported by the log stream. */
@@ -617,7 +660,7 @@ function LogViewer($$renderer, $$props) {
 		* default, and owned by the page so the chart counts the same requests.
 		*/
 		/** Called when the grouping toggle is pressed. */
-		let { lines = [], status = "idle", error = null, region = "", group = null, filter = "", paused = false, autoScroll = true, pendingCount = 0, droppedCount = 0, receivedCount = 0, mode = "live", ready = null, endReason = null, archivePath = null, groups = [], level = void 0, onLevelChange, groupRequests = true, onGroupToggle, onFilterChange, onPauseToggle, onClear, onAutoScrollToggle } = $$props;
+		let { selection = null, onSelectionClear, lines = [], status = "idle", error = null, region = "", group = null, filter = "", paused = false, autoScroll = true, pendingCount = 0, droppedCount = 0, receivedCount = 0, mode = "live", ready = null, endReason = null, archivePath = null, groups = [], level = void 0, onLevelChange, groupRequests = true, onGroupToggle, onFilterChange, onPauseToggle, onClear, onAutoScrollToggle } = $$props;
 		const TIMESTAMP_COLUMN_PX = remToPx(7.5);
 		const ROW_PADDING_PX = remToPx(.75);
 		const ROW_GAP_PX = remToPx(.5);
@@ -669,8 +712,10 @@ function LogViewer($$renderer, $$props) {
 				activeClass: "border-neutral-700 bg-neutral-800 text-neutral-400"
 			}
 		];
+		let selectedEvents = derived(() => selectedChartEvents(lines, selection));
 		/** Lines matching the text filter and the level filter. */
 		let visible = derived(() => filterByLevel(filterEvents(lines, filter), levelFilter()));
+		let visibleSelectedCount = derived(() => visible().filter((event) => selectedEvents().has(event)).length);
 		/** How many lines of each level are loaded, including `unknown`. */
 		let levelCounts = derived(() => {
 			const counts = {
@@ -692,6 +737,7 @@ function LogViewer($$renderer, $$props) {
 			const formatted = formatLogMessage(event.message, { prettyJson: jsonView });
 			const levelClass = levelColorClass(rowLevel);
 			return {
+				selected: selectedEvents().has(event),
 				key: eventKey(event, index),
 				time: formatTime(event.timestamp),
 				timestamp: formatTimestamp(event.timestamp),
@@ -785,7 +831,6 @@ function LogViewer($$renderer, $$props) {
 		let grouped = derived(() => displayRows().some((row) => row.kind === "request"));
 		/** Requests in view, shown next to the line count while grouping. */
 		let requestCount = derived(() => displayRows().filter((row) => row.kind === "request").length);
-		/** Keeps the newest line in view while auto-scroll is on (vertical only). */
 		/** Error text with the group and region context. */
 		let errorText = derived(() => error === null ? null : describeStreamError(region, group, error.message));
 		/** True when the ready frame says the events come from the local archive. */
@@ -873,6 +918,13 @@ function LogViewer($$renderer, $$props) {
 		$$renderer.push(`<!--]--></div> <input type="search" aria-label="Filter log lines" placeholder="Filter lines"${attr("value", filter)} class="w-40 rounded-md border border-neutral-800 bg-neutral-900 px-2 py-1 text-xs text-neutral-100 outline-none transition-colors placeholder:text-neutral-600 hover:border-neutral-700 focus:border-sky-600"/> <button type="button"${attr("aria-pressed", wrapLines)} title="Wrap long lines instead of scrolling sideways" data-testid="wrap-toggle"${attr_class(`rounded-md border border-neutral-800 bg-neutral-900 px-2 py-1 text-xs font-medium transition-colors hover:border-neutral-700 ${wrapTone()}`)}>Wrap</button> <button type="button"${attr("aria-pressed", jsonView)} title="Pretty-print JSON log entries (off: click a line to open its JSON)" data-testid="json-toggle"${attr_class(`rounded-md border border-neutral-800 bg-neutral-900 px-2 py-1 text-xs font-medium transition-colors hover:border-neutral-700 ${jsonTone()}`)}>JSON</button> <button type="button"${attr("aria-pressed", groupRequests)} title="Group the lines of one request into a single row, coloured by its most critical line (off: one row per line)" data-testid="group-toggle"${attr_class(`rounded-md border border-neutral-800 bg-neutral-900 px-2 py-1 text-xs font-medium transition-colors hover:border-neutral-700 ${groupTone()}`)}>By request</button> <button type="button"${attr("aria-pressed", paused)} class="rounded-md border border-neutral-800 bg-neutral-900 px-2 py-1 text-xs font-medium text-neutral-300 transition-colors hover:border-neutral-700 hover:text-neutral-100">${escape_html(paused ? "Resume" : "Pause")}</button> <button type="button" class="rounded-md border border-neutral-800 bg-neutral-900 px-2 py-1 text-xs font-medium text-neutral-300 transition-colors hover:border-neutral-700 hover:text-neutral-100">Clear</button> <button type="button"${attr("aria-pressed", autoScroll)}${attr_class(`rounded-md border border-neutral-800 bg-neutral-900 px-2 py-1 text-xs font-medium transition-colors hover:border-neutral-700 ${autoScrollTone()}`)}>Auto-scroll</button></div></div> `);
 		if (errorText() !== null) $$renderer.push(`<!--[0--><p role="alert" data-testid="stream-error" class="border-b border-red-900 bg-red-950/50 px-3 py-2 text-xs leading-5 text-red-300">${escape_html(errorText())}</p>`);
 		else $$renderer.push("<!--[-1-->");
+		$$renderer.push(`<!--]--> `);
+		if (selection !== null) {
+			$$renderer.push(`<!--[0--><div class="flex items-center gap-2 px-3 py-1 text-xs text-sky-300" role="status" data-testid="chart-selection-status">`);
+			if (selectedEvents().size === 0) $$renderer.push(`<!--[0-->Selected logs are not in the loaded buffer. Zoom into this time range to load them.`);
+			else $$renderer.push(`<!--[-1-->${escape_html(visibleSelectedCount())} of ${escape_html(selectedEvents().size)} selected log lines visible${escape_html(visibleSelectedCount() < selectedEvents().size ? " — clear the text or level filter to see all" : "")}.`);
+			$$renderer.push(`<!--]--> <button type="button" class="ml-auto underline">Clear selection</button></div>`);
+		} else $$renderer.push("<!--[-1-->");
 		$$renderer.push(`<!--]--> <div class="min-h-0 min-w-0 flex-1 overflow-auto bg-neutral-950" data-testid="log-scroller">`);
 		if (group === null || group === "") $$renderer.push(`<!--[0--><p class="px-3 py-6 text-sm text-neutral-500" data-testid="viewer-idle">Select a log group to start tailing.</p>`);
 		else if (displayRows().length === 0) $$renderer.push(`<!--[1--><p class="px-3 py-6 text-sm text-neutral-500" data-testid="viewer-empty">${escape_html(emptyText())}</p>`);
@@ -881,7 +933,12 @@ function LogViewer($$renderer, $$props) {
 			function logLine($$renderer, row, child) {
 				const expandable = row.expandable !== null;
 				const open = expandable && isExpanded(row.key);
-				$$renderer.push(`<li${attr_class(`flex flex-wrap items-baseline gap-2 ${child ? "pl-8" : "px-3"} py-0.5 hover:bg-neutral-900/60 ${listClass()} ${expandable ? "cursor-pointer" : ""}`)} data-testid="log-line"${attr("data-request-child", child ? "true" : void 0)}${attr("data-level", row.level ?? "unknown")}${attr("data-expandable", expandable ? "true" : void 0)}${attr("data-expanded", open ? "true" : void 0)}${attr("role", expandable ? "button" : void 0)}${attr("tabindex", expandable ? 0 : void 0)}${attr("aria-expanded", expandable ? open : void 0)}${attr("title", expandable ? open ? "Hide the JSON in this line" : "Show this line as JSON" : void 0)}><span class="w-[7.5rem] shrink-0 text-neutral-500"${attr("title", row.timestamp)}>${escape_html(row.time)}</span> `);
+				$$renderer.push(`<li${attr_class(`flex flex-wrap items-baseline gap-2 ${child ? "pl-8" : "px-3"} py-0.5 hover:bg-neutral-900/60 ${listClass()} ${expandable ? "cursor-pointer" : ""}`, void 0, {
+					"bg-sky-950": row.selected,
+					"ring-1": row.selected,
+					"ring-inset": row.selected,
+					"ring-sky-700": row.selected
+				})} data-testid="log-line"${attr("data-chart-selected", row.selected ? "true" : void 0)}${attr("data-request-child", child ? "true" : void 0)}${attr("data-level", row.level ?? "unknown")}${attr("data-expandable", expandable ? "true" : void 0)}${attr("data-expanded", open ? "true" : void 0)}${attr("role", expandable ? "button" : void 0)}${attr("tabindex", expandable ? 0 : void 0)}${attr("aria-expanded", expandable ? open : void 0)}${attr("title", expandable ? open ? "Hide the JSON in this line" : "Show this line as JSON" : void 0)}><span class="w-[7.5rem] shrink-0 text-neutral-500"${attr("title", row.timestamp)}>${escape_html(row.time)}</span> `);
 				if (groups.length > 1) $$renderer.push(`<!--[0--><span class="w-[9rem] shrink-0 truncate text-teal-400/80"${attr("title", row.group ?? "")} data-testid="log-group">${escape_html(row.group ?? "")}</span>`);
 				else $$renderer.push("<!--[-1-->");
 				$$renderer.push(`<!--]--> <span class="shrink-0 truncate text-sky-400/80"${attr_style(prefixStyle())}${attr("title", row.streamName ?? "")} data-testid="log-stream">${escape_html(row.streamName ?? "")}</span> `);
@@ -916,7 +973,7 @@ function LogViewer($$renderer, $$props) {
 				if (row.kind === "request") {
 					$$renderer.push("<!--[0-->");
 					const open = isExpanded(row.key);
-					$$renderer.push(`<li${attr_class(clsx(listClass()))} data-testid="log-request-group"${attr("data-request-id", row.id)}${attr("data-level", row.level)}${attr("data-expanded", open ? "true" : void 0)}${attr("data-lines", row.count)}><button type="button" class="flex w-full flex-wrap items-baseline gap-2 px-3 py-0.5 text-left hover:bg-neutral-900/60"${attr("aria-expanded", open)}${attr("title", open ? "Hide the lines of this request" : "Show every line of this request")} data-testid="request-group-summary"><span class="w-[7.5rem] shrink-0 text-neutral-500"${attr("title", row.timestamp)}>${escape_html(row.time)}</span> `);
+					$$renderer.push(`<li${attr_class(clsx(listClass()), void 0, { "bg-sky-950": row.children.some((child) => child.selected) })} data-testid="log-request-group"${attr("data-chart-selected", row.children.some((child) => child.selected) ? "true" : void 0)}${attr("data-request-id", row.id)}${attr("data-level", row.level)}${attr("data-expanded", open ? "true" : void 0)}${attr("data-lines", row.count)}><button type="button" class="flex w-full flex-wrap items-baseline gap-2 px-3 py-0.5 text-left hover:bg-neutral-900/60"${attr("aria-expanded", open)}${attr("title", open ? "Hide the lines of this request" : "Show every line of this request")} data-testid="request-group-summary"><span class="w-[7.5rem] shrink-0 text-neutral-500"${attr("title", row.timestamp)}>${escape_html(row.time)}</span> `);
 					if (groups.length > 1) $$renderer.push(`<!--[0--><span class="w-[9rem] shrink-0 truncate text-teal-400/80"${attr("title", row.group ?? "")} data-testid="log-group">${escape_html(row.group ?? "")}</span>`);
 					else $$renderer.push("<!--[-1-->");
 					$$renderer.push(`<!--]--> <span class="shrink-0 truncate text-sky-400/80"${attr_style(prefixStyle())}${attr("title", row.streamName ?? "")} data-testid="log-stream">${escape_html(row.streamName ?? "")}</span> <span class="shrink-0 text-neutral-600" aria-hidden="true">${escape_html(open ? "▾" : "▸")}</span> <span class="shrink-0 rounded border border-neutral-700 bg-neutral-900 px-1.5 font-mono text-[0.6875rem] text-sky-200" data-testid="request-group-id" title="Request id shared by these lines">${escape_html(row.id)}</span> <span class="shrink-0 text-neutral-400" data-testid="request-group-count">${escape_html(formatCount(row.count))} lines</span> <span class="shrink-0 text-neutral-500" data-testid="request-group-span">${escape_html(row.span)}</span> <span${attr_class(`shrink-0 font-medium ${stringify(row.levelClass)}`)} data-testid="request-group-level">${escape_html(row.levelLabel)}</span> `);
@@ -1275,6 +1332,8 @@ function _page($$renderer, $$props) {
 		let groupsLoading = false;
 		let groupsError = null;
 		let endpoint = null;
+		/** Last `/api/archive` answer, or `null` when it could not be read. */
+		let archiveStatus = null;
 		let filter = "";
 		let autoScroll = true;
 		/**
@@ -1294,13 +1353,17 @@ function _page($$renderer, $$props) {
 		*/
 		let groupRequests = true;
 		/** Bucketed counts behind the chart. */
+		let chartSelection = null;
+		let seriesBucketMs = 6e4;
 		let seriesPoints = [];
 		/** True while the archive counts are being fetched. */
 		let seriesLoading = false;
+		let chartMetric = "count";
+		let seriesRequest = 0;
 		/** True only when the local archive reports that it can be read. */
-		let archiveAvailable = derived(() => false);
+		let archiveAvailable = derived(() => archiveStatus?.available === true);
 		/** Database file behind the archive, or `null` when it is unknown. */
-		let archivePath = derived(() => null);
+		let archivePath = derived(() => archiveStatus?.path ?? null);
 		/** Tooltip of the archive badge in the header. */
 		let archiveTitle = derived(() => describeArchive(archivePath()));
 		/** Sidebar width in pixels; the layout default is 22rem. */
@@ -1317,6 +1380,19 @@ function _page($$renderer, $$props) {
 			} catch {}
 		}
 		/**
+		* Reads `GET /api/archive`. The route answers 200 even for an unusable archive, so a failure
+		* here only means the API is unreachable; the archive view stays hidden in that case.
+		*/
+		async function loadArchiveStatus() {
+			const target = region;
+			try {
+				const status = await fetchArchiveStatus({ region: target });
+				if (region === target) archiveStatus = status;
+			} catch {
+				if (region === target) archiveStatus = null;
+			}
+		}
+		/**
 		* Loads the log groups of a region from the active source; a newer region or source change wins
 		* the race. The CloudWatch URL is left exactly as it was, so only the archive names its source.
 		*/
@@ -1417,6 +1493,7 @@ function _page($$renderer, $$props) {
 			selectedGroups = [];
 			seriesPoints = [];
 			syncUrl(next, []);
+			loadArchiveStatus();
 			loadGroups(next);
 		}
 		/** Replaces the view parameters in the address bar. */
@@ -1502,13 +1579,16 @@ function _page($$renderer, $$props) {
 		* streamed are bucketed here. Both end up as the same points.
 		*/
 		async function loadSeries() {
+			const request = ++seriesRequest;
+			seriesLoading = false;
 			if (selectedGroups.length === 0 || region === "") {
 				seriesPoints = [];
 				return;
 			}
 			const { from, to } = chartWindow();
+			seriesBucketMs = chartBucketMs(from, to);
 			if (source !== "archive") {
-				seriesPoints = bucketEvents(stream.lines, {
+				seriesPoints = (chartMetric === "duration" ? requestDurations : bucketEvents)(stream.lines, {
 					from,
 					to,
 					bucketMs: chartBucketMs(from, to),
@@ -1519,19 +1599,25 @@ function _page($$renderer, $$props) {
 				return;
 			}
 			seriesLoading = true;
+			seriesPoints = [];
 			try {
-				seriesPoints = (await fetchSeries({
+				const series = await fetchSeries({
 					region,
 					groups: selectedGroups,
 					from,
 					to,
 					levels: levelFilter === null ? [] : [levelFilter],
-					by: groupRequests ? "request" : "event"
-				})).points;
+					by: groupRequests ? "request" : "event",
+					metric: chartMetric
+				});
+				if (request === seriesRequest) {
+					seriesPoints = series.points;
+					seriesBucketMs = series.bucketMs;
+				}
 			} catch {
-				seriesPoints = [];
+				if (request === seriesRequest) seriesPoints = [];
 			} finally {
-				seriesLoading = false;
+				if (request === seriesRequest) seriesLoading = false;
 			}
 		}
 		$$renderer.push(`<div class="flex flex-wrap items-center gap-x-3 gap-y-2"><span class="text-[0.6875rem] font-semibold uppercase tracking-wider text-neutral-500">Watching</span> <span class="max-w-[22rem] truncate rounded-md border border-neutral-800 bg-neutral-900 px-2 py-1 font-mono text-xs text-neutral-200">${escape_html(selectedGroup() ?? "no group selected")}</span> <span class="text-xs text-neutral-500">in</span> <span class="font-mono text-xs text-neutral-300">${escape_html(region === "" ? "resolving region…" : region)}</span> `);
@@ -1597,9 +1683,23 @@ function _page($$renderer, $$props) {
 			points: seriesPoints,
 			from: chartWindow().from,
 			to: chartWindow().to,
-			bucketMs: chartBucketMs(chartWindow().from, chartWindow().to),
+			bucketMs: seriesBucketMs,
 			groups: selectedGroups,
 			byRequest: groupRequests,
+			metric: chartMetric,
+			onMetricChange: (metric) => {
+				chartSelection = null;
+				chartMetric = metric;
+			},
+			onSelect: (point) => {
+				autoScroll = false;
+				chartSelection = {
+					point,
+					bucketMs: seriesBucketMs,
+					byRequest: groupRequests,
+					fallbackGroup: selectedGroup() ?? ""
+				};
+			},
 			loading: seriesLoading,
 			onBrush: applyBrush
 		});
@@ -1608,6 +1708,8 @@ function _page($$renderer, $$props) {
 		else $$renderer.push("<!--[-1-->");
 		$$renderer.push(`<!--]--> `);
 		LogViewer($$renderer, {
+			selection: chartSelection,
+			onSelectionClear: () => chartSelection = null,
 			lines: stream.lines,
 			status: stream.status,
 			error: stream.lastError,
@@ -1630,12 +1732,18 @@ function _page($$renderer, $$props) {
 			receivedCount: stream.receivedCount,
 			onFilterChange: (value) => filter = value,
 			onPauseToggle: () => stream.togglePause(),
-			onClear: () => stream.clear(),
-			onAutoScrollToggle: () => autoScroll = !autoScroll
+			onClear: () => {
+				chartSelection = null;
+				stream.clear();
+			},
+			onAutoScrollToggle: () => {
+				chartSelection = null;
+				autoScroll = !autoScroll;
+			}
 		});
 		$$renderer.push(`<!----></div></div>`);
 	});
 }
 
 export { _page as default };
-//# sourceMappingURL=_page.svelte.js-BwuzE25P.js.map
+//# sourceMappingURL=_page.svelte.js-DRoSEPVH.js.map