reflet-sdk 0.6.0 → 0.6.2

package/CHANGELOG.md

@@ -5,6 +5,18 @@ All notable changes to `reflet-sdk` will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [0.6.2] - 2026-10-04
+
+### Fixed
+
+- The devtools Board tab no longer dead-ends when nothing points at the current page: switch between "This page" and "Whole board", or click "Show the whole board" from the empty state, so feedback filed on other routes or other tenants' URLs stays reachable.
+
+## [0.6.1] - 2026-10-04
+
+### Fixed
+
+- Dragging the devtools bar follows the pointer directly instead of trailing behind it. The slide animation only plays when the docked bar makes room for the opening panel.
+
 ## [0.6.0] - 2026-09-30
 
 ### Security

package/README.md

@@ -203,8 +203,9 @@ turn it off.
 - **Send to board** — notes become internal feedback: members see them with an
   "Internal" badge, the public board never does, and an admin can make one
   public from the dashboard.
-- **Board** — the board's feedback for the current route, with "Show on page",
-  the reporter's source location, and a code search for the element's text.
+- **Board** — the board's feedback for the current route, or the whole board,
+  with "Show on page", the reporter's source location, and a code search for
+  the element's text.
 
 Code view and the board go through one dev-only route that reads files from
 your repository and holds the board credential server-side.

package/dist/{devtools-layer-D_0UL_Wd.js → devtools-layer-DOECMj0S.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-ClqTFzwR.js";
-import { A as TargetIcon, B as buildElementSelection, C as GripIcon, H as getFiberFromNode, I as DEFAULT_WIDGET_LABELS, J as releaseCapture, K as captureViewport, L as SDK_VERSION, R as collectPageContext, S as CloseIcon, U as resolveComponentStack, V as describeElement, W as shortenSourcePath, a as visibleViewport, c as deriveTitle, d as SelectionOutline, i as onViewportChange, k as Svg, m as listenToKeydown, n as isWidgetOwned, p as listenOnPageAndWidget, q as capturedFromCanvas, r as useFloatingPosition, t as ElementPicker, u as uploadImageBlob } from "./picker-C7TkZcBE.js";
+import { A as TargetIcon, B as buildElementSelection, C as GripIcon, H as getFiberFromNode, I as DEFAULT_WIDGET_LABELS, J as releaseCapture, K as captureViewport, L as SDK_VERSION, R as collectPageContext, S as CloseIcon, U as resolveComponentStack, V as describeElement, W as shortenSourcePath, a as deriveTitle, c as useFloatingPosition, d as SelectionOutline, k as Svg, l as onViewportChange, m as listenToKeydown, n as isWidgetOwned, p as listenOnPageAndWidget, q as capturedFromCanvas, s as uploadImageBlob, t as ElementPicker, u as visibleViewport } from "./picker-DCoAFX5y.js";
 import { t as REFLET_Z_INDEX } from "./z-index-BL0SGZEP.js";
 import * as G$1 from "react";
 import { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState, useSyncExternalStore } from "react";
@@ -79,12 +79,13 @@ function callReflet(apiPath, init = {}) {
 		query: init.query
 	});
 }
