@mhosaic/feedback 0.15.6 → 0.16.2

package/dist/chunk-6JDT2KWQ.mjs

@@ -0,0 +1,180 @@
+// src/loader/bundleLoader.ts
+var SCRIPT_DATA_ATTR = "data-mhosaic-feedback-bundle";
+async function injectBundle(opts) {
+  if (window.MhosaicFeedback?.createFeedback) {
+    return window.MhosaicFeedback;
+  }
+  const existing = document.querySelector(
+    `script[${SCRIPT_DATA_ATTR}]`
+  );
+  if (existing) {
+    return waitForGlobal(opts.timeoutMs ?? 3e4);
+  }
+  return new Promise((resolve, reject) => {
+    const script = document.createElement("script");
+    script.src = opts.bundleUrl;
+    script.integrity = opts.sriHash;
+    script.crossOrigin = "anonymous";
+    script.async = true;
+    script.setAttribute(SCRIPT_DATA_ATTR, "1");
+    script.onload = () => {
+      if (window.MhosaicFeedback?.createFeedback) {
+        resolve(window.MhosaicFeedback);
+      } else {
+        reject(
+          new Error(
+            "mhosaic-feedback: bundle loaded but window.MhosaicFeedback.createFeedback is missing \u2014 bundle/loader version mismatch?"
+          )
+        );
+      }
+    };
+    script.onerror = () => {
+      reject(
+        new Error(
+          `mhosaic-feedback: failed to load bundle from ${opts.bundleUrl} (network, CSP, or SRI mismatch)`
+        )
+      );
+    };
+    document.head.appendChild(script);
+    const timeoutMs = opts.timeoutMs ?? 3e4;
+    setTimeout(() => {
+      reject(
+        new Error(`mhosaic-feedback: bundle load timeout after ${timeoutMs}ms`)
+      );
+    }, timeoutMs);
+  });
+}
+function waitForGlobal(timeoutMs) {
+  return new Promise((resolve, reject) => {
+    const start = Date.now();
+    const tick = () => {
+      if (window.MhosaicFeedback?.createFeedback) {
+        resolve(window.MhosaicFeedback);
+        return;
+      }
+      if (Date.now() - start > timeoutMs) {
+        reject(
+          new Error(
+            "mhosaic-feedback: timed out waiting for bundle global (another loader instance started the fetch but never finished)"
+          )
+        );
+        return;
+      }
+      setTimeout(tick, 50);
+    };
+    tick();
+  });
+}
+
+// src/loader/manifest.ts
+async function fetchManifest(endpoint, apiKey, signal) {
+  const base = endpoint.replace(/\/$/, "");
+  const url = `${base}/api/feedback/v1/widget-manifest/?pk=${encodeURIComponent(apiKey)}`;
+  const init = { credentials: "omit" };
+  if (signal) init.signal = signal;
+  const res = await fetch(url, init);
+  if (!res.ok) {
+    throw new Error(
+      `mhosaic-feedback: manifest fetch failed (HTTP ${res.status})`
+    );
+  }
+  const body = await res.json();
+  return body;
+}
+
+// src/loader/deferredApi.ts
+function createDeferredApi() {
+  let real = null;
+  let failure = null;
+  const queue = [];
+  function flush(item) {
+    if (real) {
+      if (item.kind === "void") {
+        ;
+        real[item.method]();
+      } else if (item.kind === "arg") {
+        ;
+        real[item.method](item.arg);
+      } else {
+        Promise.resolve(real.submit(item.payload)).then(
+          item.resolve,
+          item.reject
+        );
+      }
+      return;
+    }
+    if (failure) {
+      if (item.kind === "submit") item.reject(failure);
+      return;
+    }
+    queue.push(item);
+  }
+  return {
+    show() {
+      flush({ kind: "void", method: "show" });
+    },
+    hide() {
+      flush({ kind: "void", method: "hide" });
+    },
+    shutdown() {
+      flush({ kind: "void", method: "shutdown" });
+    },
+    open(arg) {
+      flush({ kind: "arg", method: "open", arg });
+    },
+    identify(arg) {
+      flush({ kind: "arg", method: "identify", arg });
+    },
+    setMetadata(arg) {
+      flush({ kind: "arg", method: "setMetadata", arg });
+    },
+    submit(payload) {
+      return new Promise((resolve, reject) => {
+        flush({ kind: "submit", payload, resolve, reject });
+      });
+    },
+    _attach(impl) {
+      real = impl;
+      while (queue.length > 0) flush(queue.shift());
+    },
+    _fail(err) {
+      failure = err;
+      for (const item of queue) {
+        if (item.kind === "submit") item.reject(err);
+      }
+      queue.length = 0;
+    }
+  };
+}
+
+// src/loader/index.ts
+function createFeedback(config) {
+  const deferred = createDeferredApi();
+  loadAndAttach(config, deferred).catch((err) => {
+    console.warn("[mhosaic-feedback] widget did not load:", err.message);
+    deferred._fail(err);
+  });
+  return deferred;
+}
+async function loadAndAttach(config, deferred) {
+  const manifest = await fetchManifest(config.endpoint, config.apiKey);
+  if (!manifest.enabled || !manifest.bundle_url || !manifest.sri_hash) {
+    deferred._fail(
+      new Error(
+        `mhosaic-feedback: widget disabled for this project${manifest.detail ? ` \u2014 ${manifest.detail}` : ""}`
+      )
+    );
+    return;
+  }
+  const bundle = await injectBundle({
+    bundleUrl: manifest.bundle_url,
+    sriHash: manifest.sri_hash
+  });
+  const real = bundle.createFeedback(config);
+  deferred._attach(real);
+}
+
+export {
+  createFeedback
+};
+//# sourceMappingURL=chunk-6JDT2KWQ.mjs.map

