reflet-sdk 0.7.0 → 0.7.1

package/dist/feedback.js

@@ -1,6 +1,6 @@
 "use client";
 import { n as Reflet } from "./client-oFFfRxAM.js";
-import { A as SquareIcon, C as ChevronDownIcon, D as MoreIcon, E as HighlightIcon, F as UndoIcon, H as MAX_SELECTION_COMMENT_LENGTH, I as isDegenerate, J as maskSecrets, L as normalizeRect, M as TargetIcon, N as TextIcon, O as PencilIcon, P as TrashIcon, R as DEFAULT_WIDGET_LABELS, S as CheckIcon, T as GripIcon, U as buildElementSelection, V as collectPageContext, _ as matchesHotkey, b as CameraIcon, c as useFloatingPosition, d as drawAnnotations, et as WIDGET_MARKER, f as listenOnPageAndWidget, g as isSubmitEnter, h as stopClicksAtHost, i as submitWidgetFeedback, it as releaseCapture, k as SpotlightIcon, n as createFeedbackTransport, o as ElementPicker, p as listenToKeydown, rt as capturedViewportSize, t as attachPreparedScreenshots, tt as captureViewport, v as ArrowIcon, w as CloseIcon, x as ChatIcon, y as BlurIcon, z as SDK_VERSION } from "./submit-CahCBj1P.js";
+import { A as SquareIcon, C as ChevronDownIcon, D as MoreIcon, E as HighlightIcon, F as UndoIcon, H as MAX_SELECTION_COMMENT_LENGTH, I as isDegenerate, J as maskSecrets, L as normalizeRect, M as TargetIcon, N as TextIcon, O as PencilIcon, P as TrashIcon, R as DEFAULT_WIDGET_LABELS, S as CheckIcon, T as GripIcon, U as buildElementSelection, V as collectPageContext, _ as matchesHotkey, b as CameraIcon, c as useFloatingPosition, d as drawAnnotations, et as WIDGET_MARKER, f as listenOnPageAndWidget, g as isSubmitEnter, h as stopClicksAtHost, i as submitWidgetFeedback, it as releaseCapture, k as SpotlightIcon, n as createFeedbackTransport, o as ElementPicker, p as listenToKeydown, rt as capturedViewportSize, t as attachPreparedScreenshots, tt as captureViewport, v as ArrowIcon, w as CloseIcon, x as ChatIcon, y as BlurIcon, z as SDK_VERSION } from "./submit-DBy9TCSq.js";
 import { t as RefletContext } from "./react-context-Kazo_JCz.js";
 import { t as hasTeamActivation } from "./team-activation-DCqh71bl.js";
 import { t as SelectionOutline } from "./selection-outline-NzAAAZXR.js";
