reflet-sdk 0.6.7 → 0.6.9

package/dist/{sessions-panel-CkxIekZX.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-vJhQHTcB.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-DZX0f2_0.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";
@@ -136,6 +136,7 @@ function createReviewEndpoints({ get, post }) {
 		detail: (sessionId) => get("/api/v1/sessions/detail", sessionDetailSchema, { sessionId }),
 		identity: () => get("/api/v1/sessions/identity", sessionIdentitySchema),
 		list: async () => (await get("/api/v1/sessions/list", z.object({ sessions: z.array(sessionSummarySchema) }))).sessions,
+		removeEvidence: async (evidenceId) => (await post("/api/v1/sessions/evidence/remove", { evidenceId }, z.object({ evidence: sessionEvidenceSchema }))).evidence,
 		retrySegment: async (segmentId) => (await post("/api/v1/sessions/segments/retry", { segmentId }, segmentResponse)).segment,
 		update: async (body) => (await post("/api/v1/sessions/update", body, summaryResponse)).session
 	};
@@ -1492,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) {
@@ -1503,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));
@@ -1527,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) {
@@ -1578,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() };
@@ -1712,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,
@@ -1745,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;
@@ -1759,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);
@@ -2070,7 +2105,6 @@ var LiveSession = class {
 	}
 	stop() {
 		this.stopCollecting();
-		this.evidence.cancelPending();
 		this.events.stop();
 	}
 	stopCollecting() {
@@ -2078,6 +2112,7 @@ var LiveSession = class {
 		this.run = null;
 		this.stopListening?.abort();
 		this.stopListening = null;
+		this.evidence.cancelPending();
 		window.clearInterval(this.tick);
 		this.events.flushAll();
 	}
@@ -4138,6 +4173,12 @@ function withSegment(detail, segment) {
 		segments: [...others, segment].sort((a, b) => a.startMs - b.startMs)
 	};
 }
+function withEvidence(detail, evidence) {
+	return {
+		...detail,
+		evidence: detail.evidence.map((item) => item.id === evidence.id ? evidence : item)
+	};
+}
 function isHidden() {
 	return typeof document !== "undefined" && document.visibilityState === "hidden";
 }
@@ -5077,7 +5118,89 @@ 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 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 = useFocusWhen(true);
+	const remove = async () => {
+		const removed = await run("The screenshot was not removed", () => api.removeEvidence(evidence.id));
+		if (removed !== null) {
+			removal.review.patch((detail) => withEvidence(detail, removed));
+			removal.onRemoved(removed.id);
+			announce("Screenshot removed");
+		}
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		className: "dt-ses-banner",
+		children: [/* @__PURE__ */ jsx("p", { children: REMOVE_COPY }), /* @__PURE__ */ jsxs("div", {
+			className: "dt-actions",
+			children: [/* @__PURE__ */ jsx("button", {
+				className: "dt-btn",
+				"data-variant": "danger",
+				onClick: remove,
+				type: "button",
+				children: "Remove"
+			}), /* @__PURE__ */ jsx("button", {
+				className: "dt-btn",
+				onClick: onCancel,
+				ref: cancelRef,
+				type: "button",
+				children: "Cancel"
+			})]
+		})]
+	});
+}
+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);
+			setHasCancelled(true);
+		},
+		removal
+	});
+	return /* @__PURE__ */ jsx("button", {
+		"aria-label": `Remove screenshot at ${formatClock(evidence.atMs)}`,
+		className: "dt-ses-link",
+		onClick: () => {
+			setIsConfirming(true);
+			setHasCancelled(false);
+		},
+		ref: triggerRef,
+		type: "button",
+		children: "Remove"
+	});
+}
+//#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",
@@ -5100,18 +5223,13 @@ function LinkEvidenceItem({ link }) {
 		]
 	});
 }
