reflet-sdk 0.7.4 → 0.7.6

package/CHANGELOG.md

@@ -5,6 +5,20 @@ 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.7.6] - 2026-10-17
+
+### Changed
+
+- Pick: the note card's actions are smaller. Pick another and Copy are icon buttons (their names show on hover), and View code is now Code with an icon.
+- Devtools: an empty Board says "This page" or "Whole board" above its message instead of "0 on this page" or "0 on the board".
+- Devtools: the panel has no divider lines under its tabs or above the account footer.
+
+## [0.7.5] - 2026-10-17
+
+### Added
+
+- Team tools in desktop apps: `createTeamToolsHost` from `reflet-sdk/desktop` runs them in an Electron main process, and `<RefletFeedback teamTools={bridge} />` takes the bridge it returns. Pages loaded from `file://` can now record sessions: sign-in opens the system browser and returns to a loopback listener, and the token stays in `~/.reflet/devtools/`, out of the page.
+
 ## [0.7.4] - 2026-10-15
 
 ### Changed

package/README.md

@@ -167,7 +167,7 @@ builds do; production builds strip React's debug data).
 | `categories` | `("bug" \| "idea" \| "question")[]` | all three | Category chips to show. |
 | `labels` | `Partial<FeedbackWidgetLabels>` | — | Override any string for i18n. |
 | `devtools` | `boolean` | `true` | Dev-only team tools; see below. Never loaded outside `NODE_ENV=development`. |
-| `teamTools` | `boolean` | `true` | Lets signed-in members of your Reflet organization record sessions in production; see below. |
+| `teamTools` | `boolean \| TeamToolsBridge` | `true` | Lets signed-in members of your Reflet organization record sessions in production; see below. Desktop apps pass a bridge. |
 | `appUrl` | `string` | `"https://www.reflet.app"` | Reflet web app origin team tools sign in on. |
 | `onSubmit` | `(result: { feedbackId: string }) => void` | — | Fires after a successful send. |
 
@@ -192,12 +192,12 @@ builds drop it at bundle time — the devtools chunk is never shipped to your
 users. Pass `devtools={false}` to turn it off.
 
 - **Pick** — click an element to write a note on it. The note card has a
-  "View code" button, and Shift+click (or Shift+Enter) skips the note and opens
+  Code button, and Shift+click (or Shift+Enter) skips the note and opens
   the source file with the JSX element highlighted, ready to jump to in your
   editor. Locations come from React's debug stacks resolved through the dev
   server's source maps, Server Components included. Press ⌘C (Ctrl+C) on the
-  aimed element, or Copy on the note card, to put the element and its source on
-  the clipboard for a coding agent, without saving a note.
+  aimed element, or the note card's copy button, to put the element and its
+  source on the clipboard for a coding agent, without saving a note.
 - **Notes** — a note appears the moment you press Enter, as a numbered pin on
   its element, Figma-style; click the pin to read, edit or delete it, and find
   the same number on its card in the panel. Its source location and a
@@ -299,6 +299,37 @@ transcript is saved, within 24 hours at most. Pausing stops all collection;
 keystrokes are never recorded, form fields appear empty in screenshots, and
 password fields and elements marked `data-reflet-redact` are hidden from them.
 
