reflet-sdk 0.6.8 → 0.6.9

package/dist/{sessions-panel-Dq5j1qcu.js → sessions-panel-CaOJ6vWR.js}

@@ -1,5 +1,5 @@
-import { a as EDITORS, c as handoffFileSchema, d as sessionEvidenceSchema, f as sessionHandoffSchema, g as sessionSummarySchema, h as sessionSegmentSchema, l as sessionApiErrorSchema, m as sessionProposalSchema, n as DEVTOOLS_REQUEST_HEADER, p as sessionIdentitySchema, r as DEVTOOLS_ROUTE_BASE, s as analysisStatusSchema, t as DEVTOOLS_ENDPOINTS, u as sessionDetailSchema } from "./protocol-Cg_cI4xS.js";
-import { B as clip, D as MoreIcon, G as describeElement, K as getElementRect, M as TargetIcon, R as DEFAULT_WIDGET_LABELS, T as GripIcon, W as buildSelector, Y as redactUrl, Z as inspectReactElement, _ as matchesHotkey, a as uploadBlob, c as useFloatingPosition, g as isSubmitEnter, it as releaseCapture, j as Svg, l as onViewportChange, m as startsInWidget, o as ElementPicker, p as listenToKeydown, q as REDACT_ATTRIBUTE, tt as captureViewport, u as visibleViewport, w as CloseIcon } from "./submit-CafYVnCb.js";
+import { a as EDITORS, c as handoffFileSchema, d as sessionEvidenceSchema, f as sessionHandoffSchema, g as sessionSummarySchema, h as sessionSegmentSchema, l as sessionApiErrorSchema, m as sessionProposalSchema, n as DEVTOOLS_REQUEST_HEADER, p as sessionIdentitySchema, r as DEVTOOLS_ROUTE_BASE, s as analysisStatusSchema, t as DEVTOOLS_ENDPOINTS, u as sessionDetailSchema } from "./protocol-DyAiTtzM.js";
+import { B as clip, D as MoreIcon, G as describeElement, K as getElementRect, M as TargetIcon, R as DEFAULT_WIDGET_LABELS, T as GripIcon, W as buildSelector, Y as redactUrl, Z as inspectReactElement, _ as matchesHotkey, a as uploadBlob, c as useFloatingPosition, g as isSubmitEnter, it as releaseCapture, j as Svg, l as onViewportChange, m as startsInWidget, o as ElementPicker, p as listenToKeydown, q as REDACT_ATTRIBUTE, tt as captureViewport, u as visibleViewport, w as CloseIcon } from "./submit-CSIJr7-R.js";
 import { t as REFLET_Z_INDEX } from "./z-index-CwokqVq_.js";
 import { z } from "zod";
 import { createContext, useContext, useEffect, useId, useLayoutEffect, useRef, useState, useSyncExternalStore } from "react";
@@ -1493,7 +1493,7 @@ function captureFrame() {
 }
 //#endregion
 //#region src/sessions/capture/page/interaction-recorder.ts