-function EvidenceItem({ evidence, onEnlarge }) {
+function EvidenceItem({ evidence, onEnlarge, removal }) {
 	const caption = `${formatClock(evidence.atMs)} · ${evidenceCaption(evidence)}`;
 	if (evidence.link) return /* @__PURE__ */ jsx(LinkEvidenceItem, { link: evidence.link });
-	if (evidence.status === "missing" || !evidence.image?.url) 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",
@@ -5130,11 +5248,15 @@ function EvidenceItem({ evidence, onEnlarge }) {
 			evidence.note && /* @__PURE__ */ jsx("p", {
 				className: "dt-note-text",
 				children: evidence.note
+			}),
+			removal.canRemove && /* @__PURE__ */ jsx(RemoveEvidence, {
+				evidence,
+				removal
 			})
 		]
 	});
 }
-function EnlargedEvidence({ evidence, onBack }) {
+function EnlargedEvidence({ evidence, onBack, removal }) {
 	return /* @__PURE__ */ jsxs(Fragment, { children: [
 		/* @__PURE__ */ jsx("button", {
 			className: "dt-ses-link",
@@ -5153,10 +5275,14 @@ function EnlargedEvidence({ evidence, onBack }) {
 				" · ",
 				evidenceCaption(evidence)
 			]
+		}),
+		removal.canRemove && /* @__PURE__ */ jsx(RemoveEvidence, {
+			evidence,
+			removal
 		})
 	] });
 }
-function EvidenceList({ evidence, onEnlarge }) {
+function EvidenceList({ evidence, onEnlarge, removal }) {
 	return /* @__PURE__ */ jsxs(Fragment, { children: [evidence.length === 0 && /* @__PURE__ */ jsx("p", {
 		className: "dt-empty",
 		children: "No screenshots or links in this session."
@@ -5164,26 +5290,19 @@ function EvidenceList({ evidence, onEnlarge }) {
 		className: "dt-ses-rows",
 		children: evidence.map((item) => /* @__PURE__ */ jsx(EvidenceItem, {
 			evidence: item,
-			onEnlarge: () => onEnlarge(item.id)
+			onEnlarge: () => onEnlarge(item.id),
+			removal
 		}, item.id))
 	})] });
 }
-function EvidenceTab({ detail, review }) {
-	const [enlargedId, setEnlargedId] = useState(null);
+function AttachLinkAction({ detail, review }) {
 	const [isAttaching, setIsAttaching] = useState(false);
-	const enlarged = detail.evidence.find((item) => item.id === enlargedId);
-	if (enlarged) return /* @__PURE__ */ jsx(EnlargedEvidence, {
-		evidence: enlarged,
-		onBack: () => setEnlargedId(null)
-	});
-	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(EvidenceList, {
-		evidence: detail.evidence,
-		onEnlarge: setEnlargedId
-	}), detail.session.canEdit && (isAttaching ? /* @__PURE__ */ jsx(AttachLink, {
+	if (isAttaching) return /* @__PURE__ */ jsx(AttachLink, {
 		detail,
 		onDone: () => setIsAttaching(false),
 		review
-	}) : /* @__PURE__ */ jsx("div", {
+	});
+	return /* @__PURE__ */ jsx("div", {
 		className: "dt-actions",
 		children: /* @__PURE__ */ jsx("button", {
 			className: "dt-btn",
@@ -5191,7 +5310,34 @@ function EvidenceTab({ detail, review }) {
 			type: "button",
 			children: "Attach a link"
 		})
-	}))] });
+	});
+}
+function EvidenceTab({ detail, review }) {
+	const [enlargedId, setEnlargedId] = useState(null);
+	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, {
+		evidence: enlarged,
+		onBack: () => setEnlargedId(null),
+		removal
+	});
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(EvidenceList, {
+		evidence: detail.evidence,
+		onEnlarge: setEnlargedId,
+		removal
+	}), detail.session.canEdit && /* @__PURE__ */ jsx(AttachLinkAction, {
+		detail,
+		review
+	})] });
 }
 //#endregion
 //#region src/sessions/ui/review/transcript/segment-row.tsx
@@ -6007,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-CkxIekZX.js.map
+//# sourceMappingURL=sessions-panel-CaOJ6vWR.js.map