-async function fetchBoardFeedbackForPage(pagePath) {
-	return (await callReflet("/api/v1/feedback/list", { query: {
+function fetchBoardFeedback(pagePath) {
+	const query = {
 		limit: String(INBOX_PAGE_SIZE),
-		pagePath,
 		sortBy: "newest"
-	} })).items;
+	};
+	if (pagePath !== null) query.pagePath = pagePath;
+	return callReflet("/api/v1/feedback/list", { query });
 }
 //#endregion
 //#region src/devtools/client/copy-button.tsx
@@ -352,17 +353,26 @@ function FeedbackCard({ item, onOpenCode, onShowSelector }) {
 }
 //#endregion
 //#region src/devtools/client/inbox/inbox-panel.tsx
-function useBoardFeedbackForPage() {
+const INBOX_SCOPES = ["page", "board"];
+const SCOPE_LABELS = {
+	board: "Whole board",
+	page: "This page"
+};
+const EMPTY_SCOPE_MESSAGES = {
+	board: "The board has no feedback yet.",
+	page: "Nothing on the board points at this page yet."
+};
+function useBoardFeedback(scope) {
 	const [state, setState] = useState({ kind: "loading" });
 	const load = useCallback(async () => {
-		const pagePath = window.location.pathname;
+		const pagePath = scope === "page" ? window.location.pathname : null;
 		setState({ kind: "loading" });
 		try {
-			const items = await fetchBoardFeedbackForPage(pagePath);
+			const page = await fetchBoardFeedback(pagePath);
 			setState({
-				items,
 				kind: "ready",
-				pagePath
+				page,
+				place: pagePath ?? "the board"
 			});
 		} catch (error) {
 			setState({
@@ -370,7 +380,7 @@ function useBoardFeedbackForPage() {
 				message: error instanceof Error ? error.message : "Could not reach the board."
 			});
 		}
-	}, []);
+	}, [scope]);
 	useEffect(() => {
 		load();
 	}, [load]);
@@ -379,14 +389,14 @@ function useBoardFeedbackForPage() {
 		state
 	};
 }
-function InboxPanel({ onOpenCode, onShowSelector }) {
-	const { load, state } = useBoardFeedbackForPage();
+function BoardFeedbackList({ onOpenCode, onShowSelector, onShowWholeBoard, scope }) {
+	const { load, state } = useBoardFeedback(scope);
 	return /* @__PURE__ */ jsxs(Fragment, { children: [
 		/* @__PURE__ */ jsxs("div", {
 			className: "dt-card-head",
 			children: [/* @__PURE__ */ jsx("p", {
 				className: "dt-status",
-				children: state.kind === "ready" ? `${state.items.length} on ${state.pagePath}` : "Board feedback on this page"
+				children: state.kind === "ready" ? `${state.page.total} on ${state.place}` : "Board feedback"
 			}), /* @__PURE__ */ jsx("button", {
 				className: "dt-btn",
 				disabled: state.kind === "loading",
@@ -403,17 +413,40 @@ function InboxPanel({ onOpenCode, onShowSelector }) {
 			className: "dt-error",
 			children: state.message
 		}),
-		state.kind === "ready" && state.items.length === 0 && /* @__PURE__ */ jsx("div", {
+		state.kind === "ready" && state.page.items.length === 0 && /* @__PURE__ */ jsxs("div", {
 			className: "dt-empty",
-			children: /* @__PURE__ */ jsx("p", { children: "Nothing on the board points at this page yet." })
+			children: [/* @__PURE__ */ jsx("p", { children: EMPTY_SCOPE_MESSAGES[scope] }), scope === "page" && /* @__PURE__ */ jsx("button", {
+				className: "dt-btn",
+				onClick: onShowWholeBoard,
+				type: "button",
+				children: "Show the whole board"
+			})]
 		}),
-		state.kind === "ready" && state.items.map((item) => /* @__PURE__ */ jsx(FeedbackCard, {
+		state.kind === "ready" && state.page.items.map((item) => /* @__PURE__ */ jsx(FeedbackCard, {
 			item,
 			onOpenCode,
 			onShowSelector
 		}, item.id))
 	] });
 }
+function InboxPanel({ onOpenCode, onShowSelector }) {
+	const [scope, setScope] = useState("page");
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("div", {
+		className: "dt-tabs",
+		children: INBOX_SCOPES.map((option) => /* @__PURE__ */ jsx("button", {
+			"aria-pressed": option === scope,
+			className: "dt-tab",
+			onClick: () => setScope(option),
+			type: "button",
+			children: SCOPE_LABELS[option]
+		}, option))
+	}), /* @__PURE__ */ jsx(BoardFeedbackList, {
+		onOpenCode,
+		onShowSelector,
+		onShowWholeBoard: () => setScope("board"),
+		scope
+	}, scope)] });
+}
 //#endregion
 //#region src/devtools/client/notices.tsx
 let notices = [];
@@ -776,7 +809,7 @@ function DevtoolsBar({ edge, noteCount, onPick, onToggleSheet, openTab, side })
 				})]
 			}),
 			/* @__PURE__ */ jsx(BarButton, {
-				label: "Board feedback on this page",
+				label: "Board feedback",
 				onClick: () => onToggleSheet("inbox"),
 				pressed: openTab === "inbox",
 				children: /* @__PURE__ */ jsx(InboxIcon, {})
@@ -1050,8 +1083,8 @@ const DEVTOOLS_STYLES = `
   position: fixed; z-index: ${REFLET_Z_INDEX.devtoolsBar};
   display: flex; align-items: center; gap: 2px; padding: 3px;
   border-radius: var(--rf-pill);
-  transition: left 260ms var(--rf-ease), right 260ms var(--rf-ease);
 }
+.dt-bar[data-moved="false"] { transition: left 260ms var(--rf-ease), right 260ms var(--rf-ease); }
 .dt-bar[data-side="left"] { left: calc(var(--rf-viewport-left, 0px) + max(12px, var(--rf-offset))); }
 .dt-bar[data-side="right"] { right: calc(var(--rf-viewport-right, 0px) + max(12px, var(--rf-offset))); }
 .dt-bar[data-edge="bottom"] { bottom: calc(var(--rf-viewport-bottom, 0px) + env(safe-area-inset-bottom) + var(--dt-edge-gap)); }
@@ -1105,7 +1138,7 @@ const DEVTOOLS_STYLES = `
 .dt-tabs { display: flex; gap: 2px; margin-right: auto; }
 .dt-tab { height: 30px; padding: 0 11px; border-radius: var(--rf-pill); color: var(--rf-text-muted); font-weight: 500; }
 .dt-tab:hover { color: var(--rf-text); }
-.dt-tab[aria-selected="true"] { background: var(--rf-bg-hover); color: var(--rf-text); }
+.dt-tab[aria-selected="true"], .dt-tab[aria-pressed="true"] { background: var(--rf-bg-hover); color: var(--rf-text); }
 .dt-sheet-body { flex: 1; min-height: 0; overflow: auto; display: flex; flex-direction: column; gap: 8px; padding: 10px; }
 .dt-sheet-foot {
   position: sticky; bottom: -10px; display: flex; flex-wrap: wrap; align-items: center; gap: 6px;
@@ -4094,4 +4127,4 @@ function DevtoolsLayer({ isWidgetOpen, position, publicKey }) {
 //#endregion
 export { DevtoolsLayer };
 
-//# sourceMappingURL=devtools-layer-D_0UL_Wd.js.map
+//# sourceMappingURL=devtools-layer-DOECMj0S.js.map