+##### Desktop apps (Electron)
+
+A page loaded from `file://` has no origin Reflet can bind a sign-in to, so the
+browser flow above can't work there. Run team tools from the app's main
+process instead: sign-in opens the system browser and comes back to a one-shot
+listener on `127.0.0.1`, like the devtools' Connect, and the token stays on disk
+in `~/.reflet/devtools/`, never in the page. Members approve it on reflet.app as
+a local connection; revoke it from Account → Devtools. The key needs no allowed
+domain for this.
+
+```ts
+// main process
+import { app, ipcMain, shell } from 'electron';
+import { createTeamToolsHost } from 'reflet-sdk/desktop';
+
+const teamTools = createTeamToolsHost({
+  appDataDirectory: app.getPath('userData'),
+  openExternal: (url) => shell.openExternal(url),
+  publicKey: 'fb_pub_xxx',
+});
+ipcMain.handle('reflet-team-tools:account', () => teamTools.account());
+ipcMain.handle('reflet-team-tools:request', (_event, call) => teamTools.request(call));
+ipcMain.handle('reflet-team-tools:sign-in', () => teamTools.signIn());
+ipcMain.handle('reflet-team-tools:sign-out', () => teamTools.signOut());
+```
+
+Expose the four calls from the preload script, then pass them as the bridge:
+`<RefletFeedback publicKey="fb_pub_xxx" teamTools={bridge} />`. Team tools show
+at once, so only pass the bridge in builds meant for your team. `request` only
+forwards the session and feedback endpoints the devtools use.
+
 ### 5. In-App Surveys
 
 Create surveys in the Reflet dashboard (NPS, ratings, choices, text, statements,

package/dist/desktop.d.ts

@@ -0,0 +1,24 @@
+import { i as TeamToolsReply, n as TeamToolsBridge, r as TeamToolsCall, t as TeamToolsAccount } from "./team-tools-bridge-C51PpkUI.js";
+//#region src/devtools/server/desktop.d.ts
+export interface TeamToolsHostOptions {
+  /** Reflet API origin. Defaults to the hosted API. */
+  apiUrl?: string;
+  /** A directory only this app uses, such as Electron's `app.getPath("userData")`. Keeps its sign-in apart from other apps and dev servers. */
+  appDataDirectory: string;
+  /** Reflet web app origin sign-in happens on. Defaults to https://www.reflet.app. */
+  appUrl?: string;
+  /** Opens a URL in the system browser, such as Electron's `shell.openExternal`. */
+  openExternal: (url: string) => Promise<void>;
+  publicKey: string;
+}
+/**
+ * Runs team tools for a desktop app in its privileged process (Electron's
+ * main): sign-in goes through the system browser back to a one-shot loopback
+ * listener, and the token stays on disk outside the page, like the dev
+ * server's Connect. Expose the returned bridge to the page over IPC and pass it
+ * to `<RefletFeedback teamTools={bridge} />`.
+ */
+export declare function createTeamToolsHost(options: TeamToolsHostOptions): TeamToolsBridge;
+//#endregion
+export type { TeamToolsAccount, TeamToolsBridge, TeamToolsCall, TeamToolsReply };
+//# sourceMappingURL=desktop.d.ts.map

package/dist/desktop.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"desktop.d.ts","names":[],"sources":["../src/devtools/server/desktop.ts"],"mappings":";;iBA4BiB;;EAEf;;EAEA;;EAEA;;EAEA,eAAe,gBAAgB;EAC/B;;;;;;;;;wBAsGc,oBACd,SAAS,uBACR"}

package/dist/desktop.js