@@ -2303,7 +2303,7 @@ function useWidgetState(props) {
 		setStep("compose");
 		return submission.submit({
 			context: {
-				...activeScreenshot?.context ?? collectPageContext({ sdkVersion: "0.7.0" }),
+				...activeScreenshot?.context ?? collectPageContext({ sdkVersion: "0.7.1" }),
 				consoleEvents: consoleRef.current?.events(),
 				metadata: props.metadata,
 				selections
@@ -2369,8 +2369,8 @@ function useWidgetState(props) {
 }
 //#endregion
 //#region src/feedback/widget.tsx
-const DevtoolsLayer = process.env.NODE_ENV === "development" ? lazy(() => import("./devtools-layer-C3rMV03Q.js").then((module) => ({ default: module.DevtoolsLayer }))) : null;
-const TeamLayer = lazy(() => import("./team-layer-gMWcOdCd.js").then((module) => ({ default: module.TeamLayer })));
+const DevtoolsLayer = process.env.NODE_ENV === "development" ? lazy(() => import("./devtools-layer-BI_hut0i.js").then((module) => ({ default: module.DevtoolsLayer }))) : null;
+const TeamLayer = lazy(() => import("./team-layer-D-6Il66z.js").then((module) => ({ default: module.TeamLayer })));
 const DEFAULT_APP_URL = "https://www.reflet.app";
 const ignoreChanges = () => () => void 0;
 /** Activation reads the URL and storage, which only exist in the browser: the server renders without team tools. */

package/dist/{sessions-panel-DPhFYhbk.js → sessions-panel-CDrnOEwi.js}

@@ -1,5 +1,5 @@
 import { a as EDITORS, n as DEVTOOLS_REQUEST_HEADER, r as DEVTOOLS_ROUTE_BASE, t as DEVTOOLS_ENDPOINTS } from "./protocol-cJVVwnPe.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-CahCBj1P.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-DBy9TCSq.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";
@@ -2218,7 +2218,7 @@ async function openVoice() {
 		};
 	}
 }
-function startCollectionRun(options) {
+function startCollectionRun$1(options) {
 	let { voice } = options;
 	voice?.attach({
 		maxSegmentMs: options.maxSegmentMs,
@@ -2316,32 +2316,44 @@ function evidenceBase(trigger, request, options) {
 		trigger
 	};
 }
+function startCollectionRun() {
+	let hasStopped = false;
+	let markStopped = () => void 0;
+	return {
+		hasStopped: () => hasStopped,
+		stop: () => {
+			hasStopped = true;
+			markStopped();
+		},
+		stopped: new Promise((resolve) => {
+			markStopped = resolve;
+		})
+	};
+}
 function createEvidenceScheduler(options) {
 	const { limits } = options;
 	let captured = 0;
 	let lastCaptureAtMs = Number.NEGATIVE_INFINITY;
 	let navigationTimer;
 	let previousCapture = Promise.resolve();
-	let collectionRun = 0;
+	let collectionRun = startCollectionRun();
 	const take = (trigger, request) => {
 		if (captured >= limits.maxEvidence) return null;
 		captured += 1;
 		const base = evidenceBase(trigger, request, options);
 		lastCaptureAtMs = base.atMs;
-		const takenInRun = collectionRun;
-		const isCurrent = () => takenInRun === collectionRun;
+		const run = collectionRun;
 		const stopped = withoutImage(base, STOPPED_BEFORE_CAPTURE);
-		const captureUnlessStopped = async () => {
-			const evidence = isCurrent() ? await shoot(base, options) : stopped;
-			return isCurrent() ? evidence : stopped;
-		};
-		previousCapture = previousCapture.then(captureUnlessStopped).then(options.onEvidence);
+		const rendered = previousCapture.then(() => run.hasStopped() ? stopped : shoot(base, options));
+		const reported = Promise.race([rendered, run.stopped.then(() => stopped)]).then((evidence) => options.onEvidence(run.hasStopped() ? stopped : evidence));
+		previousCapture = Promise.all([rendered, reported]);
 		return base.clientKey;
 	};
 	return {
 		cancelPending: () => {
 			window.clearTimeout(navigationTimer);
-			collectionRun += 1;
+			collectionRun.stop();
+			collectionRun = startCollectionRun();
 		},
 		capture: (request) => take(request.trigger, request),
 		navigated: () => {
@@ -2628,7 +2640,7 @@ var LiveSession = class {
 		const { limits } = this.options;
 		const hasVoiceRoom = this.hasVoiceRoom();
 		if (!hasVoiceRoom) voice.stop();
-		this.run = startCollectionRun({
+		this.run = startCollectionRun$1({
 			atMs: this.clock.atMs,
 			collectEvents: !this.quota.stopped.has("events"),
 			includeSource: this.options.includeSource,
@@ -4895,6 +4907,19 @@ function failedState(error, current) {
 		message: failureMessage(error)
 	};
 }
+function useLandedUploadTick() {
+	const { account } = useSessionWorkspace();
+	const { pendingOperations } = useSyncStatus(account.key);
+	const [seen, setSeen] = useState({
+		pending: pendingOperations,
+		tick: 0
+	});
+	if (seen.pending !== pendingOperations) setSeen({
+		pending: pendingOperations,
+		tick: pendingOperations < seen.pending ? seen.tick + 1 : seen.tick
+	});
+	return seen.tick;
+}
 function useSessionDetail(sessionId) {
 	const { api, onUnauthorized } = useSessionWorkspace();
 	const [state, setState] = useState({ kind: "loading" });
@@ -4903,6 +4928,7 @@ function useSessionDetail(sessionId) {
 		sessionId
 	});
 	const pollTick = usePollTick(state);
+	const uploadTick = useLandedUploadTick();
 	useEffect(() => {
 		let isCurrent = true;
 		api.detail(request.sessionId).then((detail) => isCurrent && setState({
@@ -4914,7 +4940,8 @@ function useSessionDetail(sessionId) {
 				return;
 			}
 			if (isCurrent) setState((current) => failedState(error, current));
-			if (isCurrent && request.count + pollTick > 0) reportFailure("The session did not refresh", error);
+			const isRefresh = request.count + pollTick + uploadTick > 0;
+			if (isCurrent && isRefresh) reportFailure("The session did not refresh", error);
 		});
 		return () => {
 			isCurrent = false;
@@ -4923,7 +4950,8 @@ function useSessionDetail(sessionId) {
 		api,
 		onUnauthorized,
 		request,
-		pollTick
+		pollTick,
+		uploadTick
 	]);
 	return {
 		patch: (update) => setState((current) => current.kind === "ready" ? {
@@ -5442,9 +5470,6 @@ function useContributionActions({ context, continuation }) {
 		detach: async () => {
 			if (await runThenReload("The contribution was not removed", () => api.detachContribution(contributionId))) announce("This session's contribution was removed");
 		},
-		retry: async () => {
-			await runThenReload("The comparison did not restart", () => api.analyze(sessionId));
-		},
 		verify: async (status, note) => {
 			if (intentionId && await runThenReload("The check was not saved", () => api.verifyProposal({
 				note,
@@ -5614,40 +5639,16 @@ function ContinuationHeader({ continuation, onOpenSession }) {
 		})]
 	});
 }
-function ContributionState({ scope }) {
-	const { actions, context, continuation } = scope;
-	const { contribution } = continuation;
+function ContributionState({ contribution }) {
 	if (contribution.state === "recording") return /* @__PURE__ */ jsx("p", {
 		className: "dt-status",
 		children: "This session is still recording. What it changes appears once it ends."
 	});
-	if (contribution.state === "analyzing") return /* @__PURE__ */ jsxs("p", {
-		className: "dt-status",
-		children: [
-			"Comparing with revision ",
-			contribution.baseRevision,
-			"…"
-		]
-	});
 	if (contribution.state === "no_change") return /* @__PURE__ */ jsx("p", {
 		className: "dt-meta",
 		children: "No change to the intention"
 	});
-	if (contribution.state !== "failed") return null;
-	const reason = context.detail.session.analysis.error ?? "Unknown error.";
-	return /* @__PURE__ */ jsxs("div", {
-		className: "dt-actions",
-		role: "alert",
-		children: [/* @__PURE__ */ jsxs("p", {
-			className: "dt-error",
-			children: ["The comparison failed: ", reason]
-		}), context.canEdit && /* @__PURE__ */ jsx("button", {
-			className: "dt-btn",
-			onClick: actions.retry,
-			type: "button",
-			children: "Try again"
-		})]
-	});
+	return null;
 }
 function DetachContribution({ scope }) {
 	const [isConfirming, setIsConfirming] = useState(false);
@@ -5683,7 +5684,7 @@ function DetachContribution({ scope }) {
 function ContributionBody({ intention, scope }) {
 	const { contribution } = scope.continuation;
 	return /* @__PURE__ */ jsxs(Fragment, { children: [
-		/* @__PURE__ */ jsx(ContributionState, { scope }),
+		/* @__PURE__ */ jsx(ContributionState, { contribution }),
 		contribution.stale && /* @__PURE__ */ jsxs("p", {
 			className: "dt-ses-banner",
 			role: "status",
@@ -7852,16 +7853,24 @@ function transcribingLine(detail) {
 	if (busy.length === 0) return null;
 	return `Transcribing ${voice.length - busy.length} of ${voice.length}`;
 }
+function comparedRevision(detail) {
+	const { continuation } = detail;
+	return continuation?.intention && continuation.contribution.detachedAt === null ? continuation.contribution.baseRevision : null;
+}
 function analysisLine(detail) {
 	const { session } = detail;
+	const revision = comparedRevision(detail);
 	if (isAnalysisBusy(session)) return {
 		action: null,
-		text: "Reading the session…"
-	};
-	if (session.analysis.state === "failed") return {
-		action: "Try again",
-		text: `Analysis failed: ${session.analysis.error ?? "Unknown error."}`
+		text: revision === null ? "Reading the session…" : `Comparing with revision ${revision}…`
 	};
+	if (session.analysis.state === "failed") {
+		const reason = session.analysis.error ?? "Unknown error.";
+		return {
+			action: "Try again",
+			text: `${revision === null ? "Analysis failed" : "The comparison failed"}: ${reason}`
+		};
+	}
 	if (isAnalysisOutdated(session)) return {
 		action: "Analyze again",
 		text: "The transcript changed since the analysis."
@@ -8676,4 +8685,4 @@ function SessionsPanel({ navigation, onStarted, onWriteNote }) {
 //#endregion
 export { Notices as A, searchCode as C, openDatabase as D, describeStorageFailure as E, reportFailure as M, 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, announce as j, sessionApiErrorSchema 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-DPhFYhbk.js.map
+//# sourceMappingURL=sessions-panel-CDrnOEwi.js.map