-const DWELL_MS = 700;
+const MIN_DWELL_MS = 700;
 const POINTER_SAMPLE_INTERVAL_MS = 100;
 const SETTLE_DEBOUNCE_MS = 400;
 function eventElement(event) {
@@ -1504,14 +1504,14 @@ function eventElement(event) {
 	return element === document.body || element === document.documentElement ? null : element;
 }
 function pointerOf(event) {
-	return event instanceof MouseEvent ? {
+	return {
 		x: Math.round(event.clientX),
 		y: Math.round(event.clientY)
-	} : {
-		x: 0,
-		y: 0
 	};
 }
+function isPhysicalPointerClick(event) {
+	return event instanceof MouseEvent && event.detail > 0;
+}
 function debounced(signal, run) {
 	let settleTimer;
 	signal.addEventListener("abort", () => window.clearTimeout(settleTimer));
@@ -1528,34 +1528,50 @@ function recordClick(options) {
 			element: describeElementRef(element, options),
 			frame: captureFrame(),
 			kind: "click",
-			pointer: pointerOf(event)
+			pointer: isPhysicalPointerClick(event) ? pointerOf(event) : null
 		});
 	};
 }
 function watchDwell(options, signal) {
 	let hovered = null;
 	let lastSampleAt = Number.NEGATIVE_INFINITY;
-	let dwellTimer;
-	signal.addEventListener("abort", () => window.clearTimeout(dwellTimer));
-	return (event) => {
+	let entered = null;
+	const settle = () => {
+		if (!entered) return;
+		const durationMs = options.atMs() - entered.atMs;
+		if (durationMs >= MIN_DWELL_MS) options.onEvent({
+			...entered,
+			durationMs
+		});
+		entered = null;
+	};
+	signal.addEventListener("abort", settle);
+	const onPointerMove = (event) => {
+		if (!(event instanceof MouseEvent)) return;
 		const now = Date.now();
 		if (now - lastSampleAt < POINTER_SAMPLE_INTERVAL_MS) return;
 		lastSampleAt = now;
 		const element = eventElement(event);
 		if (element === hovered) return;
+		settle();
 		hovered = element;
-		window.clearTimeout(dwellTimer);
-		if (!element) return;
-		const atMs = options.atMs();
-		const pointer = pointerOf(event);
-		dwellTimer = window.setTimeout(() => options.onEvent({
-			atMs,
-			durationMs: DWELL_MS,
+		if (element) entered = {
+			atMs: options.atMs(),
 			element: describeElementRef(element, options),
 			frame: captureFrame(),
 			kind: "dwell",
-			pointer
-		}), DWELL_MS);
+			pointer: pointerOf(event)
+		};
+	};
+	const onPointerLeaveWindow = (event) => {
+		if (event instanceof MouseEvent && event.relatedTarget === null) {
+			settle();
+			hovered = null;
+		}
+	};
+	return {
+		onPointerLeaveWindow,
+		onPointerMove
 	};
 }
 function startInteractionRecorder(options) {
@@ -1579,8 +1595,10 @@ function startInteractionRecorder(options) {
 		viewportHeight: window.innerHeight,
 		viewportWidth: window.innerWidth
 	}));
+	const dwell = watchDwell(options, signal);
 	document.addEventListener("click", recordClick(options), listen);
-	document.addEventListener("pointermove", watchDwell(options, signal), listen);
+	document.addEventListener("pointermove", dwell.onPointerMove, listen);
+	document.addEventListener("pointerout", dwell.onPointerLeaveWindow, listen);
 	window.addEventListener("scroll", recordScroll, listen);
 	window.addEventListener("resize", recordViewport, listen);
 	return { stop: () => controller.abort() };