@@ -0,0 +1,118 @@
+import { a as connectCallbackUriFor, f as PENDING_CONNECT_TTL_MS, i as connectAuthorizeUrl, l as forgetConnection, m as readConnection, o as connectOutcomePage, p as htmlPage, r as resolveDevtoolsOptions, t as proxyWithBoardCredential, u as redeemConnectCode } from "./reflet-proxy-BW6q9xds.js";
+import { createServer } from "node:http";
+//#region src/devtools/server/desktop.ts
+const LOOPBACK_HOST = "127.0.0.1";
+const SIGN_IN_TIMED_OUT = "Reflet sign-in timed out. Sign in again.";
+async function sendPage(response, page) {
+	response.writeHead(page.status, Object.fromEntries(page.headers));
+	response.end(await page.text());
+}
+async function listenOnLoopback(server) {
+	await new Promise((resolve, reject) => {
+		server.once("error", reject);
+		server.listen(0, LOOPBACK_HOST, resolve);
+	});
+	const address = server.address();
+	if (address === null || typeof address === "string") throw new Error("The Reflet sign-in listener has no port.");
+	return address.port;
+}
+/** Settles on the first callback carrying this sign-in's state; anything else gets a 404 and changes nothing. */
+function awaitConnectCallback(server, pending) {
+	const callbackPath = new URL(pending.redirectUri).pathname;
+	return new Promise((resolve, reject) => {
+		const timeout = setTimeout(() => reject(/* @__PURE__ */ new Error(SIGN_IN_TIMED_OUT)), PENDING_CONNECT_TTL_MS);
+		let isRedeeming = false;
+		const redeem = async (url, response) => {
+			const outcome = await redeemConnectCode(pending.settings, {
+				code: url.searchParams.get("code"),
+				redirectUri: pending.redirectUri,
+				state: pending.state
+			});
+			await sendPage(response, connectOutcomePage(outcome));
+			if (!outcome.ok) throw new Error(outcome.message);
+			return { organizationName: outcome.organizationName };
+		};
+		server.on("request", (request, response) => {
+			const url = new URL(request.url ?? "/", pending.redirectUri);
+			const isThisSignIn = request.method === "GET" && url.pathname === callbackPath && url.searchParams.get("state") === pending.state;
+			if (isRedeeming || !isThisSignIn) {
+				sendPage(response, htmlPage("Not found", "Nothing here answers this link.", 404)).catch(() => void 0);
+				return;
+			}
+			isRedeeming = true;
+			clearTimeout(timeout);
+			redeem(url, response).then(resolve, reject);
+		});
+	});
+}
+async function startBrowserSignIn(settings, publicKey) {
+	const server = createServer();
+	const port = await listenOnLoopback(server);
+	const redirectUri = connectCallbackUriFor(`http://${LOOPBACK_HOST}:${port}`);
+	const { authorizeUrl, state } = connectAuthorizeUrl(settings, {
+		publicKey,
+		redirectUri
+	});
+	return {
+		account: awaitConnectCallback(server, {
+			redirectUri,
+			settings,
+			state
+		}).finally(() => server.close()),
+		authorizeUrl
+	};
+}
+/**
+* Runs team tools for a desktop app in its privileged process (Electron's
+* main): sign-in goes through the system browser back to a one-shot loopback
+* listener, and the token stays on disk outside the page, like the dev
+* server's Connect. Expose the returned bridge to the page over IPC and pass it
+* to `<RefletFeedback teamTools={bridge} />`.
+*/
+function createTeamToolsHost(options) {
+	const settings = resolveDevtoolsOptions({
+		apiUrl: options.apiUrl,
+		appUrl: options.appUrl,
+		root: options.appDataDirectory
+	}, {});
+	let pendingSignIn = null;
+	const currentSignIn = () => {
+		if (pendingSignIn) return pendingSignIn;
+		const started = startBrowserSignIn(settings, options.publicKey);
+		pendingSignIn = started;
+		const release = () => {
+			if (pendingSignIn === started) pendingSignIn = null;
+		};
+		started.then((signIn) => signIn.account).then(release, release);
+		return started;
+	};
+	return {
+		account: async () => {
+			const connection = await readConnection(settings.root, settings.apiUrl);
+			return connection && { organizationName: connection.organizationName };
+		},
+		request: async (call) => {
+			const search = call.query ? `?${new URLSearchParams(call.query)}` : "";
+			const response = await proxyWithBoardCredential(new Request(`${settings.apiUrl}/${search}`, {
+				body: call.method === "POST" ? call.body : void 0,
+				method: call.method
+			}), call.path, settings);
+			return {
+				body: await response.text(),
+				status: response.status
+			};
+		},
+		signIn: async () => {
+			const signIn = await currentSignIn();
+			await options.openExternal(signIn.authorizeUrl);
+			return await signIn.account;
+		},
+		signOut: async () => {
+			await forgetConnection(settings);
+		}
+	};
+}
+//#endregion
+export { createTeamToolsHost };
+
+//# sourceMappingURL=desktop.js.map

