reflet-sdk 0.7.4 → 0.7.6

package/dist/devtools-vite.js

@@ -1,5 +1,6 @@
 import { r as DEVTOOLS_ROUTE_BASE } from "./protocol-cJVVwnPe.js";
-import { n as isLoopbackAddress, r as errorResponse, t as createDevtoolsHandler } from "./handler-B3_PQB1q.js";
+import { h as isLoopbackAddress, v as errorResponse } from "./reflet-proxy-BW6q9xds.js";
+import { t as createDevtoolsHandler } from "./handler-ndF3gZBx.js";
 import { loadEnv } from "vite";
 //#region src/devtools/server/vite.ts
 const MAX_BODY_BYTES = 1048576;

package/dist/devtools-vite.js.map

@@ -1 +1 @@
-{"version":3,"file":"devtools-vite.js","names":[],"sources":["../src/devtools/server/vite.ts"],"sourcesContent":["import type { ServerResponse } from \"node:http\";\nimport { type Connect, loadEnv, type Plugin } from \"vite\";\nimport { DEVTOOLS_ROUTE_BASE } from \"../protocol\";\nimport { createDevtoolsHandler, type DevtoolsHandler } from \"./handler\";\nimport { errorResponse } from \"./json-response\";\nimport type { DevtoolsServerOptions } from \"./options\";\nimport { isLoopbackAddress } from \"./request-guard\";\n\nexport type { DevtoolsServerOptions } from \"./options\";\n\nconst MAX_BODY_BYTES = 1_048_576;\nconst ENV_PREFIX = \"REFLET_\";\n\nasync function readBody(\n  request: Connect.IncomingMessage\n): Promise<string | null> {\n  const chunks: Buffer[] = [];\n  let size = 0;\n  for await (const chunk of request) {\n    const buffer = Buffer.isBuffer(chunk) ? chunk : Buffer.from(String(chunk));\n    size += buffer.length;\n    // Keep draining: leaving the loop early destroys the socket before the 413 is sent.\n    if (size <= MAX_BODY_BYTES) {\n      chunks.push(buffer);\n    }\n  }\n  return size > MAX_BODY_BYTES ? null : Buffer.concat(chunks).toString(\"utf8\");\n}\n\nfunction toWebRequest(\n  request: Connect.IncomingMessage,\n  method: string,\n  body: string | undefined\n): Request {\n  const isTls =\n    \"encrypted\" in request.socket && request.socket.encrypted === true;\n  const protocol = isTls ? \"https\" : \"http\";\n  const origin = `${protocol}://${request.headers.host ?? \"localhost\"}`;\n  const url = new URL(request.originalUrl ?? request.url ?? \"/\", origin);\n  const headers = new Headers();\n  for (const [name, value] of Object.entries(request.headers)) {\n    if (name.startsWith(\":\") || value === undefined) {\n      continue;\n    }\n    for (const item of Array.isArray(value) ? value : [value]) {\n      headers.append(name, item);\n    }\n  }\n  return new Request(url, { body, headers, method });\n}\n\nasync function sendWebResponse(\n  response: Response,\n  serverResponse: ServerResponse\n): Promise<void> {\n  serverResponse.statusCode = response.status;\n  for (const [name, value] of response.headers) {\n    serverResponse.setHeader(name, value);\n  }\n  serverResponse.end(Buffer.from(await response.arrayBuffer()));\n}\n\nasync function serveDevtoolsRequest(\n  handler: DevtoolsHandler,\n  request: Connect.IncomingMessage,\n  serverResponse: ServerResponse\n): Promise<void> {\n  if (!isLoopbackAddress(request.socket.remoteAddress)) {\n    await sendWebResponse(\n      errorResponse(\"Reflet devtools only answers this machine.\", 403),\n      serverResponse\n    );\n    return;\n  }\n  const method = request.method ?? \"GET\";\n  const hasBody = method !== \"GET\" && method !== \"HEAD\";\n  const body = hasBody ? await readBody(request) : undefined;\n  if (body === null) {\n    await sendWebResponse(\n      errorResponse(\"Reflet devtools requests are limited to 1 MB.\", 413),\n      serverResponse\n    );\n    return;\n  }\n  const response = await handler(toWebRequest(request, method, body));\n  await sendWebResponse(response, serverResponse);\n}\n\n/** Serves the Reflet devtools route from the Vite dev server; never part of a build. */\nexport function refletDevtools(options: DevtoolsServerOptions = {}): Plugin {\n  let handler: DevtoolsHandler | null = null;\n\n  return {\n    apply: \"serve\",\n    configResolved(config) {\n      const env = loadEnv(config.mode, config.envDir, ENV_PREFIX);\n      handler = createDevtoolsHandler(\n        { ...options, root: options.root ?? config.root },\n        { ...process.env, ...env }\n      );\n    },\n    configureServer(server) {\n      server.middlewares.use(DEVTOOLS_ROUTE_BASE, (request, response, next) => {\n        if (!handler) {\n          next();\n          return;\n        }\n        serveDevtoolsRequest(handler, request, response).catch(next);\n      });\n    },\n    name: \"reflet-devtools\",\n  };\n}\n"],"mappings":";;;;AAUA,MAAM,iBAAiB;AACvB,MAAM,aAAa;AAEnB,eAAe,SACb,SACwB;CACxB,MAAM,SAAmB,CAAC;CAC1B,IAAI,OAAO;CACX,WAAW,MAAM,SAAS,SAAS;EACjC,MAAM,SAAS,OAAO,SAAS,KAAK,IAAI,QAAQ,OAAO,KAAK,OAAO,KAAK,CAAC;EACzE,QAAQ,OAAO;EAEf,IAAI,QAAQ,gBACV,OAAO,KAAK,MAAM;CAEtB;CACA,OAAO,OAAO,iBAAiB,OAAO,OAAO,OAAO,MAAM,CAAC,CAAC,SAAS,MAAM;AAC7E;AAEA,SAAS,aACP,SACA,QACA,MACS;CAIT,MAAM,SAAS,GAFb,eAAe,QAAQ,UAAU,QAAQ,OAAO,cAAc,OACvC,UAAU,OACR,KAAK,QAAQ,QAAQ,QAAQ;CACxD,MAAM,MAAM,IAAI,IAAI,QAAQ,eAAe,QAAQ,OAAO,KAAK,MAAM;CACrE,MAAM,UAAU,IAAI,QAAQ;CAC5B,KAAK,MAAM,CAAC,MAAM,UAAU,OAAO,QAAQ,QAAQ,OAAO,GAAG;EAC3D,IAAI,KAAK,WAAW,GAAG,KAAK,UAAU,KAAA,GACpC;EAEF,KAAK,MAAM,QAAQ,MAAM,QAAQ,KAAK,IAAI,QAAQ,CAAC,KAAK,GACtD,QAAQ,OAAO,MAAM,IAAI;CAE7B;CACA,OAAO,IAAI,QAAQ,KAAK;EAAE;EAAM;EAAS;CAAO,CAAC;AACnD;AAEA,eAAe,gBACb,UACA,gBACe;CACf,eAAe,aAAa,SAAS;CACrC,KAAK,MAAM,CAAC,MAAM,UAAU,SAAS,SACnC,eAAe,UAAU,MAAM,KAAK;CAEtC,eAAe,IAAI,OAAO,KAAK,MAAM,SAAS,YAAY,CAAC,CAAC;AAC9D;AAEA,eAAe,qBACb,SACA,SACA,gBACe;CACf,IAAI,CAAC,kBAAkB,QAAQ,OAAO,aAAa,GAAG;EACpD,MAAM,gBACJ,cAAc,8CAA8C,GAAG,GAC/D,cACF;EACA;CACF;CACA,MAAM,SAAS,QAAQ,UAAU;CAEjC,MAAM,OADU,WAAW,SAAS,WAAW,SACxB,MAAM,SAAS,OAAO,IAAI,KAAA;CACjD,IAAI,SAAS,MAAM;EACjB,MAAM,gBACJ,cAAc,iDAAiD,GAAG,GAClE,cACF;EACA;CACF;CAEA,MAAM,gBAAgB,MADC,QAAQ,aAAa,SAAS,QAAQ,IAAI,CAAC,GAClC,cAAc;AAChD;;AAGA,SAAgB,eAAe,UAAiC,CAAC,GAAW;CAC1E,IAAI,UAAkC;CAEtC,OAAO;EACL,OAAO;EACP,eAAe,QAAQ;GACrB,MAAM,MAAM,QAAQ,OAAO,MAAM,OAAO,QAAQ,UAAU;GAC1D,UAAU,sBACR;IAAE,GAAG;IAAS,MAAM,QAAQ,QAAQ,OAAO;GAAK,GAChD;IAAE,GAAG,QAAQ;IAAK,GAAG;GAAI,CAC3B;EACF;EACA,gBAAgB,QAAQ;GACtB,OAAO,YAAY,IAAI,sBAAsB,SAAS,UAAU,SAAS;IACvE,IAAI,CAAC,SAAS;KACZ,KAAK;KACL;IACF;IACA,qBAAqB,SAAS,SAAS,QAAQ,CAAC,CAAC,MAAM,IAAI;GAC7D,CAAC;EACH;EACA,MAAM;CACR;AACF"}
+{"version":3,"file":"devtools-vite.js","names":[],"sources":["../src/devtools/server/vite.ts"],"sourcesContent":["import type { ServerResponse } from \"node:http\";\nimport { type Connect, loadEnv, type Plugin } from \"vite\";\nimport { DEVTOOLS_ROUTE_BASE } from \"../protocol\";\nimport { createDevtoolsHandler, type DevtoolsHandler } from \"./handler\";\nimport { errorResponse } from \"./json-response\";\nimport type { DevtoolsServerOptions } from \"./options\";\nimport { isLoopbackAddress } from \"./request-guard\";\n\nexport type { DevtoolsServerOptions } from \"./options\";\n\nconst MAX_BODY_BYTES = 1_048_576;\nconst ENV_PREFIX = \"REFLET_\";\n\nasync function readBody(\n  request: Connect.IncomingMessage\n): Promise<string | null> {\n  const chunks: Buffer[] = [];\n  let size = 0;\n  for await (const chunk of request) {\n    const buffer = Buffer.isBuffer(chunk) ? chunk : Buffer.from(String(chunk));\n    size += buffer.length;\n    // Keep draining: leaving the loop early destroys the socket before the 413 is sent.\n    if (size <= MAX_BODY_BYTES) {\n      chunks.push(buffer);\n    }\n  }\n  return size > MAX_BODY_BYTES ? null : Buffer.concat(chunks).toString(\"utf8\");\n}\n\nfunction toWebRequest(\n  request: Connect.IncomingMessage,\n  method: string,\n  body: string | undefined\n): Request {\n  const isTls =\n    \"encrypted\" in request.socket && request.socket.encrypted === true;\n  const protocol = isTls ? \"https\" : \"http\";\n  const origin = `${protocol}://${request.headers.host ?? \"localhost\"}`;\n  const url = new URL(request.originalUrl ?? request.url ?? \"/\", origin);\n  const headers = new Headers();\n  for (const [name, value] of Object.entries(request.headers)) {\n    if (name.startsWith(\":\") || value === undefined) {\n      continue;\n    }\n    for (const item of Array.isArray(value) ? value : [value]) {\n      headers.append(name, item);\n    }\n  }\n  return new Request(url, { body, headers, method });\n}\n\nasync function sendWebResponse(\n  response: Response,\n  serverResponse: ServerResponse\n): Promise<void> {\n  serverResponse.statusCode = response.status;\n  for (const [name, value] of response.headers) {\n    serverResponse.setHeader(name, value);\n  }\n  serverResponse.end(Buffer.from(await response.arrayBuffer()));\n}\n\nasync function serveDevtoolsRequest(\n  handler: DevtoolsHandler,\n  request: Connect.IncomingMessage,\n  serverResponse: ServerResponse\n): Promise<void> {\n  if (!isLoopbackAddress(request.socket.remoteAddress)) {\n    await sendWebResponse(\n      errorResponse(\"Reflet devtools only answers this machine.\", 403),\n      serverResponse\n    );\n    return;\n  }\n  const method = request.method ?? \"GET\";\n  const hasBody = method !== \"GET\" && method !== \"HEAD\";\n  const body = hasBody ? await readBody(request) : undefined;\n  if (body === null) {\n    await sendWebResponse(\n      errorResponse(\"Reflet devtools requests are limited to 1 MB.\", 413),\n      serverResponse\n    );\n    return;\n  }\n  const response = await handler(toWebRequest(request, method, body));\n  await sendWebResponse(response, serverResponse);\n}\n\n/** Serves the Reflet devtools route from the Vite dev server; never part of a build. */\nexport function refletDevtools(options: DevtoolsServerOptions = {}): Plugin {\n  let handler: DevtoolsHandler | null = null;\n\n  return {\n    apply: \"serve\",\n    configResolved(config) {\n      const env = loadEnv(config.mode, config.envDir, ENV_PREFIX);\n      handler = createDevtoolsHandler(\n        { ...options, root: options.root ?? config.root },\n        { ...process.env, ...env }\n      );\n    },\n    configureServer(server) {\n      server.middlewares.use(DEVTOOLS_ROUTE_BASE, (request, response, next) => {\n        if (!handler) {\n          next();\n          return;\n        }\n        serveDevtoolsRequest(handler, request, response).catch(next);\n      });\n    },\n    name: \"reflet-devtools\",\n  };\n}\n"],"mappings":";;;;;AAUA,MAAM,iBAAiB;AACvB,MAAM,aAAa;AAEnB,eAAe,SACb,SACwB;CACxB,MAAM,SAAmB,CAAC;CAC1B,IAAI,OAAO;CACX,WAAW,MAAM,SAAS,SAAS;EACjC,MAAM,SAAS,OAAO,SAAS,KAAK,IAAI,QAAQ,OAAO,KAAK,OAAO,KAAK,CAAC;EACzE,QAAQ,OAAO;EAEf,IAAI,QAAQ,gBACV,OAAO,KAAK,MAAM;CAEtB;CACA,OAAO,OAAO,iBAAiB,OAAO,OAAO,OAAO,MAAM,CAAC,CAAC,SAAS,MAAM;AAC7E;AAEA,SAAS,aACP,SACA,QACA,MACS;CAIT,MAAM,SAAS,GAFb,eAAe,QAAQ,UAAU,QAAQ,OAAO,cAAc,OACvC,UAAU,OACR,KAAK,QAAQ,QAAQ,QAAQ;CACxD,MAAM,MAAM,IAAI,IAAI,QAAQ,eAAe,QAAQ,OAAO,KAAK,MAAM;CACrE,MAAM,UAAU,IAAI,QAAQ;CAC5B,KAAK,MAAM,CAAC,MAAM,UAAU,OAAO,QAAQ,QAAQ,OAAO,GAAG;EAC3D,IAAI,KAAK,WAAW,GAAG,KAAK,UAAU,KAAA,GACpC;EAEF,KAAK,MAAM,QAAQ,MAAM,QAAQ,KAAK,IAAI,QAAQ,CAAC,KAAK,GACtD,QAAQ,OAAO,MAAM,IAAI;CAE7B;CACA,OAAO,IAAI,QAAQ,KAAK;EAAE;EAAM;EAAS;CAAO,CAAC;AACnD;AAEA,eAAe,gBACb,UACA,gBACe;CACf,eAAe,aAAa,SAAS;CACrC,KAAK,MAAM,CAAC,MAAM,UAAU,SAAS,SACnC,eAAe,UAAU,MAAM,KAAK;CAEtC,eAAe,IAAI,OAAO,KAAK,MAAM,SAAS,YAAY,CAAC,CAAC;AAC9D;AAEA,eAAe,qBACb,SACA,SACA,gBACe;CACf,IAAI,CAAC,kBAAkB,QAAQ,OAAO,aAAa,GAAG;EACpD,MAAM,gBACJ,cAAc,8CAA8C,GAAG,GAC/D,cACF;EACA;CACF;CACA,MAAM,SAAS,QAAQ,UAAU;CAEjC,MAAM,OADU,WAAW,SAAS,WAAW,SACxB,MAAM,SAAS,OAAO,IAAI,KAAA;CACjD,IAAI,SAAS,MAAM;EACjB,MAAM,gBACJ,cAAc,iDAAiD,GAAG,GAClE,cACF;EACA;CACF;CAEA,MAAM,gBAAgB,MADC,QAAQ,aAAa,SAAS,QAAQ,IAAI,CAAC,GAClC,cAAc;AAChD;;AAGA,SAAgB,eAAe,UAAiC,CAAC,GAAW;CAC1E,IAAI,UAAkC;CAEtC,OAAO;EACL,OAAO;EACP,eAAe,QAAQ;GACrB,MAAM,MAAM,QAAQ,OAAO,MAAM,OAAO,QAAQ,UAAU;GAC1D,UAAU,sBACR;IAAE,GAAG;IAAS,MAAM,QAAQ,QAAQ,OAAO;GAAK,GAChD;IAAE,GAAG,QAAQ;IAAK,GAAG;GAAI,CAC3B;EACF;EACA,gBAAgB,QAAQ;GACtB,OAAO,YAAY,IAAI,sBAAsB,SAAS,UAAU,SAAS;IACvE,IAAI,CAAC,SAAS;KACZ,KAAK;KACL;IACF;IACA,qBAAqB,SAAS,SAAS,QAAQ,CAAC,CAAC,MAAM,IAAI;GAC7D,CAAC;EACH;EACA,MAAM;CACR;AACF"}

