reflet-sdk 0.6.2 → 0.6.3

package/dist/feedback.js

@@ -1,7 +1,7 @@
 "use client";
 import { n as Reflet } from "./client-DAdWdIFY.js";
-import { A as TargetIcon, B as buildElementSelection, C as GripIcon, D as SpotlightIcon, E as PencilIcon, F as normalizeRect, G as WIDGET_MARKER, I as DEFAULT_WIDGET_LABELS, J as releaseCapture, K as captureViewport, L as SDK_VERSION, M as TrashIcon, N as UndoIcon, O as SquareIcon, P as isDegenerate, R as collectPageContext, S as CloseIcon, T as MoreIcon, _ as BlurIcon, b as CheckIcon, c as useFloatingPosition, d as SelectionOutline, f as drawAnnotations, g as ArrowIcon, h as stopClicksAtHost, i as createFeedbackTransport, j as TextIcon, m as listenToKeydown, o as submitWidgetFeedback, p as listenOnPageAndWidget, r as attachPreparedScreenshots, t as ElementPicker, v as CameraIcon, w as HighlightIcon, x as ChevronDownIcon, y as ChatIcon, z as MAX_SELECTION_COMMENT_LENGTH } from "./picker-DCoAFX5y.js";
-import { n as RefletContext, t as REFLET_Z_INDEX } from "./z-index-BL0SGZEP.js";
+import { A as TargetIcon, B as buildElementSelection, C as GripIcon, D as SpotlightIcon, E as PencilIcon, F as normalizeRect, G as WIDGET_MARKER, I as DEFAULT_WIDGET_LABELS, J as releaseCapture, K as captureViewport, L as SDK_VERSION, M as TrashIcon, N as UndoIcon, O as SquareIcon, P as isDegenerate, R as collectPageContext, S as CloseIcon, T as MoreIcon, _ as BlurIcon, b as CheckIcon, c as useFloatingPosition, d as SelectionOutline, f as drawAnnotations, g as ArrowIcon, h as stopClicksAtHost, i as createFeedbackTransport, j as TextIcon, m as listenToKeydown, o as submitWidgetFeedback, p as listenOnPageAndWidget, r as attachPreparedScreenshots, t as ElementPicker, v as CameraIcon, w as HighlightIcon, x as ChevronDownIcon, y as ChatIcon, z as MAX_SELECTION_COMMENT_LENGTH } from "./picker-Rh-hsxyX.js";
+import { n as RefletContext, t as REFLET_Z_INDEX } from "./z-index-CIb4-3Fy.js";
 import { Suspense, lazy, useCallback, useContext, useEffect, useId, useLayoutEffect, useMemo, useRef, useState, useSyncExternalStore } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Slider } from "@base-ui/react/slider";
@@ -1640,7 +1640,7 @@ function useWidgetState(props) {
 		setStep("compose");
 		return submission.submit({
 			context: {
-				...activeScreenshot?.context ?? collectPageContext({ sdkVersion: "0.6.2" }),
+				...activeScreenshot?.context ?? collectPageContext({ sdkVersion: "0.6.3" }),
 				consoleEvents: consoleRef.current?.events(),
 				metadata: props.metadata,
 				selections
@@ -2009,6 +2009,8 @@ summary::-webkit-details-marker { display: none; }
 //#endregion
 //#region src/feedback/ui/floating/picker-styles.ts
 const PICKER_STYLES = `
+.picker { position: fixed; inset: 0; z-index: ${REFLET_Z_INDEX.elementPicker}; pointer-events: none; }
+.picker-hint, .picker-note { pointer-events: auto; }
 .picker-box {
   position: fixed;
   top: 0;
@@ -2096,17 +2098,15 @@ const PICKER_STYLES = `
 .picker-cancel:hover { background: var(--rf-bg-hover); color: var(--rf-text); }
 .picker-note {
   position: fixed;
-  z-index: ${REFLET_Z_INDEX.annotatorOverlay};
   display: flex;
   flex-direction: column;
   gap: 6px;
-  width: 300px;
+  width: 320px;
   max-width: calc(100vw - 24px);
   padding: 6px 6px 6px 8px;
   border-radius: 18px;
   animation: rf-in 180ms var(--rf-ease);
 }
-.picker-note:focus-within { outline: 2px solid var(--rf-accent); outline-offset: 2px; }
 .picker-note-target {
   display: flex;
   align-items: center;
@@ -2134,7 +2134,9 @@ const PICKER_STYLES = `
 }
 .picker-note textarea:focus { outline: none; }
 .picker-note textarea::placeholder { color: var(--rf-text-muted); }
-.picker-note-actions { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
+.picker-note-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; }
+.picker-note .picker-cancel { padding: 0 10px; }
+.picker-note .submit { margin-left: auto; }
 @media (pointer: coarse) {
   .picker-hint { padding: 6px 8px 6px 14px; }
   .picker-hint kbd { display: none; }
@@ -2362,7 +2364,7 @@ function ShadowPortal({ children, offset, primaryColor, theme }) {
 }
 //#endregion
 //#region src/feedback/widget.tsx
-const DevtoolsLayer = process.env.NODE_ENV === "development" ? lazy(() => import("./devtools-layer-DOECMj0S.js").then((module) => ({ default: module.DevtoolsLayer }))) : null;
+const DevtoolsLayer = process.env.NODE_ENV === "development" ? lazy(() => import("./devtools-layer-DtO89RlJ.js").then((module) => ({ default: module.DevtoolsLayer }))) : null;
 function RefletFeedback(props) {
 	const state = useWidgetState(props);
 	const launcher = useWidgetLauncher(state);