package/dist/desktop.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"desktop.js","names":[],"sources":["../src/devtools/server/desktop.ts"],"sourcesContent":["import { createServer, type Server, type ServerResponse } from \"node:http\";\nimport type {\n  TeamToolsAccount,\n  TeamToolsBridge,\n} from \"../../sessions/team/team-tools-bridge\";\nimport {\n  connectAuthorizeUrl,\n  connectCallbackUriFor,\n  connectOutcomePage,\n  forgetConnection,\n  redeemConnectCode,\n} from \"./connect/connect-routes\";\nimport { readConnection } from \"./connect/connection-store\";\nimport { htmlPage } from \"./connect/html-page\";\nimport { PENDING_CONNECT_TTL_MS } from \"./connect/pending-connects\";\nimport {\n  type ResolvedDevtoolsOptions,\n  resolveDevtoolsOptions,\n} from \"./options\";\nimport { proxyWithBoardCredential } from \"./reflet-proxy\";\n\nexport type {\n  TeamToolsAccount,\n  TeamToolsBridge,\n  TeamToolsCall,\n  TeamToolsReply,\n} from \"../../sessions/team/team-tools-bridge\";\n\nexport interface TeamToolsHostOptions {\n  /** Reflet API origin. Defaults to the hosted API. */\n  apiUrl?: string;\n  /** A directory only this app uses, such as Electron's `app.getPath(\"userData\")`. Keeps its sign-in apart from other apps and dev servers. */\n  appDataDirectory: string;\n  /** Reflet web app origin sign-in happens on. Defaults to https://www.reflet.app. */\n  appUrl?: string;\n  /** Opens a URL in the system browser, such as Electron's `shell.openExternal`. */\n  openExternal: (url: string) => Promise<void>;\n  publicKey: string;\n}\n\ninterface BrowserSignIn {\n  account: Promise<TeamToolsAccount>;\n  authorizeUrl: string;\n}\n\nconst LOOPBACK_HOST = \"127.0.0.1\";\nconst SIGN_IN_TIMED_OUT = \"Reflet sign-in timed out. Sign in again.\";\n\nasync function sendPage(response: ServerResponse, page: Response) {\n  response.writeHead(page.status, Object.fromEntries(page.headers));\n  response.end(await page.text());\n}\n\nasync function listenOnLoopback(server: Server): Promise<number> {\n  await new Promise<void>((resolve, reject) => {\n    server.once(\"error\", reject);\n    server.listen(0, LOOPBACK_HOST, resolve);\n  });\n  const address = server.address();\n  if (address === null || typeof address === \"string\") {\n    throw new Error(\"The Reflet sign-in listener has no port.\");\n  }\n  return address.port;\n}\n\n/** Settles on the first callback carrying this sign-in's state; anything else gets a 404 and changes nothing. */\nfunction awaitConnectCallback(\n  server: Server,\n  pending: {\n    redirectUri: string;\n    settings: ResolvedDevtoolsOptions;\n    state: string;\n  }\n): Promise<TeamToolsAccount> {\n  const callbackPath = new URL(pending.redirectUri).pathname;\n  return new Promise((resolve, reject) => {\n    const timeout = setTimeout(\n      () => reject(new Error(SIGN_IN_TIMED_OUT)),\n      PENDING_CONNECT_TTL_MS\n    );\n    let isRedeeming = false;\n    const redeem = async (url: URL, response: ServerResponse) => {\n      const outcome = await redeemConnectCode(pending.settings, {\n        code: url.searchParams.get(\"code\"),\n        redirectUri: pending.redirectUri,\n        state: pending.state,\n      });\n      await sendPage(response, connectOutcomePage(outcome));\n      if (!outcome.ok) {\n        throw new Error(outcome.message);\n      }\n      return { organizationName: outcome.organizationName };\n    };\n    server.on(\"request\", (request, response) => {\n      const url = new URL(request.url ?? \"/\", pending.redirectUri);\n      const isThisSignIn =\n        request.method === \"GET\" &&\n        url.pathname === callbackPath &&\n        url.searchParams.get(\"state\") === pending.state;\n      if (isRedeeming || !isThisSignIn) {\n        sendPage(\n          response,\n          htmlPage(\"Not found\", \"Nothing here answers this link.\", 404)\n        ).catch(() => undefined);\n        return;\n      }\n      isRedeeming = true;\n      clearTimeout(timeout);\n      redeem(url, response).then(resolve, reject);\n    });\n  });\n}\n\nasync function startBrowserSignIn(\n  settings: ResolvedDevtoolsOptions,\n  publicKey: string\n): Promise<BrowserSignIn> {\n  const server = createServer();\n  const port = await listenOnLoopback(server);\n  const redirectUri = connectCallbackUriFor(`http://${LOOPBACK_HOST}:${port}`);\n  const { authorizeUrl, state } = connectAuthorizeUrl(settings, {\n    publicKey,\n    redirectUri,\n  });\n  const account = awaitConnectCallback(server, {\n    redirectUri,\n    settings,\n    state,\n  }).finally(() => server.close());\n  return { account, authorizeUrl };\n}\n\n/**\n * Runs team tools for a desktop app in its privileged process (Electron's\n * main): sign-in goes through the system browser back to a one-shot loopback\n * listener, and the token stays on disk outside the page, like the dev\n * server's Connect. Expose the returned bridge to the page over IPC and pass it\n * to `<RefletFeedback teamTools={bridge} />`.\n */\nexport function createTeamToolsHost(\n  options: TeamToolsHostOptions\n): TeamToolsBridge {\n  const settings = resolveDevtoolsOptions(\n    {\n      apiUrl: options.apiUrl,\n      appUrl: options.appUrl,\n      root: options.appDataDirectory,\n    },\n    {}\n  );\n  let pendingSignIn: Promise<BrowserSignIn> | null = null;\n\n  const currentSignIn = (): Promise<BrowserSignIn> => {\n    if (pendingSignIn) {\n      return pendingSignIn;\n    }\n    const started = startBrowserSignIn(settings, options.publicKey);\n    pendingSignIn = started;\n    const release = () => {\n      if (pendingSignIn === started) {\n        pendingSignIn = null;\n      }\n    };\n    started.then((signIn) => signIn.account).then(release, release);\n    return started;\n  };\n\n  return {\n    account: async () => {\n      const connection = await readConnection(settings.root, settings.apiUrl);\n      return connection && { organizationName: connection.organizationName };\n    },\n    request: async (call) => {\n      const search = call.query ? `?${new URLSearchParams(call.query)}` : \"\";\n      const response = await proxyWithBoardCredential(\n        new Request(`${settings.apiUrl}/${search}`, {\n          body: call.method === \"POST\" ? call.body : undefined,\n          method: call.method,\n        }),\n        call.path,\n        settings\n      );\n      return { body: await response.text(), status: response.status };\n    },\n    signIn: async () => {\n      const signIn = await currentSignIn();\n      await options.openExternal(signIn.authorizeUrl);\n      return await signIn.account;\n    },\n    signOut: async () => {\n      await forgetConnection(settings);\n    },\n  };\n}\n"],"mappings":"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"}