package/dist/feedback.d.ts

@@ -1,3 +1,4 @@
+import { i as TeamToolsReply, n as TeamToolsBridge, r as TeamToolsCall, t as TeamToolsAccount } from "./team-tools-bridge-C51PpkUI.js";
 import { c as ElementSelection, u as FeedbackContext, w as RefletUser } from "./types-B3XiHPqy.js";
 import { ReactNode, RefObject } from "react";
 //#region src/feedback/types.d.ts
@@ -96,8 +97,11 @@ interface RefletFeedbackProps {
   primaryColor?: string;
   publicKey?: string;
   renderTrigger?: (props: FeedbackTriggerProps) => ReactNode;
-  /** Shown once activated by the `reflet-team` URL parameter or a stored sign-in. Defaults to true. */
-  teamTools?: boolean;
+  /**
+   * Shown once activated by the `reflet-team` URL parameter or a stored sign-in. Defaults to true.
+   * A desktop app passes a bridge from `createTeamToolsHost` instead: team tools then show at once and sign in through the system browser.
+   */
+  teamTools?: boolean | TeamToolsBridge;
   theme?: "auto" | "dark" | "light";
   user?: RefletUser;
   userToken?: string;
@@ -138,5 +142,5 @@ export declare function collectPageContext(options?: {
 //#region src/feedback/widget.d.ts
 export declare function RefletFeedback(props: RefletFeedbackProps): import("react").JSX.Element | null;
 //#endregion
-export type { Annotation, AnnotationTool, CapturedImage, FeedbackWidgetLabels, RefletFeedbackProps };
+export type { Annotation, AnnotationTool, CapturedImage, FeedbackWidgetLabels, RefletFeedbackProps, TeamToolsAccount, TeamToolsBridge, TeamToolsCall, TeamToolsReply };
 //# sourceMappingURL=feedback.d.ts.map

package/dist/feedback.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"feedback.d.ts","names":[],"sources":["../src/feedback/types.ts","../src/feedback/core/capture.ts","../src/feedback/core/element-selector.ts","../src/feedback/core/page-context.ts","../src/feedback/widget.tsx"],"mappings":";;;cAMM;KAUM,yBAAyB;UAEpB;EACf;EACA;;UAGe;EACf;EACA,KAAK;EACL;EAEA,SAAS;EACT,OAAO;EACP;EACA,MAAM;;UAGS;EACf,MAAM;EACN;EACA;EAEA;EACA;;UAae;EACf;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;UAiDe;EACf;EACA,KAAK,UAAU;;UAGA;;EAEf;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,SAAS,QAAQ;EACjB,WAAW;EACX;EACA;EACA,aAAa;IAAU;;EACvB;EACA,YAAY;IAAU;;EACtB;EACA;EACA;EACA,iBAAiB,OAAO,yBAAyB;;EAEjD;EACA;EACA,OAAO;EACP;;;;UC6De;;EAEf,UAAU;EACV;EACA;;EAEA,gBAAgB,OAAO;;EAEvB;;;;;;;;;;wBAoIoB,gBACpB,UAAS,iBACR,QAAQ;wBAkDK,eAAe,OAAO;;;;wBC7ItB,sBAAsB,SAAS,UAAU;;;;wBCjMzC,mBAAmB;EACjC;IACE;;;wBC3BY,eAAe,OAAO,sCAAmB,IAAA"}
+{"version":3,"file":"feedback.d.ts","names":[],"sources":["../src/feedback/types.ts","../src/feedback/core/capture.ts","../src/feedback/core/element-selector.ts","../src/feedback/core/page-context.ts","../src/feedback/widget.tsx"],"mappings":";;;;cAOM;KAUM,yBAAyB;UAEpB;EACf;EACA;;UAGe;EACf;EACA,KAAK;EACL;EAEA,SAAS;EACT,OAAO;EACP;EACA,MAAM;;UAGS;EACf,MAAM;EACN;EACA;EAEA;EACA;;UAae;EACf;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;UAiDe;EACf;EACA,KAAK,UAAU;;UAGA;;EAEf;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,SAAS,QAAQ;EACjB,WAAW;EACX;EACA;EACA,aAAa;IAAU;;EACvB;EACA,YAAY;IAAU;;EACtB;EACA;EACA;EACA,iBAAiB,OAAO,yBAAyB;;;;;EAKjD,sBAAsB;EACtB;EACA,OAAO;EACP;;;;UCyDe;;EAEf,UAAU;EACV;EACA;;EAEA,gBAAgB,OAAO;;EAEvB;;;;;;;;;;wBAoIoB,gBACpB,UAAS,iBACR,QAAQ;wBAkDK,eAAe,OAAO;;;;wBC7ItB,sBAAsB,SAAS,UAAU;;;;wBCjMzC,mBAAmB;EACjC;IACE;;;wBC9BY,eAAe,OAAO,sCAAmB,IAAA"}

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-CG4LXioK.js";
+import { A as SpotlightIcon, B as SDK_VERSION, C as ChevronDownIcon, D as HighlightIcon, E as GripIcon, F as TrashIcon, H as collectPageContext, I as UndoIcon, L as isDegenerate, N as TargetIcon, O as MoreIcon, P as TextIcon, R as normalizeRect, S as CheckIcon, U as MAX_SELECTION_COMMENT_LENGTH, W as buildElementSelection, Y as maskSecrets, _ as matchesHotkey, at as releaseCapture, b as CameraIcon, c as useFloatingPosition, d as drawAnnotations, f as listenOnPageAndWidget, g as isSubmitEnter, h as stopClicksAtHost, i as submitWidgetFeedback, it as capturedViewportSize, j as SquareIcon, k as PencilIcon, n as createFeedbackTransport, nt as captureViewport, o as ElementPicker, p as listenToKeydown, t as attachPreparedScreenshots, tt as WIDGET_MARKER, v as ArrowIcon, w as CloseIcon, x as ChatIcon, y as BlurIcon, z as DEFAULT_WIDGET_LABELS } from "./submit-DsJwTy3X.js";
 import { t as RefletContext } from "./react-context-Kazo_JCz.js";
 import { n as hasTeamActivation } from "./team-activation-Cv5U7OF1.js";
 import { t as SelectionOutline } from "./selection-outline-NzAAAZXR.js";
@@ -1591,7 +1591,8 @@ const PICKER_STYLES = `
 .picker-note textarea:focus { outline: none; }
 .picker-note textarea::placeholder { color: var(--rf-text-muted); }
 .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 .picker-cancel { gap: 6px; padding: 0 10px; }
+.picker-note .picker-icon-only { justify-content: center; aspect-ratio: 1; padding: 0; }
 .picker-note .submit { margin-left: auto; }
 @media (pointer: coarse) {
   .picker-hint { padding: 6px 8px 6px 14px; }
@@ -2303,7 +2304,7 @@ function useWidgetState(props) {
 		setStep("compose");
 		return submission.submit({
 			context: {
-				...activeScreenshot?.context ?? collectPageContext({ sdkVersion: "0.7.4" }),
+				...activeScreenshot?.context ?? collectPageContext({ sdkVersion: "0.7.6" }),
 				consoleEvents: consoleRef.current?.events(),
 				metadata: props.metadata,
 				selections
@@ -2369,28 +2370,28 @@ function useWidgetState(props) {
 }
 //#endregion
 //#region src/feedback/widget.tsx
-const DevtoolsLayer = process.env.NODE_ENV === "development" ? lazy(() => import("./devtools-layer-CcTmlikp.js").then((module) => ({ default: module.DevtoolsLayer }))) : null;
-const TeamLayer = lazy(() => import("./team-layer-zLj_QPQX.js").then((module) => ({ default: module.TeamLayer })));
+const DevtoolsLayer = process.env.NODE_ENV === "development" ? lazy(() => import("./devtools-layer-xN47FKpW.js").then((module) => ({ default: module.DevtoolsLayer }))) : null;
+const TeamLayer = lazy(() => import("./team-layer-VlQtvR5O.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. */
-function useTeamToolsKey(options) {
+function useShowsTeamTools(options) {
 	const { props, publicKey } = options;
 	const hasDevtoolsOnPage = useHasDevtoolsOnPage();
-	const isActivated = useSyncExternalStore(ignoreChanges, () => props.teamTools !== false && publicKey !== null && hasTeamActivation(publicKey), () => false);
-	return useOwnsTeamTools(isActivated && !hasDevtoolsOnPage, options.hasWidget) ? publicKey : null;
+	const isActivated = useSyncExternalStore(ignoreChanges, () => typeof props.teamTools === "object" || props.teamTools !== false && publicKey !== null && hasTeamActivation(publicKey), () => false);
+	return useOwnsTeamTools(isActivated && !hasDevtoolsOnPage, options.hasWidget);
 }
 function RefletFeedback(props) {
 	const state = useWidgetState(props);
 	const launcher = useWidgetLauncher(state);
 	const showsWidget = props.enabled !== false && !state.isDismissed;
 	const showsDevtools = useOwnsDevtools(props.devtools !== false && DevtoolsLayer !== null, showsWidget) && DevtoolsLayer !== null;
-	const teamToolsKey = useTeamToolsKey({
+	const showsTeamTools = useShowsTeamTools({
 		hasWidget: showsWidget,
 		props,
 		publicKey: state.publicKey
 	});
-	if (!(showsWidget || showsDevtools || teamToolsKey)) return null;
+	if (!(showsWidget || showsDevtools || showsTeamTools)) return null;
 	return /* @__PURE__ */ jsxs(Fragment, { children: [showsWidget && props.renderTrigger?.(launcher.triggerProps), /* @__PURE__ */ jsxs(ShadowPortal, {
 		offset: props.offset ?? 20,
 		primaryColor: props.primaryColor,
@@ -2409,15 +2410,24 @@ function RefletFeedback(props) {
 					publicKey: state.publicKey
 				})
 			}),
-			teamToolsKey && /* @__PURE__ */ jsx(TeamTools, {
+			showsTeamTools && /* @__PURE__ */ jsx(TeamTools, {
 				props,
-				publicKey: teamToolsKey
+				publicKey: state.publicKey
 			})
 		]
 	})] });
 }
 function TeamTools({ props, publicKey }) {
 	const context = useContext(RefletContext);
+	const position = props.position ?? "bottom-right";
+	if (typeof props.teamTools === "object") return /* @__PURE__ */ jsx(Suspense, {
+		fallback: null,
+		children: /* @__PURE__ */ jsx(TeamLayer, {
+			bridge: props.teamTools,
+			position
+		})
+	});
+	if (publicKey === null) return null;
 	return /* @__PURE__ */ jsx(Suspense, {
 		fallback: null,
 		children: /* @__PURE__ */ jsx(TeamLayer, {
@@ -2426,7 +2436,7 @@ function TeamTools({ props, publicKey }) {
 				appUrl: props.appUrl ?? DEFAULT_APP_URL,
 				publicKey
 			},
-			position: props.position ?? "bottom-right"
+			position
 		})
 	});
 }