@@ -1713,6 +1731,12 @@ function blankFieldValues(root) {
 const NAVIGATION_SETTLE_MS = 1500;
 const CAPTURE_FAILED = "The page could not be captured.";
 const CAPTURE_TOO_LARGE = "The screenshot was larger than the upload limit.";
+const STOPPED_BEFORE_CAPTURE = "Recording stopped before the screenshot was taken.";
+const stoppedBeforeCapture = (base) => ({
+	...base,
+	image: null,
+	missingReason: STOPPED_BEFORE_CAPTURE
+});
 async function shoot(base, maxImageBytes) {
 	const image = await captureViewport({
 		excludeSelectors: SESSION_MASK_SELECTORS,
@@ -1746,6 +1770,7 @@ function createEvidenceScheduler(options) {
 	let lastCaptureAtMs = Number.NEGATIVE_INFINITY;
 	let navigationTimer;
 	let previousCapture = Promise.resolve();
+	let collectionRun = 0;
 	const take = (trigger, request) => {
 		if (captured >= limits.maxEvidence) return null;
 		captured += 1;
@@ -1760,11 +1785,20 @@ function createEvidenceScheduler(options) {
 			note: request.note ?? null,
 			trigger
 		};
-		previousCapture = previousCapture.then(() => shoot(base, limits.maxImageBytes)).then(options.onEvidence);
+		const takenInRun = collectionRun;
+		const captureUnlessStopped = async () => {
+			if (takenInRun !== collectionRun) return stoppedBeforeCapture(base);
+			const evidence = await shoot(base, limits.maxImageBytes);
+			return takenInRun === collectionRun ? evidence : stoppedBeforeCapture(base);
+		};
+		previousCapture = previousCapture.then(captureUnlessStopped).then(options.onEvidence);
 		return clientKey;
 	};
 	return {
-		cancelPending: () => window.clearTimeout(navigationTimer),
+		cancelPending: () => {
+			window.clearTimeout(navigationTimer);
+			collectionRun += 1;
+		},
 		capture: (request) => take(request.trigger, request),
 		navigated: () => {
 			window.clearTimeout(navigationTimer);
@@ -5086,17 +5120,22 @@ function AttachLink({ detail, onDone, review }) {
 //#endregion
 //#region src/sessions/ui/review/transcript/remove-evidence.tsx
 const REMOVE_COPY = "Remove this screenshot? The image is deleted for good. Briefs you already copied or exported can't be recalled.";
-function RemoveConfirmation({ evidence, onCancel, review }) {
+function useFocusWhen(shouldFocus) {
+	const ref = useRef(null);
+	useEffect(() => {
+		if (shouldFocus) ref.current?.focus();
+	}, [shouldFocus]);
+	return ref;
+}
+function RemoveConfirmation({ evidence, onCancel, removal }) {
 	const { api } = useSessionWorkspace();
 	const run = useSessionAction();
-	const cancelRef = useRef(null);
-	useEffect(() => {
-		cancelRef.current?.focus();
-	}, []);
+	const cancelRef = useFocusWhen(true);
 	const remove = async () => {
 		const removed = await run("The screenshot was not removed", () => api.removeEvidence(evidence.id));
 		if (removed !== null) {
-			review.patch((detail) => withEvidence(detail, removed));
+			removal.review.patch((detail) => withEvidence(detail, removed));
+			removal.onRemoved(removed.id);
 			announce("Screenshot removed");
 		}
 	};
@@ -5120,17 +5159,26 @@ function RemoveConfirmation({ evidence, onCancel, review }) {
 		})]
 	});
 }
-function RemoveEvidence({ evidence, review }) {
+function RemoveEvidence({ evidence, removal }) {
 	const [isConfirming, setIsConfirming] = useState(false);
+	const [hasCancelled, setHasCancelled] = useState(false);
+	const triggerRef = useFocusWhen(hasCancelled);
 	if (isConfirming) return /* @__PURE__ */ jsx(RemoveConfirmation, {
 		evidence,
-		onCancel: () => setIsConfirming(false),
-		review
+		onCancel: () => {
+			setIsConfirming(false);
+			setHasCancelled(true);
+		},
+		removal
 	});
 	return /* @__PURE__ */ jsx("button", {
 		"aria-label": `Remove screenshot at ${formatClock(evidence.atMs)}`,
 		className: "dt-ses-link",
-		onClick: () => setIsConfirming(true),
+		onClick: () => {
+			setIsConfirming(true);
+			setHasCancelled(false);
+		},
+		ref: triggerRef,
 		type: "button",
 		children: "Remove"
 	});
@@ -5138,6 +5186,21 @@ function RemoveEvidence({ evidence, review }) {
 //#endregion
 //#region src/sessions/ui/review/transcript/evidence-tab.tsx
 const isViewable = (evidence) => evidence.status === "available" && Boolean(evidence.image?.url);
+function MissingEvidenceItem({ caption, evidence, isJustRemoved }) {
+	const cardRef = useFocusWhen(isJustRemoved);
+	return /* @__PURE__ */ jsxs("li", {
+		className: "dt-card",
+		ref: cardRef,
+		tabIndex: isJustRemoved ? -1 : void 0,
+		children: [/* @__PURE__ */ jsx("p", {
+			className: "dt-meta",
+			children: caption
+		}), /* @__PURE__ */ jsxs("p", {
+			className: "dt-meta",
+			children: ["Screenshot missing: ", evidence.missingReason ?? "not captured."]
+		})]
+	});
+}
 function LinkEvidenceItem({ link }) {
 	return /* @__PURE__ */ jsxs("li", {
 		className: "dt-card",
@@ -5163,15 +5226,10 @@ function LinkEvidenceItem({ link }) {
 function EvidenceItem({ evidence, onEnlarge, removal }) {
 	const caption = `${formatClock(evidence.atMs)} · ${evidenceCaption(evidence)}`;
 	if (evidence.link) return /* @__PURE__ */ jsx(LinkEvidenceItem, { link: evidence.link });
-	if (!isViewable(evidence)) return /* @__PURE__ */ jsxs("li", {
-		className: "dt-card",
-		children: [/* @__PURE__ */ jsx("p", {
-			className: "dt-meta",
-			children: caption
-		}), /* @__PURE__ */ jsxs("p", {
-			className: "dt-meta",
-			children: ["Screenshot missing: ", evidence.missingReason ?? "not captured."]
-		})]
+	if (!isViewable(evidence)) return /* @__PURE__ */ jsx(MissingEvidenceItem, {
+		caption,
+		evidence,
+		isJustRemoved: evidence.id === removal.removedId
 	});
 	return /* @__PURE__ */ jsxs("li", {
 		className: "dt-card",
@@ -5193,7 +5251,7 @@ function EvidenceItem({ evidence, onEnlarge, removal }) {
 			}),
 			removal.canRemove && /* @__PURE__ */ jsx(RemoveEvidence, {
 				evidence,
-				review: removal.review
+				removal
 			})
 		]
 	});
@@ -5220,7 +5278,7 @@ function EnlargedEvidence({ evidence, onBack, removal }) {
 		}),
 		removal.canRemove && /* @__PURE__ */ jsx(RemoveEvidence, {
 			evidence,
-			review: removal.review
+			removal
 		})
 	] });
 }
@@ -5237,12 +5295,34 @@ function EvidenceList({ evidence, onEnlarge, removal }) {
 		}, item.id))
 	})] });
 }