package/dist/{devtools-layer-CcTmlikp.js → devtools-layer-xN47FKpW.js}

@@ -1,6 +1,6 @@
-import { $ as shortenSourcePath, G as describeElement, M as TargetIcon, Q as resolveComponentStack, R as DEFAULT_WIDGET_LABELS, U as buildElementSelection, V as collectPageContext, X as getFiberFromNode, a as uploadBlob, f as listenOnPageAndWidget, g as isSubmitEnter, it as releaseCapture, nt as capturedFromCanvas, o as ElementPicker, p as listenToKeydown, r as deriveTitle, rt as capturedViewportSize, s as isWidgetOwned, tt as captureViewport, z as SDK_VERSION } from "./submit-CG4LXioK.js";
+import { $ as resolveComponentStack, B as SDK_VERSION, H as collectPageContext, K as describeElement, N as TargetIcon, W as buildElementSelection, Z as getFiberFromNode, a as uploadBlob, at as releaseCapture, et as shortenSourcePath, f as listenOnPageAndWidget, g as isSubmitEnter, it as capturedViewportSize, nt as captureViewport, o as ElementPicker, p as listenToKeydown, r as deriveTitle, rt as capturedFromCanvas, s as isWidgetOwned, z as DEFAULT_WIDGET_LABELS } from "./submit-DsJwTy3X.js";
 import { t as SelectionOutline } from "./selection-outline-NzAAAZXR.js";