package/dist/chunk-6JDT2KWQ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/loader/bundleLoader.ts","../src/loader/manifest.ts","../src/loader/deferredApi.ts","../src/loader/index.ts"],"sourcesContent":["/**\n * Inject the widget bundle as an SRI-protected <script> and wait for its\n * window global to appear.\n *\n * Why a <script> tag and not `import()`:\n *   `import()` can fetch cross-origin ESM but doesn't honor Subresource\n *   Integrity on the dynamic-import call itself. A <script> tag with\n *   `integrity=…` is the only path where the browser actually refuses\n *   to execute a bundle whose bytes don't match the manifest's hash.\n *\n * The bundle is built with `tsup --format iife --globalName MhosaicFeedback`,\n * so once it parses it sets `window.MhosaicFeedback = { createFeedback }`\n * (per `src/widget.ts`'s exports). We wait for that to appear.\n *\n * Idempotency: if multiple FeedbackProviders mount on the same page (e.g.\n * during a React fast-refresh cycle), we reuse an already-injected bundle\n * instead of fetching a second copy.\n */\n\nimport type { FeedbackApi, FeedbackConfig } from '../types'\n\ndeclare global {\n  interface Window {\n    MhosaicFeedback?: {\n      createFeedback(config: FeedbackConfig): FeedbackApi\n    }\n  }\n}\n\nconst SCRIPT_DATA_ATTR = 'data-mhosaic-feedback-bundle'\n\nexport interface BundleLoadOptions {\n  bundleUrl: string\n  sriHash: string\n  /** Default 30 s. Long enough for slow networks; short enough to surface\n   *  CDN outages quickly. */\n  timeoutMs?: number\n}\n\nexport interface BundleHandle {\n  createFeedback(config: FeedbackConfig): FeedbackApi\n}\n\nexport async function injectBundle(\n  opts: BundleLoadOptions,\n): Promise<BundleHandle> {\n  // Reuse a bundle already loaded this page.\n  if (window.MhosaicFeedback?.createFeedback) {\n    return window.MhosaicFeedback\n  }\n\n  const existing = document.querySelector<HTMLScriptElement>(\n    `script[${SCRIPT_DATA_ATTR}]`,\n  )\n  if (existing) {\n    // Another loader instance started the fetch; wait for the global.\n    return waitForGlobal(opts.timeoutMs ?? 30_000)\n  }\n\n  return new Promise<BundleHandle>((resolve, reject) => {\n    const script = document.createElement('script')\n    script.src = opts.bundleUrl\n    script.integrity = opts.sriHash\n    script.crossOrigin = 'anonymous'\n    script.async = true\n    script.setAttribute(SCRIPT_DATA_ATTR, '1')\n    script.onload = () => {\n      if (window.MhosaicFeedback?.createFeedback) {\n        resolve(window.MhosaicFeedback)\n      } else {\n        reject(\n          new Error(\n            'mhosaic-feedback: bundle loaded but window.MhosaicFeedback.createFeedback is missing — bundle/loader version mismatch?',\n          ),\n        )\n      }\n    }\n    script.onerror = () => {\n      reject(\n        new Error(\n          `mhosaic-feedback: failed to load bundle from ${opts.bundleUrl} ` +\n            '(network, CSP, or SRI mismatch)',\n        ),\n      )\n    }\n    document.head.appendChild(script)\n\n    const timeoutMs = opts.timeoutMs ?? 30_000\n    setTimeout(() => {\n      reject(\n        new Error(`mhosaic-feedback: bundle load timeout after ${timeoutMs}ms`),\n      )\n    }, timeoutMs)\n  })\n}\n\nfunction waitForGlobal(timeoutMs: number): Promise<BundleHandle> {\n  return new Promise((resolve, reject) => {\n    const start = Date.now()\n    const tick = () => {\n      if (window.MhosaicFeedback?.createFeedback) {\n        resolve(window.MhosaicFeedback)\n        return\n      }\n      if (Date.now() - start > timeoutMs) {\n        reject(\n          new Error(\n            'mhosaic-feedback: timed out waiting for bundle global (another loader instance started the fetch but never finished)',\n          ),\n        )\n        return\n      }\n      setTimeout(tick, 50)\n    }\n    tick()\n  })\n}\n","/**\n * Fetch the widget-manifest from the Mhosaic backend.\n *\n * The loader calls this on every page load. The backend reads `Project.\n * pinned_version` (or current stable) + `Project.widget_enabled` and\n * returns the bundle URL + SRI hash for the version this tenant should\n * receive — or `{enabled: false}` if the widget is killed for the tenant.\n *\n * Network failures are surfaced to the caller. The loader degrades to\n * \"widget not present\" rather than crashing the host page.\n */\n\nexport interface Manifest {\n  /** False when the widget is disabled for this project (kill switch) or\n   *  no stable release exists. Loader bails silently. */\n  enabled: boolean\n  /** Semver of the bundle being served. Present when enabled=true. */\n  version?: string\n  /** Fully-qualified URL to the version-pinned bundle (jsDelivr). */\n  bundle_url?: string\n  /** Subresource integrity hash for the bundle. The loader injects the\n   *  script tag with `integrity=…` so the browser refuses to run a\n   *  bundle whose bytes don't match. */\n  sri_hash?: string\n  /** Static config the manifest endpoint passes through to the widget. */\n  config?: {\n    endpoint: string\n    project_slug: string\n    share_reports_with_widget: boolean\n  }\n  /** Human-readable detail when `enabled` is false. */\n  detail?: string\n}\n\nexport async function fetchManifest(\n  endpoint: string,\n  apiKey: string,\n  signal?: AbortSignal,\n): Promise<Manifest> {\n  const base = endpoint.replace(/\\/$/, '')\n  const url = `${base}/api/feedback/v1/widget-manifest/?pk=${encodeURIComponent(apiKey)}`\n  // credentials: 'omit' — we authenticate via the public pk_proj_ query\n  // param; sending cookies would just trigger CORS preflights for no\n  // reason and is unnecessary since the manifest endpoint doesn't read\n  // any session.\n  const init: RequestInit = { credentials: 'omit' }\n  if (signal) init.signal = signal\n  const res = await fetch(url, init)\n  if (!res.ok) {\n    throw new Error(\n      `mhosaic-feedback: manifest fetch failed (HTTP ${res.status})`,\n    )\n  }\n  const body = (await res.json()) as Manifest\n  return body\n}\n","/**\n * A FeedbackApi-shaped object that queues method calls until the real\n * widget bundle finishes loading, then drains the queue against the real\n * implementation.\n *\n * Why we need this: hosts that already have code like\n *   const fb = createFeedback({...})\n *   fb.identify({id, email, name})\n *   useEffect(() => fb.open(...), [])\n * shouldn't have to refactor for async. The loader's createFeedback\n * returns sync — a deferred handle that records intent, then replays it\n * once the real bundle arrives. Idiomatic queue-then-flush pattern.\n *\n * If the bundle never loads (network failure, SRI mismatch, kill switch),\n * `_fail()` is called instead. Void methods (identify/setMetadata/open/...)\n * silently drop in that case — the widget just doesn't appear. The\n * `submit` Promise rejects so callers can surface real errors.\n */\n\nimport type {\n  FeedbackApi,\n  ReportPayload,\n  SubmittedReport,\n  UserIdentity,\n} from '../types'\n\ntype VoidMethod = 'show' | 'hide' | 'shutdown'\ntype ArgMethod = 'open' | 'identify' | 'setMetadata'\n\ntype Queued =\n  | { kind: 'void'; method: VoidMethod }\n  | { kind: 'arg'; method: 'open'; arg: Parameters<FeedbackApi['open']>[0] }\n  | { kind: 'arg'; method: 'identify'; arg: UserIdentity }\n  | { kind: 'arg'; method: 'setMetadata'; arg: Record<string, unknown> }\n  | {\n      kind: 'submit'\n      payload: Partial<ReportPayload> & { description: string }\n      resolve: (r: SubmittedReport) => void\n      reject: (e: unknown) => void\n    }\n\nexport interface DeferredHandle extends FeedbackApi {\n  /** Called by the loader once the bundle is loaded and a real API exists. */\n  _attach(real: FeedbackApi): void\n  /** Called by the loader if the bundle fails to load. */\n  _fail(err: Error): void\n}\n\nexport function createDeferredApi(): DeferredHandle {\n  let real: FeedbackApi | null = null\n  let failure: Error | null = null\n  const queue: Queued[] = []\n\n  function flush(item: Queued): void {\n    if (real) {\n      if (item.kind === 'void') {\n        ;(real[item.method] as () => void)()\n      } else if (item.kind === 'arg') {\n        ;(real[item.method] as (a: unknown) => void)(item.arg)\n      } else {\n        // submit\n        Promise.resolve(real.submit(item.payload)).then(\n          item.resolve,\n          item.reject,\n        )\n      }\n      return\n    }\n    if (failure) {\n      if (item.kind === 'submit') item.reject(failure)\n      // Void / arg methods silently dropped — the widget never appeared.\n      return\n    }\n    queue.push(item)\n  }\n\n  return {\n    show() {\n      flush({ kind: 'void', method: 'show' })\n    },\n    hide() {\n      flush({ kind: 'void', method: 'hide' })\n    },\n    shutdown() {\n      flush({ kind: 'void', method: 'shutdown' })\n    },\n    open(arg) {\n      flush({ kind: 'arg', method: 'open', arg })\n    },\n    identify(arg) {\n      flush({ kind: 'arg', method: 'identify', arg })\n    },\n    setMetadata(arg) {\n      flush({ kind: 'arg', method: 'setMetadata', arg })\n    },\n    submit(payload) {\n      return new Promise<SubmittedReport>((resolve, reject) => {\n        flush({ kind: 'submit', payload, resolve, reject })\n      })\n    },\n    _attach(impl) {\n      real = impl\n      while (queue.length > 0) flush(queue.shift()!)\n    },\n    _fail(err) {\n      failure = err\n      // Drain any pending submits with the failure; drop void/arg.\n      for (const item of queue) {\n        if (item.kind === 'submit') item.reject(err)\n      }\n      queue.length = 0\n    },\n  }\n}\n","/**\n * `@mhosaic/feedback/loader` — public entry for the loader architecture.\n *\n * Same shape as the direct-import path (`@mhosaic/feedback`), but the\n * widget bundle is fetched at runtime from a CDN URL the Mhosaic backend\n * dictates via the manifest endpoint. Letting hosts switch from the\n * direct-import path to the loader path gives them auto-updates without\n * any further code changes — Mhosaic ships a new Release row, every host\n * picks up the new bundle on next page load.\n *\n * Public surface MUST mirror the direct-import path exactly:\n *   - `createFeedback(config)` returns a `FeedbackApi`-shaped handle.\n *   - Method calls before the bundle finishes loading queue up and replay.\n *   - `submit()` returns a Promise that resolves after the bundle is up\n *     and the real submit completes.\n *\n * If the manifest endpoint reports the widget is disabled for this\n * project (`enabled: false` — kill switch or no stable release configured),\n * the deferred handle silently no-ops void calls and rejects `submit()`\n * calls with a clear error. The host page never crashes.\n */\n\nimport type { FeedbackApi, FeedbackConfig } from '../types'\nimport { injectBundle } from './bundleLoader'\nimport { fetchManifest } from './manifest'\nimport { createDeferredApi, type DeferredHandle } from './deferredApi'\n\nexport type { FeedbackApi, FeedbackConfig } from '../types'\nexport type { Manifest } from './manifest'\n\nexport function createFeedback(config: FeedbackConfig): FeedbackApi {\n  const deferred = createDeferredApi()\n  loadAndAttach(config, deferred).catch((err: Error) => {\n    // Surface to console — host devtools is the canonical channel for\n    // widget bootstrap errors. Production telemetry is the bundle's job\n    // (it can't run if it never loaded), so console.warn is the floor.\n    // eslint-disable-next-line no-console\n    console.warn('[mhosaic-feedback] widget did not load:', err.message)\n    deferred._fail(err)\n  })\n  return deferred\n}\n\nasync function loadAndAttach(\n  config: FeedbackConfig,\n  deferred: DeferredHandle,\n): Promise<void> {\n  const manifest = await fetchManifest(config.endpoint, config.apiKey)\n  if (!manifest.enabled || !manifest.bundle_url || !manifest.sri_hash) {\n    // Disabled by Mhosaic (kill switch) or no stable release. Surface a\n    // clear failure so submit() callers see an error, but no host crash.\n    deferred._fail(\n      new Error(\n        `mhosaic-feedback: widget disabled for this project${\n          manifest.detail ? ` — ${manifest.detail}` : ''\n        }`,\n      ),\n    )\n    return\n  }\n  const bundle = await injectBundle({\n    bundleUrl: manifest.bundle_url,\n    sriHash: manifest.sri_hash,\n  })\n  const real: FeedbackApi = bundle.createFeedback(config)\n  deferred._attach(real)\n}\n"],"mappings":";AA6BA,IAAM,mBAAmB;AAczB,eAAsB,aACpB,MACuB;AAEvB,MAAI,OAAO,iBAAiB,gBAAgB;AAC1C,WAAO,OAAO;AAAA,EAChB;AAEA,QAAM,WAAW,SAAS;AAAA,IACxB,UAAU,gBAAgB;AAAA,EAC5B;AACA,MAAI,UAAU;AAEZ,WAAO,cAAc,KAAK,aAAa,GAAM;AAAA,EAC/C;AAEA,SAAO,IAAI,QAAsB,CAAC,SAAS,WAAW;AACpD,UAAM,SAAS,SAAS,cAAc,QAAQ;AAC9C,WAAO,MAAM,KAAK;AAClB,WAAO,YAAY,KAAK;AACxB,WAAO,cAAc;AACrB,WAAO,QAAQ;AACf,WAAO,aAAa,kBAAkB,GAAG;AACzC,WAAO,SAAS,MAAM;AACpB,UAAI,OAAO,iBAAiB,gBAAgB;AAC1C,gBAAQ,OAAO,eAAe;AAAA,MAChC,OAAO;AACL;AAAA,UACE,IAAI;AAAA,YACF;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAAA,IACF;AACA,WAAO,UAAU,MAAM;AACrB;AAAA,QACE,IAAI;AAAA,UACF,gDAAgD,KAAK,SAAS;AAAA,QAEhE;AAAA,MACF;AAAA,IACF;AACA,aAAS,KAAK,YAAY,MAAM;AAEhC,UAAM,YAAY,KAAK,aAAa;AACpC,eAAW,MAAM;AACf;AAAA,QACE,IAAI,MAAM,+CAA+C,SAAS,IAAI;AAAA,MACxE;AAAA,IACF,GAAG,SAAS;AAAA,EACd,CAAC;AACH;AAEA,SAAS,cAAc,WAA0C;AAC/D,SAAO,IAAI,QAAQ,CAAC,SAAS,WAAW;AACtC,UAAM,QAAQ,KAAK,IAAI;AACvB,UAAM,OAAO,MAAM;AACjB,UAAI,OAAO,iBAAiB,gBAAgB;AAC1C,gBAAQ,OAAO,eAAe;AAC9B;AAAA,MACF;AACA,UAAI,KAAK,IAAI,IAAI,QAAQ,WAAW;AAClC;AAAA,UACE,IAAI;AAAA,YACF;AAAA,UACF;AAAA,QACF;AACA;AAAA,MACF;AACA,iBAAW,MAAM,EAAE;AAAA,IACrB;AACA,SAAK;AAAA,EACP,CAAC;AACH;;;AClFA,eAAsB,cACpB,UACA,QACA,QACmB;AACnB,QAAM,OAAO,SAAS,QAAQ,OAAO,EAAE;AACvC,QAAM,MAAM,GAAG,IAAI,wCAAwC,mBAAmB,MAAM,CAAC;AAKrF,QAAM,OAAoB,EAAE,aAAa,OAAO;AAChD,MAAI,OAAQ,MAAK,SAAS;AAC1B,QAAM,MAAM,MAAM,MAAM,KAAK,IAAI;AACjC,MAAI,CAAC,IAAI,IAAI;AACX,UAAM,IAAI;AAAA,MACR,iDAAiD,IAAI,MAAM;AAAA,IAC7D;AAAA,EACF;AACA,QAAM,OAAQ,MAAM,IAAI,KAAK;AAC7B,SAAO;AACT;;;ACPO,SAAS,oBAAoC;AAClD,MAAI,OAA2B;AAC/B,MAAI,UAAwB;AAC5B,QAAM,QAAkB,CAAC;AAEzB,WAAS,MAAM,MAAoB;AACjC,QAAI,MAAM;AACR,UAAI,KAAK,SAAS,QAAQ;AACxB;AAAC,QAAC,KAAK,KAAK,MAAM,EAAiB;AAAA,MACrC,WAAW,KAAK,SAAS,OAAO;AAC9B;AAAC,QAAC,KAAK,KAAK,MAAM,EAA2B,KAAK,GAAG;AAAA,MACvD,OAAO;AAEL,gBAAQ,QAAQ,KAAK,OAAO,KAAK,OAAO,CAAC,EAAE;AAAA,UACzC,KAAK;AAAA,UACL,KAAK;AAAA,QACP;AAAA,MACF;AACA;AAAA,IACF;AACA,QAAI,SAAS;AACX,UAAI,KAAK,SAAS,SAAU,MAAK,OAAO,OAAO;AAE/C;AAAA,IACF;AACA,UAAM,KAAK,IAAI;AAAA,EACjB;AAEA,SAAO;AAAA,IACL,OAAO;AACL,YAAM,EAAE,MAAM,QAAQ,QAAQ,OAAO,CAAC;AAAA,IACxC;AAAA,IACA,OAAO;AACL,YAAM,EAAE,MAAM,QAAQ,QAAQ,OAAO,CAAC;AAAA,IACxC;AAAA,IACA,WAAW;AACT,YAAM,EAAE,MAAM,QAAQ,QAAQ,WAAW,CAAC;AAAA,IAC5C;AAAA,IACA,KAAK,KAAK;AACR,YAAM,EAAE,MAAM,OAAO,QAAQ,QAAQ,IAAI,CAAC;AAAA,IAC5C;AAAA,IACA,SAAS,KAAK;AACZ,YAAM,EAAE,MAAM,OAAO,QAAQ,YAAY,IAAI,CAAC;AAAA,IAChD;AAAA,IACA,YAAY,KAAK;AACf,YAAM,EAAE,MAAM,OAAO,QAAQ,eAAe,IAAI,CAAC;AAAA,IACnD;AAAA,IACA,OAAO,SAAS;AACd,aAAO,IAAI,QAAyB,CAAC,SAAS,WAAW;AACvD,cAAM,EAAE,MAAM,UAAU,SAAS,SAAS,OAAO,CAAC;AAAA,MACpD,CAAC;AAAA,IACH;AAAA,IACA,QAAQ,MAAM;AACZ,aAAO;AACP,aAAO,MAAM,SAAS,EAAG,OAAM,MAAM,MAAM,CAAE;AAAA,IAC/C;AAAA,IACA,MAAM,KAAK;AACT,gBAAU;AAEV,iBAAW,QAAQ,OAAO;AACxB,YAAI,KAAK,SAAS,SAAU,MAAK,OAAO,GAAG;AAAA,MAC7C;AACA,YAAM,SAAS;AAAA,IACjB;AAAA,EACF;AACF;;;ACnFO,SAAS,eAAe,QAAqC;AAClE,QAAM,WAAW,kBAAkB;AACnC,gBAAc,QAAQ,QAAQ,EAAE,MAAM,CAAC,QAAe;AAKpD,YAAQ,KAAK,2CAA2C,IAAI,OAAO;AACnE,aAAS,MAAM,GAAG;AAAA,EACpB,CAAC;AACD,SAAO;AACT;AAEA,eAAe,cACb,QACA,UACe;AACf,QAAM,WAAW,MAAM,cAAc,OAAO,UAAU,OAAO,MAAM;AACnE,MAAI,CAAC,SAAS,WAAW,CAAC,SAAS,cAAc,CAAC,SAAS,UAAU;AAGnE,aAAS;AAAA,MACP,IAAI;AAAA,QACF,qDACE,SAAS,SAAS,WAAM,SAAS,MAAM,KAAK,EAC9C;AAAA,MACF;AAAA,IACF;AACA;AAAA,EACF;AACA,QAAM,SAAS,MAAM,aAAa;AAAA,IAChC,WAAW,SAAS;AAAA,IACpB,SAAS,SAAS;AAAA,EACpB,CAAC;AACD,QAAM,OAAoB,OAAO,eAAe,MAAM;AACtD,WAAS,QAAQ,IAAI;AACvB;","names":[]}

package/dist/{chunk-AQW4WVZE.mjs → chunk-I4GWTJ6Q.mjs}

@@ -1794,29 +1794,39 @@ function ChangelogList({ api, externalId, strings, onSelect }) {
 }
 
 // src/widget/Fab.tsx
-import { jsx as jsx6 } from "preact/jsx-runtime";
-function ChatBubbleIcon() {
-  return /* @__PURE__ */ jsx6(
+import { jsx as jsx6, jsxs as jsxs6 } from "preact/jsx-runtime";
+function BugIcon() {
+  return /* @__PURE__ */ jsxs6(
     "svg",
     {
-      width: "24",
-      height: "24",
+      width: "20",
+      height: "20",
       viewBox: "0 0 24 24",
       fill: "none",
+      stroke: "currentColor",
+      "stroke-width": "2",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
       "aria-hidden": "true",
       focusable: "false",
-      children: /* @__PURE__ */ jsx6(
-        "path",
-        {
-          d: "M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z",
-          fill: "currentColor"
-        }
-      )
+      children: [
+        /* @__PURE__ */ jsx6("path", { d: "m8 2 1.88 1.88" }),
+        /* @__PURE__ */ jsx6("path", { d: "M14.12 3.88 16 2" }),
+        /* @__PURE__ */ jsx6("path", { d: "M9 7.13v-1a3.003 3.003 0 1 1 6 0v1" }),
+        /* @__PURE__ */ jsx6("path", { d: "M12 20c-3.3 0-6-2.7-6-6v-3a4 4 0 0 1 4-4h4a4 4 0 0 1 4 4v3c0 3.3-2.7 6-6 6" }),
+        /* @__PURE__ */ jsx6("path", { d: "M12 20v-9" }),
+        /* @__PURE__ */ jsx6("path", { d: "M6.53 9C4.6 8.8 3 7.1 3 5" }),
+        /* @__PURE__ */ jsx6("path", { d: "M6 13H2" }),
+        /* @__PURE__ */ jsx6("path", { d: "M3 21c0-2.1 1.7-3.9 3.8-4" }),
+        /* @__PURE__ */ jsx6("path", { d: "M20.97 5c0 2.1-1.6 3.8-3.5 4" }),
+        /* @__PURE__ */ jsx6("path", { d: "M22 13h-4" }),
+        /* @__PURE__ */ jsx6("path", { d: "M17.2 17c2.1.1 3.8 1.9 3.8 4" })
+      ]
     }
   );
 }
 function Fab({ label, onClick }) {
-  return /* @__PURE__ */ jsx6("button", { type: "button", class: "fab", "aria-label": label, title: label, onClick, children: /* @__PURE__ */ jsx6(ChatBubbleIcon, {}) });
+  return /* @__PURE__ */ jsx6("button", { type: "button", class: "fab", "aria-label": label, title: label, onClick, children: /* @__PURE__ */ jsx6(BugIcon, {}) });
 }
 
 // src/widget/Form.tsx
@@ -1824,7 +1834,7 @@ import { useEffect as useEffect5, useRef as useRef4, useState as useState5 } fro
 
 // src/widget/Annotator.tsx
 import { useEffect as useEffect4, useLayoutEffect, useRef as useRef3, useState as useState4 } from "preact/hooks";
-import { jsx as jsx7, jsxs as jsxs6 } from "preact/jsx-runtime";
+import { jsx as jsx7, jsxs as jsxs7 } from "preact/jsx-runtime";
 var COLORS = ["#ef4444", "#f59e0b", "#10b981", "#3b82f6", "#ffffff"];
 var HIGHLIGHT_ALPHA = 0.35;
 function drawShape(ctx, shape, sourceImage) {
@@ -1950,11 +1960,11 @@ var Icon = {
   arrow: /* @__PURE__ */ jsx7("svg", { width: "16", height: "16", viewBox: "0 0 16 16", "aria-hidden": "true", children: /* @__PURE__ */ jsx7("path", { d: "M2 8h11M9 4l4 4-4 4", fill: "none", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }) }),
   pencil: /* @__PURE__ */ jsx7("svg", { width: "16", height: "16", viewBox: "0 0 16 16", "aria-hidden": "true", children: /* @__PURE__ */ jsx7("path", { d: "M11.5 2.5l2 2L5 13H3v-2l8.5-8.5z", fill: "none", stroke: "currentColor", "stroke-width": "1.5", "stroke-linejoin": "round" }) }),
   text: /* @__PURE__ */ jsx7("svg", { width: "16", height: "16", viewBox: "0 0 16 16", "aria-hidden": "true", children: /* @__PURE__ */ jsx7("path", { d: "M3 3h10M8 3v10M5 13h6", fill: "none", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round" }) }),
-  highlight: /* @__PURE__ */ jsxs6("svg", { width: "16", height: "16", viewBox: "0 0 16 16", "aria-hidden": "true", children: [
+  highlight: /* @__PURE__ */ jsxs7("svg", { width: "16", height: "16", viewBox: "0 0 16 16", "aria-hidden": "true", children: [
     /* @__PURE__ */ jsx7("path", { d: "M3 13l3-3L11 5l-2-2-5 5-3 3v2h2zM10 4l2 2", fill: "none", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }),
     /* @__PURE__ */ jsx7("path", { d: "M2 14h12", fill: "none", stroke: "currentColor", "stroke-width": "1.5", "stroke-linecap": "round" })
   ] }),
-  blur: /* @__PURE__ */ jsxs6("svg", { width: "16", height: "16", viewBox: "0 0 16 16", "aria-hidden": "true", children: [
+  blur: /* @__PURE__ */ jsxs7("svg", { width: "16", height: "16", viewBox: "0 0 16 16", "aria-hidden": "true", children: [
     /* @__PURE__ */ jsx7("rect", { x: "2", y: "2", width: "4", height: "4", fill: "currentColor", opacity: "0.85" }),
     /* @__PURE__ */ jsx7("rect", { x: "7", y: "2", width: "3", height: "3", fill: "currentColor", opacity: "0.55" }),
     /* @__PURE__ */ jsx7("rect", { x: "11", y: "2", width: "3", height: "4", fill: "currentColor", opacity: "0.4" }),
@@ -2210,8 +2220,8 @@ function Annotator({ imageBlob, strings, onSave, onCancel }) {
       onClick: (e) => {
         if (e.target === e.currentTarget) onCancel();
       },
-      children: /* @__PURE__ */ jsxs6("div", { class: "annotator", role: "dialog", "aria-modal": "true", "aria-label": strings["annotator.title"], children: [
-        /* @__PURE__ */ jsxs6("div", { class: "annotator-header", children: [
+      children: /* @__PURE__ */ jsxs7("div", { class: "annotator", role: "dialog", "aria-modal": "true", "aria-label": strings["annotator.title"], children: [
+        /* @__PURE__ */ jsxs7("div", { class: "annotator-header", children: [
           /* @__PURE__ */ jsx7("span", { children: strings["annotator.title"] }),
           /* @__PURE__ */ jsx7(
             "button",
@@ -2224,7 +2234,7 @@ function Annotator({ imageBlob, strings, onSave, onCancel }) {
             }
           )
         ] }),
-        /* @__PURE__ */ jsxs6("div", { class: "annotator-toolbar", children: [
+        /* @__PURE__ */ jsxs7("div", { class: "annotator-toolbar", children: [
           /* @__PURE__ */ jsx7("div", { class: "annotator-tools", children: tools.map((t) => /* @__PURE__ */ jsx7(
             "button",
             {
@@ -2239,7 +2249,7 @@ function Annotator({ imageBlob, strings, onSave, onCancel }) {
             t.id
           )) }),
           /* @__PURE__ */ jsx7("span", { class: "annotator-sep" }),
-          /* @__PURE__ */ jsxs6("div", { class: "annotator-colors", children: [
+          /* @__PURE__ */ jsxs7("div", { class: "annotator-colors", children: [
             COLORS.map((c) => /* @__PURE__ */ jsx7(
               "button",
               {
@@ -2263,7 +2273,7 @@ function Annotator({ imageBlob, strings, onSave, onCancel }) {
             ) })
           ] }),
           /* @__PURE__ */ jsx7("span", { class: "annotator-sep" }),
-          /* @__PURE__ */ jsxs6(
+          /* @__PURE__ */ jsxs7(
             "button",
             {
               type: "button",
@@ -2277,7 +2287,7 @@ function Annotator({ imageBlob, strings, onSave, onCancel }) {
               ]
             }
           ),
-          /* @__PURE__ */ jsxs6(
+          /* @__PURE__ */ jsxs7(
             "button",
             {
               type: "button",
@@ -2291,7 +2301,7 @@ function Annotator({ imageBlob, strings, onSave, onCancel }) {
               ]
             }
           ),
-          /* @__PURE__ */ jsxs6(
+          /* @__PURE__ */ jsxs7(
             "button",
             {
               type: "button",
@@ -2305,7 +2315,7 @@ function Annotator({ imageBlob, strings, onSave, onCancel }) {
             }
           ),
           /* @__PURE__ */ jsx7("span", { class: "annotator-spacer" }),
-          /* @__PURE__ */ jsxs6("span", { class: "annotator-count", children: [
+          /* @__PURE__ */ jsxs7("span", { class: "annotator-count", children: [
             shapes.length,
             " ",
             strings["annotator.count_suffix"]
@@ -2322,7 +2332,7 @@ function Annotator({ imageBlob, strings, onSave, onCancel }) {
             class: "annotator-canvas"
           }
         ) }),
-        /* @__PURE__ */ jsxs6("div", { class: "annotator-footer", children: [
+        /* @__PURE__ */ jsxs7("div", { class: "annotator-footer", children: [
           /* @__PURE__ */ jsx7("button", { type: "button", class: "btn", onClick: onCancel, children: strings["form.cancel"] }),
           /* @__PURE__ */ jsx7(
             "button",
@@ -2341,7 +2351,7 @@ function Annotator({ imageBlob, strings, onSave, onCancel }) {
 }
 
 // src/widget/Form.tsx
-import { jsx as jsx8, jsxs as jsxs7 } from "preact/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs8 } from "preact/jsx-runtime";
 var TYPES2 = ["bug", "feature", "question", "praise", "typo"];
 var SEVERITIES2 = ["blocker", "high", "medium", "low"];
 function Form({ strings, onSubmit, onCancel, status, errorMessage }) {
@@ -2450,9 +2460,9 @@ function Form({ strings, onSubmit, onCancel, status, errorMessage }) {
     }
     onSubmit(values);
   };
-  return /* @__PURE__ */ jsxs7("form", { onSubmit: handleSubmit, children: [
+  return /* @__PURE__ */ jsxs8("form", { onSubmit: handleSubmit, children: [
     /* @__PURE__ */ jsx8("h2", { children: strings["form.title"] }),
-    /* @__PURE__ */ jsxs7("div", { class: "field", children: [
+    /* @__PURE__ */ jsxs8("div", { class: "field", children: [
       /* @__PURE__ */ jsx8("label", { for: "mfb-desc", children: strings["form.description.label"] }),
       /* @__PURE__ */ jsx8(
         "textarea",
@@ -2464,8 +2474,8 @@ function Form({ strings, onSubmit, onCancel, status, errorMessage }) {
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs7("div", { class: "row", children: [
-      /* @__PURE__ */ jsxs7("div", { class: "field", children: [
+    /* @__PURE__ */ jsxs8("div", { class: "row", children: [
+      /* @__PURE__ */ jsxs8("div", { class: "field", children: [
         /* @__PURE__ */ jsx8("label", { for: "mfb-type", children: strings["form.type.label"] }),
         /* @__PURE__ */ jsx8(
           "select",
@@ -2477,7 +2487,7 @@ function Form({ strings, onSubmit, onCancel, status, errorMessage }) {
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs7("div", { class: "field", children: [
+      /* @__PURE__ */ jsxs8("div", { class: "field", children: [
         /* @__PURE__ */ jsx8("label", { for: "mfb-sev", children: strings["form.severity.label"] }),
         /* @__PURE__ */ jsx8(
           "select",
@@ -2490,7 +2500,7 @@ function Form({ strings, onSubmit, onCancel, status, errorMessage }) {
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsxs7("div", { class: "field", children: [
+    /* @__PURE__ */ jsxs8("div", { class: "field", children: [
       /* @__PURE__ */ jsx8("label", { children: strings["form.screenshot.label"] }),
       /* @__PURE__ */ jsx8(
         "input",
@@ -2504,17 +2514,17 @@ function Form({ strings, onSubmit, onCancel, status, errorMessage }) {
           tabIndex: -1
         }
       ),
-      screenshotPreview ? /* @__PURE__ */ jsxs7("div", { class: "screenshot-preview", children: [
+      screenshotPreview ? /* @__PURE__ */ jsxs8("div", { class: "screenshot-preview", children: [
         /* @__PURE__ */ jsx8("img", { src: screenshotPreview, alt: "" }),
-        /* @__PURE__ */ jsxs7("div", { class: "screenshot-preview-actions", children: [
-          /* @__PURE__ */ jsxs7(
+        /* @__PURE__ */ jsxs8("div", { class: "screenshot-preview-actions", children: [
+          /* @__PURE__ */ jsxs8(
             "button",
             {
               type: "button",
               class: "btn btn--primary screenshot-annotate",
               onClick: () => setAnnotatorOpen(true),
               children: [
-                /* @__PURE__ */ jsxs7("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true", children: [
+                /* @__PURE__ */ jsxs8("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true", children: [
                   /* @__PURE__ */ jsx8("path", { d: "M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7" }),
                   /* @__PURE__ */ jsx8("path", { d: "M18.5 2.5a2.12 2.12 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z" })
                 ] }),
@@ -2522,12 +2532,12 @@ function Form({ strings, onSubmit, onCancel, status, errorMessage }) {
               ]
             }
           ),
-          /* @__PURE__ */ jsxs7("button", { type: "button", class: "btn", onClick: clearScreenshot, children: [
+          /* @__PURE__ */ jsxs8("button", { type: "button", class: "btn", onClick: clearScreenshot, children: [
             /* @__PURE__ */ jsx8("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true", children: /* @__PURE__ */ jsx8("path", { d: "M3 6h18M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2m3 0v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6h14z" }) }),
             strings["form.screenshot.remove"]
           ] })
         ] })
-      ] }) : /* @__PURE__ */ jsxs7(
+      ] }) : /* @__PURE__ */ jsxs8(
         "div",
         {
           ref: dropZoneRef,
@@ -2546,12 +2556,12 @@ function Form({ strings, onSubmit, onCancel, status, errorMessage }) {
           onDragLeave: handleDragLeave,
           onDrop: handleDrop,
           children: [
-            /* @__PURE__ */ jsxs7("svg", { class: "screenshot-icon", width: "28", height: "28", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "1.6", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true", children: [
+            /* @__PURE__ */ jsxs8("svg", { class: "screenshot-icon", width: "28", height: "28", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "1.6", "stroke-linecap": "round", "stroke-linejoin": "round", "aria-hidden": "true", children: [
               /* @__PURE__ */ jsx8("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
               /* @__PURE__ */ jsx8("polyline", { points: "17 8 12 3 7 8" }),
               /* @__PURE__ */ jsx8("line", { x1: "12", y1: "3", x2: "12", y2: "15" })
             ] }),
-            /* @__PURE__ */ jsxs7("div", { class: "screenshot-cta", children: [
+            /* @__PURE__ */ jsxs8("div", { class: "screenshot-cta", children: [
               /* @__PURE__ */ jsx8("strong", { children: strings["form.screenshot.cta_click"] }),
               ", ",
               strings["form.screenshot.cta_rest"]
@@ -2561,14 +2571,14 @@ function Form({ strings, onSubmit, onCancel, status, errorMessage }) {
         }
       )
     ] }),
-    pageUrl && /* @__PURE__ */ jsxs7("div", { class: "page-context", title: pageUrl, children: [
+    pageUrl && /* @__PURE__ */ jsxs8("div", { class: "page-context", title: pageUrl, children: [
       /* @__PURE__ */ jsx8("span", { class: "page-context-label", children: strings["form.context.label"] }),
       /* @__PURE__ */ jsx8("span", { class: "page-context-url", children: truncateUrl(pageUrl, 90) })
     ] }),
     localError && /* @__PURE__ */ jsx8("div", { class: "error", children: localError }),
     status === "error" && errorMessage && /* @__PURE__ */ jsx8("div", { class: "error", children: errorMessage }),
     status === "success" && /* @__PURE__ */ jsx8("div", { class: "success", children: strings["form.success"] }),
-    /* @__PURE__ */ jsxs7("div", { class: "actions", children: [
+    /* @__PURE__ */ jsxs8("div", { class: "actions", children: [
       /* @__PURE__ */ jsx8("button", { type: "button", class: "btn", onClick: onCancel, disabled: submitting, children: strings["form.cancel"] }),
       /* @__PURE__ */ jsx8("button", { type: "submit", class: "btn btn--primary", disabled: submitting, children: submitLabel })
     ] }),
@@ -2588,7 +2598,7 @@ function Form({ strings, onSubmit, onCancel, status, errorMessage }) {
 import { useEffect as useEffect6, useRef as useRef5, useState as useState6 } from "preact/hooks";
 
 // src/widget/KpiStrip.tsx
-import { jsx as jsx9, jsxs as jsxs8 } from "preact/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs9 } from "preact/jsx-runtime";
 function computeKpiCounts(rows) {
   const counts = {
     new: 0,
@@ -2658,7 +2668,7 @@ function KpiStrip({ rows, filter, onFilter, strings }) {
   return /* @__PURE__ */ jsx9("div", { class: "kpi-strip", role: "toolbar", children: cells.map((c) => {
     const active = filter === c.key;
     const toggleTo = active ? "all" : c.key;
-    return /* @__PURE__ */ jsxs8(
+    return /* @__PURE__ */ jsxs9(
       "button",
       {
         type: "button",
@@ -2675,7 +2685,7 @@ function KpiStrip({ rows, filter, onFilter, strings }) {
 }
 
 // src/widget/MineList.tsx
-import { jsx as jsx10, jsxs as jsxs9 } from "preact/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs10 } from "preact/jsx-runtime";
 var POLL_MS4 = 3e4;
 function MineList({ api, externalId, strings, onSelect }) {
   const [rows, setRows] = useState6(null);
@@ -2713,8 +2723,8 @@ function MineList({ api, externalId, strings, onSelect }) {
   const isLoading = rows === null && !error;
   const visibleRows = rows ? rowsMatchingFilter(rows, filter) : null;
   const visibleEmpty = !!rows && rows.length > 0 && (visibleRows?.length ?? 0) === 0;
-  return /* @__PURE__ */ jsxs9("div", { class: "mine-list", children: [
-    /* @__PURE__ */ jsxs9("div", { class: "mine-list-header", children: [
+  return /* @__PURE__ */ jsxs10("div", { class: "mine-list", children: [
+    /* @__PURE__ */ jsxs10("div", { class: "mine-list-header", children: [
       /* @__PURE__ */ jsx10("h2", { children: strings["tab.mine"] }),
       /* @__PURE__ */ jsx10(
         "button",
@@ -2732,7 +2742,7 @@ function MineList({ api, externalId, strings, onSelect }) {
     rows && rows.length > 0 && /* @__PURE__ */ jsx10(KpiStrip, { rows, filter, onFilter: setFilter, strings }),
     isLoading && /* @__PURE__ */ jsx10("div", { class: "mine-loading", children: strings["mine.loading"] }),
     error && /* @__PURE__ */ jsx10("div", { class: "error", children: error }),
-    isEmpty && /* @__PURE__ */ jsxs9("div", { class: "mine-empty", children: [
+    isEmpty && /* @__PURE__ */ jsxs10("div", { class: "mine-empty", children: [
       /* @__PURE__ */ jsx10("strong", { children: strings["mine.empty.title"] }),
       /* @__PURE__ */ jsx10("p", { children: strings["mine.empty.body"] })
     ] }),
@@ -2743,7 +2753,7 @@ function MineList({ api, externalId, strings, onSelect }) {
 
 // src/widget/Modal.tsx
 import { useEffect as useEffect7, useRef as useRef6 } from "preact/hooks";
-import { jsx as jsx11, jsxs as jsxs10 } from "preact/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs11 } from "preact/jsx-runtime";
 function Modal({ onDismiss, children, closeLabel = "Close", expanded = false }) {
   const modalRef = useRef6(null);
   const previouslyFocused = useRef6(null);
@@ -2777,7 +2787,7 @@ function Modal({ onDismiss, children, closeLabel = "Close", expanded = false })
       onClick: (e) => {
         if (e.target === e.currentTarget) onDismiss();
       },
-      children: /* @__PURE__ */ jsxs10(
+      children: /* @__PURE__ */ jsxs11(
         "div",
         {
           ref: modalRef,
@@ -2808,6 +2818,15 @@ var WIDGET_STYLES = `
 :host {
   --mfb-accent: #3b82f6;
   --mfb-accent-contrast: #ffffff;
+
+  /* FAB-specific palette \u2014 Mhosaic brand (steel blue family, per
+     mhosaic-core's design system v4). Soft-black surface + light
+     steel-blue glyph. Kept separate from --mfb-accent on purpose:
+     the accent is used everywhere inside the panel for submit
+     buttons / focus rings, and we don't want changing the FAB chrome
+     to inadvertently restyle the whole widget. */
+  --mfb-fab-bg: #1c2230;       /* Mhosaic --black (oklch \u2248 0.22 0.025 258) */
+  --mfb-fab-icon: #8aa9e5;     /* Mhosaic --blue-300 (oklch \u2248 0.70 0.13 258) */
   --mfb-bg: #ffffff;
   --mfb-surface: #f9fafb;
   --mfb-surface-2: #f3f4f6;
@@ -2863,18 +2882,20 @@ var WIDGET_STYLES = `
   }
 }
 
-/* FAB \u2014 56px (Material standard), two-layer elevation, scale-on-press,
-   custom SVG icon (no emoji \u2014 emoji renders inconsistently across OSes
-   and can't inherit color). */
+/* FAB \u2014 48px circle (down from Material's 56px) for a more discrete
+   presence on client surfaces (matches PNR's 48px pattern). Mhosaic
+   soft-black background with a light steel-blue lucide-bug glyph;
+   custom SVG inlined (no emoji \u2014 emoji renders inconsistently across
+   OSes and can't inherit color). Two-layer elevation, scale-on-press. */
 .fab {
   position: fixed;
   bottom: 24px;
   right: 24px;
-  width: 56px;
-  height: 56px;
+  width: 48px;
+  height: 48px;
   border-radius: 999px;
-  background: var(--mfb-accent);
-  color: var(--mfb-accent-contrast);
+  background: var(--mfb-fab-bg);
+  color: var(--mfb-fab-icon);
   border: none;
   cursor: pointer;
   /* Two-layer elevation: ambient (soft, large) + key (tighter, near). */
@@ -2900,10 +2921,10 @@ var WIDGET_STYLES = `
     0 1px 2px rgba(0, 0, 0, 0.14);
 }
 .fab:focus-visible {
-  outline: 2px solid var(--mfb-accent-contrast);
+  outline: 2px solid var(--mfb-fab-icon);
   outline-offset: 3px;
   box-shadow:
-    0 0 0 4px var(--mfb-accent),
+    0 0 0 4px var(--mfb-fab-bg),
     0 4px 12px rgba(0, 0, 0, 0.08),
     0 2px 4px rgba(0, 0, 0, 0.12);
 }
@@ -4483,7 +4504,7 @@ var WIDGET_STYLES = `
 `;
 
 // src/widget/mount.tsx
-import { Fragment as Fragment3, jsx as jsx12, jsxs as jsxs11 } from "preact/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx12, jsxs as jsxs12 } from "preact/jsx-runtime";
 function mountWidget(options) {
   const shadow = options.host.attachShadow({ mode: "open" });
   const style = document.createElement("style");
@@ -4534,7 +4555,7 @@ function mountWidget(options) {
     const externalId = options.getExternalId?.();
     const fabVisible = options.showFAB && (options.getExternalId === void 0 ? true : Boolean(externalId));
     const showMineTab = Boolean(options.api && externalId);
-    return /* @__PURE__ */ jsxs11(Fragment3, { children: [
+    return /* @__PURE__ */ jsxs12(Fragment3, { children: [
       fabVisible && /* @__PURE__ */ jsx12(
         Fab,
         {
@@ -4542,14 +4563,14 @@ function mountWidget(options) {
           onClick: () => rerender({ ...currentState, open: true })
         }
       ),
-      state.open && /* @__PURE__ */ jsxs11(
+      state.open && /* @__PURE__ */ jsxs12(
         Modal,
         {
           onDismiss: () => rerender(clearSelected({ ...currentState, open: false, status: "idle" })),
           closeLabel: options.strings["form.close"],
           expanded: state.tab === "board",
           children: [
-            showMineTab && /* @__PURE__ */ jsxs11("div", { class: "tab-strip", role: "tablist", children: [
+            showMineTab && /* @__PURE__ */ jsxs12("div", { class: "tab-strip", role: "tablist", children: [
               /* @__PURE__ */ jsx12(
                 "button",
                 {
@@ -4731,8 +4752,8 @@ function createFeedback(config) {
       capture_method: captureMethod,
       technical_context
     };
-    if ("0.15.6") {
-      payload.widget_version = "0.15.6";
+    if ("0.16.2") {
+      payload.widget_version = "0.16.2";
     }
     if (manualScreenshot) payload.screenshot = manualScreenshot;
     if (values.synthetic) payload.synthetic = true;
@@ -4818,4 +4839,4 @@ function createFeedback(config) {
 export {
   createFeedback
 };
-//# sourceMappingURL=chunk-AQW4WVZE.mjs.map
+//# sourceMappingURL=chunk-I4GWTJ6Q.mjs.map