+function AttachLinkAction({ detail, review }) {
+	const [isAttaching, setIsAttaching] = useState(false);
+	if (isAttaching) return /* @__PURE__ */ jsx(AttachLink, {
+		detail,
+		onDone: () => setIsAttaching(false),
+		review
+	});
+	return /* @__PURE__ */ jsx("div", {
+		className: "dt-actions",
+		children: /* @__PURE__ */ jsx("button", {
+			className: "dt-btn",
+			onClick: () => setIsAttaching(true),
+			type: "button",
+			children: "Attach a link"
+		})
+	});
+}
 function EvidenceTab({ detail, review }) {
 	const [enlargedId, setEnlargedId] = useState(null);
-	const [isAttaching, setIsAttaching] = useState(false);
+	const [removedId, setRemovedId] = useState(null);
 	const enlarged = detail.evidence.find((item) => item.id === enlargedId && isViewable(item));
 	const removal = {
 		canRemove: detail.session.canEdit,
+		onRemoved: (evidenceId) => {
+			setEnlargedId(null);
+			setRemovedId(evidenceId);
+		},
+		removedId,
 		review
 	};
 	if (enlarged) return /* @__PURE__ */ jsx(EnlargedEvidence, {
@@ -5254,19 +5334,10 @@ function EvidenceTab({ detail, review }) {
 		evidence: detail.evidence,
 		onEnlarge: setEnlargedId,
 		removal
-	}), detail.session.canEdit && (isAttaching ? /* @__PURE__ */ jsx(AttachLink, {
+	}), detail.session.canEdit && /* @__PURE__ */ jsx(AttachLinkAction, {
 		detail,
-		onDone: () => setIsAttaching(false),
 		review
-	}) : /* @__PURE__ */ jsx("div", {
-		className: "dt-actions",
-		children: /* @__PURE__ */ jsx("button", {
-			className: "dt-btn",
-			onClick: () => setIsAttaching(true),
-			type: "button",
-			children: "Attach a link"
-		})
-	}))] });
+	})] });
 }
 //#endregion
 //#region src/sessions/ui/review/transcript/segment-row.tsx
@@ -6082,4 +6153,4 @@ function SessionsPanel({ navigation, onStarted, onWriteNote }) {
 //#endregion
 export { announce as A, searchCode as C, openDatabase as D, describeStorageFailure as E, settle as O, probeDevRoute as S, committed as T, teamTransport as _, DevtoolsBar as a, fetchBoardFeedback as b, copyToClipboard as c, PersonIcon as d, SessionWorkspaceProvider as f, devtoolsTransport as g, purgeAccount as h, BarButton as i, reportFailure as j, Notices as k, SESSIONS_STYLES as l, useWorkspaceLoader as m, DEVTOOLS_STYLES as n, DevtoolsBarButtons as o, failureMessage as p, DevtoolsSheet as r, SessionsBarButton as s, SessionsPanel as t, RecordingLayer as u, callReflet as v, startBoardConnect as w, fetchSourceFile as x, disconnectBoard as y };
 
-//# sourceMappingURL=sessions-panel-Dq5j1qcu.js.map
+//# sourceMappingURL=sessions-panel-CaOJ6vWR.js.map