-import { A as searchCode, C as devtoolsTransport, D as fetchBoardFeedback, E as disconnectBoard, F as settle, L as Notices, M as committed, N as describeStorageFailure, O as fetchSourceFile, P as openDatabase, R as announce, T as callReflet, _ as RecordingLayer, a as SHEET_TABS, c as AccountNote, d as sessionSheetPlace, f as useSessionNavigation, g as copyToClipboard, h as ViewOptionsIcon, i as DevtoolsBarButtons, j as startBoardConnect, k as probeDevRoute, l as SESSIONS_STYLES, m as RefreshIcon, n as DevtoolsSheet, p as Menu, r as DevtoolsBar, s as AccountFooter, t as DEVTOOLS_STYLES, u as SessionsPanel, v as countLabel, x as useWorkspaceLoader, y as SessionWorkspaceProvider, z as reportFailure } from "./devtools-styles-teRMfSzW.js";
+import { A as probeDevRoute, B as reportFailure, D as disconnectBoard, E as callReflet, F as openDatabase, I as settle, M as startBoardConnect, N as committed, O as fetchBoardFeedback, P as describeStorageFailure, R as Notices, _ as RecordingLayer, a as SHEET_TABS, c as AccountNote, d as sessionSheetPlace, f as useSessionNavigation, g as copyToClipboard, h as ViewOptionsIcon, i as DevtoolsBarButtons, j as searchCode, k as fetchSourceFile, l as SESSIONS_STYLES, m as RefreshIcon, n as DevtoolsSheet, p as Menu, r as DevtoolsBar, s as AccountFooter, t as DEVTOOLS_STYLES, u as SessionsPanel, v as countLabel, w as devtoolsTransport, x as useWorkspaceLoader, y as SessionWorkspaceProvider, z as announce } from "./devtools-styles-DQpiubGB.js";
 import * as G$1 from "react";
 import { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState, useSyncExternalStore } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -448,7 +448,7 @@ function InboxToolbar({ onRefresh, onSelectScope, scope, state }) {
 		children: [
 			/* @__PURE__ */ jsx("span", {
 				className: "dt-status",
-				children: state.kind === "ready" ? `${state.page.total} ${SCOPE_PLACES[scope]}` : SCOPE_LABELS[scope]
+				children: state.kind === "ready" && state.page.total > 0 ? `${state.page.total} ${SCOPE_PLACES[scope]}` : SCOPE_LABELS[scope]
 			}),
 			/* @__PURE__ */ jsx(Menu, {
 				items: INBOX_SCOPES.map((option) => ({
@@ -3719,7 +3719,7 @@ function DevtoolsLayer({ isWidgetOpen, position, publicKey }) {
 		return element !== null;
 	}, []);
 	const inspect = useMemo(() => ({
-		label: "View code",
+		label: "Code",
 		onInspect: (element) => {
 			setIsPicking(false);
 			inspectElement(element);
@@ -3815,4 +3815,4 @@ function DevtoolsLayer({ isWidgetOpen, position, publicKey }) {
 //#endregion
 export { DevtoolsLayer };
 
-//# sourceMappingURL=devtools-layer-CcTmlikp.js.map
+//# sourceMappingURL=devtools-layer-xN47FKpW.js.map