@buoy-gg/js-top 7.0.41 → 7.0.42

package/lib/commonjs/js-top/engine/state.js

@@ -1,63 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.WRAPPED_TAG = exports.PATCHED_TAG = void 0;
-exports.captureOriginals = captureOriginals;
-exports.g = void 0;
-exports.getOriginals = getOriginals;
-exports.isActive = isActive;
-exports.setActive = setActive;
-/**
- * Shared engine state + pre-patch originals.
- *
- * `active` is the single gate every patched global checks at schedule time:
- * patches install once and are NEVER removed (restoring originals would
- * clobber any wrapper another library — Sentry, Reanimated — layered on top
- * of ours after install; same reasoning as highlight-updates' CommitProfiler
- * hook). When inactive, a patched global forwards the raw callback to the
- * original at the cost of one boolean check.
- *
- * `originals` are captured BEFORE patching so the engine's own probe and
- * notify timers never flow through the wrappers — JS TOP must not list
- * itself as a task.
- */
-
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-const g = exports.g =
-// eslint-disable-next-line no-restricted-globals
-typeof globalThis !== "undefined" ? globalThis : {};
-let active = false;
-function isActive() {
-  return active;
-}
-function setActive(on) {
-  active = on;
-}
-let originals = null;
-
-/** Capture pre-patch globals. Idempotent; first call wins. */
-function captureOriginals() {
-  if (!originals) {
-    originals = {
-      setTimeout: g.setTimeout?.bind(g),
-      setInterval: g.setInterval?.bind(g),
-      clearInterval: g.clearInterval?.bind(g),
-      clearTimeout: g.clearTimeout?.bind(g),
-      setImmediate: g.setImmediate?.bind(g),
-      requestAnimationFrame: g.requestAnimationFrame?.bind(g),
-      queueMicrotask: g.queueMicrotask?.bind(g)
-    };
-  }
-  return originals;
-}
-function getOriginals() {
-  return captureOriginals();
-}
-
-/** Tag interned on patched globals so duplicate module instances skip re-patching. */
-const PATCHED_TAG = exports.PATCHED_TAG = Symbol.for("buoy.jsTop.patched");
-/** Marker set on wrapper functions so a wrapped fn is never wrapped twice. */
-const WRAPPED_TAG = exports.WRAPPED_TAG = Symbol.for("buoy.jsTop.wrapped");
-//# sourceMappingURL=state.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.WRAPPED_TAG=exports.PATCHED_TAG=void 0;exports.captureOriginals=captureOriginals;exports.g=void 0;exports.getOriginals=getOriginals;exports.isActive=isActive;exports.setActive=setActive;const g=exports.g=typeof globalThis!=="undefined"?globalThis:{};let active=false;function isActive(){return active}function setActive(e){active=e}let originals=null;function captureOriginals(){if(!originals){originals={setTimeout:g.setTimeout?.bind(g),setInterval:g.setInterval?.bind(g),clearInterval:g.clearInterval?.bind(g),clearTimeout:g.clearTimeout?.bind(g),setImmediate:g.setImmediate?.bind(g),requestAnimationFrame:g.requestAnimationFrame?.bind(g),queueMicrotask:g.queueMicrotask?.bind(g)}}return originals}function getOriginals(){return captureOriginals()}const PATCHED_TAG=exports.PATCHED_TAG=Symbol.for("buoy.jsTop.patched");const WRAPPED_TAG=exports.WRAPPED_TAG=Symbol.for("buoy.jsTop.wrapped");

package/lib/commonjs/js-top/engine/symbolicate.js

@@ -1,95 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.buoyJsTopSymbolicateOrigin = buoyJsTopSymbolicateOrigin;
-/**
- * Dev-only origin symbolication via Metro's /symbolicate endpoint (the same
- * one LogBox uses). Hermes stacks give function names + bundle offsets; for
- * anonymous scheduling sites (the typical `useEffect(() => setInterval(…))`)
- * that leaves an unreadable label. Metro maps the offset back to the real
- * source file — so a row can say `setInterval ← ChatScreen.tsx:42`, which is
- * component-level attribution in practice.
- *
- * Fire-and-forget with hard caps: one attempt per origin, few in flight,
- * silent on any failure (release builds, tunnels, Metro gone). The origin's
- * label/file/line are upgraded in place when the answer lands — the table
- * re-renders every tick and picks it up.
- */
-
-const MAX_IN_FLIGHT = 3;
-let inFlight = 0;
-function isDev() {
-  return typeof __DEV__ !== "undefined" && __DEV__;
-}
-
-/** Last two path segments of a source path — "screens/ChatScreen.tsx". */
-function tailPath(file) {
-  const clean = file.split("?")[0] ?? file;
-  const parts = clean.split("/").filter(Boolean);
-  return parts.slice(-2).join("/");
-}
-
-/** True for names like ChatScreen / PokemonScreen — reads as a component. */
-function looksLikeComponent(name) {
-  return /^[A-Z][A-Za-z0-9]*$/.test(name);
-}
-function buoyJsTopSymbolicateOrigin(o, apiLabelText) {
-  if (!isDev()) return;
-  if (o.symbolicated || !o.frames || o.frames.length === 0) return;
-  if (inFlight >= MAX_IN_FLIGHT) return; // retried implicitly? no — one shot
-  o.symbolicated = true;
-  const top = o.frames[0];
-  if (!top || !/^https?:\/\//.test(top.file)) return;
-  let endpoint;
-  try {
-    endpoint = `${new URL(top.file).origin}/symbolicate`;
-  } catch {
-    return;
-  }
-  inFlight++;
-  const body = JSON.stringify({
-    stack: o.frames.map(f => ({
-      file: f.file,
-      lineNumber: f.line,
-      column: f.col,
-      methodName: ""
-    }))
-  });
-  fetch(endpoint, {
-    method: "POST",
-    body
-  }).then(res => res.ok ? res.json() : null).then(data => {
-    let frame = data?.stack?.find(f => f.file && !f.file.includes("node_modules")) ?? data?.stack?.[0];
-    // Some Metro configs (serialized source maps) reject full
-    // symbolication but still NAME the module in the error — that file
-    // path is exactly the scheduling site, so harvest it.
-    if (!frame?.file && data?.error) {
-      const m = /found: (\/.+)$/.exec(data.error);
-      if (m) frame = {
-        file: m[1]
-      };
-    }
-    if (!frame?.file) return;
-    const file = tailPath(frame.file);
-    const line = frame.lineNumber;
-    const method = frame.methodName && frame.methodName !== "<unknown>" ? frame.methodName : undefined;
-    o.file = file;
-    o.line = line ?? o.line;
-    // The existing label is name-anchored — append the source site
-    // once, and promote a component-looking method name.
-    const site = `${file.split("/").pop()}${line != null ? `:${line}` : ""}`;
-    if (method && looksLikeComponent(method) && !o.caller) {
-      o.caller = method;
-      o.label = `${o.label} ← <${method}> · ${site}`;
-    } else {
-      o.label = `${o.label} · ${site}`;
-    }
-  }).catch(() => {
-    // Symbolication is best-effort decoration — never surface failures.
-  }).finally(() => {
-    inFlight--;
-  });
-}
-//# sourceMappingURL=symbolicate.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.buoyJsTopSymbolicateOrigin=buoyJsTopSymbolicateOrigin;const MAX_IN_FLIGHT=3;let inFlight=0;function isDev(){return typeof __DEV__!=="undefined"&&__DEV__}function tailPath(e){const s=e.split("?")[0]??e;const i=s.split("/").filter(Boolean);return i.slice(-2).join("/")}function looksLikeComponent(e){return/^[A-Z][A-Za-z0-9]*$/.test(e)}function buoyJsTopSymbolicateOrigin(e,s){if(!isDev())return;if(e.symbolicated||!e.frames||e.frames.length===0)return;if(inFlight>=MAX_IN_FLIGHT)return;e.symbolicated=true;const i=e.frames[0];if(!i||!/^https?:\/\//.test(i.file))return;let c;try{c=`${new URL(i.file).origin}/symbolicate`}catch{return}inFlight++;const a=JSON.stringify({stack:e.frames.map(t=>({file:t.file,lineNumber:t.line,column:t.col,methodName:""}))});fetch(c,{method:"POST",body:a}).then(t=>t.ok?t.json():null).then(t=>{let n=t?.stack?.find(l=>l.file&&!l.file.includes("node_modules"))??t?.stack?.[0];if(!n?.file&&t?.error){const l=/found: (\/.+)$/.exec(t.error);if(l)n={file:l[1]}}if(!n?.file)return;const f=tailPath(n.file);const o=n.lineNumber;const r=n.methodName&&n.methodName!=="<unknown>"?n.methodName:void 0;e.file=f;e.line=o??e.line;const u=`${f.split("/").pop()}${o!=null?`:${o}`:""}`;if(r&&looksLikeComponent(r)&&!e.caller){e.caller=r;e.label=`${e.label} \u2190 <${r}> \xB7 ${u}`}else{e.label=`${e.label} \xB7 ${u}`}}).catch(()=>{}).finally(()=>{inFlight--})}

package/lib/commonjs/js-top/sync/jsTopSyncAdapter.js

@@ -1,74 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.jsTopSyncAdapter = void 0;
-var _JsTopController = require("../engine/JsTopController");
-/**
- * Sync adapter for the JS TOP tool, consumed by @buoy-gg/external-sync's
- * `useExternalSync` (structurally matches its ToolSyncAdapter interface so
- * this package doesn't need a dependency on it — same pattern as
- * perf-monitor's adapter).
- *
- * `subscribe` is only called while a dashboard is watching, and subscribing
- * to JsTopController is exactly what starts the engine — so a desktop
- * watcher auto-starts sampling and closing the desktop tool stops it. The
- * snapshot IS the live channel; there is no heavy persisted state.
- */
-
-const jsTopSyncAdapter = exports.jsTopSyncAdapter = {
-  version: 1,
-  getSnapshot: () => ({
-    live: _JsTopController.JsTopController.getSnapshot(),
-    // "enabled" mirrors perf-monitor semantics: is the device sampling for
-    // any viewer (its own HUD/modal or a desktop's silent remote sampling).
-    enabled: _JsTopController.JsTopController.isEnabled() || _JsTopController.JsTopController.isRemoteSampling()
-  }),
-  subscribe: onChange => {
-    const unsubSnapshot = _JsTopController.JsTopController.subscribe(() => onChange());
-    const unsubEnabled = _JsTopController.JsTopController.subscribeEnabled(() => onChange());
-    return () => {
-      unsubSnapshot();
-      unsubEnabled();
-    };
-  },
-  actions: {
-    /**
-     * Silent sampling for a desktop viewer: streams snapshots without
-     * showing the device's own HUD. (Subscribing via `subscribe` already
-     * runs the engine while watched; this exists so MCP / scripted callers
-     * can force sampling on without a watch.)
-     */
-    setEnabled: params => {
-      const enabled = params.enabled;
-      _JsTopController.JsTopController.setRemoteSampling(enabled);
-    },
-    pause: () => _JsTopController.JsTopController.pause(),
-    resume: () => _JsTopController.JsTopController.resume(),
-    clear: () => _JsTopController.JsTopController.clear(),
-    /** Full detail for one origin (desktop tap-through parity). */
-    getOriginDetail: params => _JsTopController.JsTopController.getOriginDetail(params.key),
-    /**
-     * One-shot sample for MCP/automation: ensure the engine is running,
-     * observe for `durationMs` (default 3s, capped 30s), return the
-     * resulting snapshot. `clearFirst` resets all stats before sampling so
-     * the result attributes exactly one interaction/window. Leaves sampling
-     * in its prior state.
-     */
-    sample: async params => {
-      const p = params;
-      const durationMs = Math.min(Math.max(p?.durationMs ?? 3000, 250), 30_000);
-      const wasSampling = _JsTopController.JsTopController.isRemoteSampling() || _JsTopController.JsTopController.isEnabled();
-      if (!wasSampling) _JsTopController.JsTopController.setRemoteSampling(true);
-      if (p?.clearFirst) _JsTopController.JsTopController.clear();
-      try {
-        await new Promise(resolve => setTimeout(resolve, durationMs));
-        return _JsTopController.JsTopController.getSnapshot();
-      } finally {
-        if (!wasSampling) _JsTopController.JsTopController.setRemoteSampling(false);
-      }
-    }
-  }
-};
-//# sourceMappingURL=jsTopSyncAdapter.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.jsTopSyncAdapter=void 0;var _JsTopController=require("../engine/JsTopController");const jsTopSyncAdapter=exports.jsTopSyncAdapter={version:1,getSnapshot:()=>({live:_JsTopController.JsTopController.getSnapshot(),enabled:_JsTopController.JsTopController.isEnabled()||_JsTopController.JsTopController.isRemoteSampling()}),subscribe:e=>{const o=_JsTopController.JsTopController.subscribe(()=>e());const r=_JsTopController.JsTopController.subscribeEnabled(()=>e());return()=>{o();r()}},actions:{setEnabled:e=>{const o=e.enabled;_JsTopController.JsTopController.setRemoteSampling(o)},pause:()=>_JsTopController.JsTopController.pause(),resume:()=>_JsTopController.JsTopController.resume(),clear:()=>_JsTopController.JsTopController.clear(),getOriginDetail:e=>_JsTopController.JsTopController.getOriginDetail(e.key),sample:async e=>{const o=e;const r=Math.min(Math.max(o?.durationMs??3e3,250),3e4);const s=_JsTopController.JsTopController.isRemoteSampling()||_JsTopController.JsTopController.isEnabled();if(!s)_JsTopController.JsTopController.setRemoteSampling(true);if(o?.clearFirst)_JsTopController.JsTopController.clear();try{await new Promise(t=>setTimeout(t,r));return _JsTopController.JsTopController.getSnapshot()}finally{if(!s)_JsTopController.JsTopController.setRemoteSampling(false)}}}};

package/lib/commonjs/js-top/types/index.js

@@ -1,46 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.WINDOW_BUCKETS = exports.SNAPSHOT_ROWS = exports.PROMOTE_MIN_TOTAL_MS = exports.PROMOTE_MIN_CALLS = exports.MAX_ORIGINS = exports.HISTORY_BUCKETS = exports.BUCKET_MS = void 0;
-/**
- * JS TOP — live Task Manager for the React Native JS thread.
- *
- * Attribution model: the engine wraps every JS-thread entry point it can
- * reach (timers, rAF, microtasks, Promise reactions, legacy-bridge call-ins)
- * and books EXCLUSIVE time per "origin" (the place a callback was scheduled
- * from). A high-frequency probe measures true thread occupancy; the gap
- * between measured busy time and attributed time is surfaced honestly as an
- * "unattributed" row rather than hidden.
- */
-
-/** Which entry-point API a task came through. */
-
-/** One captured stack frame from an origin's scheduling site (dev-readable). */
-
-/**
- * Which coverage tiers are live on this device. UIs gray out / banner what a
- * runtime can't see (e.g. bridge call-ins don't exist on bridgeless).
- */
-
-/** One row of the live table — a task origin ("process" in Task Manager terms). */
-
-/** A 50ms+ blocking task reported by the runtime, with our best attribution. */
-
-/** The JSON-serializable live snapshot (device UI + external-sync payload). */
-
-/** Everything the engine knows about one origin — the tap-through detail. */
-
-/** Engine tuning constants — exported for tests. */
-const BUCKET_MS = exports.BUCKET_MS = 250;
-/** Rolling "recent" window: 20 buckets = 5s. */
-const WINDOW_BUCKETS = exports.WINDOW_BUCKETS = 20;
-/** Global busy history ring: 120 buckets = 30s. */
-const HISTORY_BUCKETS = exports.HISTORY_BUCKETS = 120;
-const MAX_ORIGINS = exports.MAX_ORIGINS = 500;
-/** Promotion thresholds: capture a scheduling stack once an origin is hot. */
-const PROMOTE_MIN_CALLS = exports.PROMOTE_MIN_CALLS = 25;
-const PROMOTE_MIN_TOTAL_MS = exports.PROMOTE_MIN_TOTAL_MS = 50;
-const SNAPSHOT_ROWS = exports.SNAPSHOT_ROWS = 30;
-//# sourceMappingURL=index.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.WINDOW_BUCKETS=exports.SNAPSHOT_ROWS=exports.PROMOTE_MIN_TOTAL_MS=exports.PROMOTE_MIN_CALLS=exports.MAX_ORIGINS=exports.HISTORY_BUCKETS=exports.BUCKET_MS=void 0;const BUCKET_MS=exports.BUCKET_MS=250;const WINDOW_BUCKETS=exports.WINDOW_BUCKETS=20;const HISTORY_BUCKETS=exports.HISTORY_BUCKETS=120;const MAX_ORIGINS=exports.MAX_ORIGINS=500;const PROMOTE_MIN_CALLS=exports.PROMOTE_MIN_CALLS=25;const PROMOTE_MIN_TOTAL_MS=exports.PROMOTE_MIN_TOTAL_MS=50;const SNAPSHOT_ROWS=exports.SNAPSHOT_ROWS=30;

package/lib/commonjs/js-top/utils/preferences.js

@@ -1,31 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.loadJsTopPrefs = loadJsTopPrefs;
-exports.saveJsTopPrefs = saveJsTopPrefs;
-var _sharedUi = require("@buoy-gg/shared-ui");
-/**
- * Persisted JS TOP preferences. Same load-then-save contract as
- * perf-monitor's hudPreferences: rehydrate async, and only persist
- * user-driven changes after the load resolves so defaults never clobber
- * last session's state.
- */
-
-const KEY = "@react_buoy/js-top/prefs";
-const DEFAULTS = {
-  enabled: false
-};
-const prefs = (0, _sharedUi.definePersistedSetting)(KEY, DEFAULTS, {
-  sanitize: merged => ({
-    enabled: merged.enabled === true
-  })
-});
-async function loadJsTopPrefs() {
-  return prefs.load();
-}
-async function saveJsTopPrefs(next) {
-  await prefs.save(next);
-}
-//# sourceMappingURL=preferences.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.loadJsTopPrefs=loadJsTopPrefs;exports.saveJsTopPrefs=saveJsTopPrefs;var _sharedUi=require("@buoy-gg/shared-ui");const KEY="@react_buoy/js-top/prefs";const DEFAULTS={enabled:false};const prefs=(0,_sharedUi.definePersistedSetting)(KEY,DEFAULTS,{sanitize:e=>({enabled:e.enabled===true})});async function loadJsTopPrefs(){return prefs.load()}async function saveJsTopPrefs(e){await prefs.save(e)}

package/lib/commonjs/preset.js

@@ -1,75 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.jsTopPreset = exports.jsTopModalPreset = exports.JS_TOP_ENABLED_COLOR = exports.JS_TOP_DISABLED_COLOR = void 0;
-var _react = require("react");
-var _sharedUi = require("@buoy-gg/shared-ui");
-var _JsTopController = require("./js-top/engine/JsTopController");
-var _JsTopModal = require("./js-top/components/JsTopModal");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * Pre-configured JS TOP tools for FloatingDevTools.
- *
- * Two presets:
- *  - jsTopPreset: toggle-only chip that turns the floating busy% pill on/off.
- *  - jsTopModalPreset: opens the Task Manager window (ranked live table).
- *
- * @example
- * ```tsx
- * import { jsTopPreset, jsTopModalPreset } from '@buoy-gg/js-top';
- *
- * <FloatingDevTools apps={[jsTopPreset, jsTopModalPreset]} />
- * ```
- */
-
-const JS_TOP_ENABLED_COLOR = exports.JS_TOP_ENABLED_COLOR = "#34D399";
-const JS_TOP_DISABLED_COLOR = exports.JS_TOP_DISABLED_COLOR = "#6B7280";
-function JsTopToggleIcon({
-  size
-}) {
-  const [enabled, setEnabled] = (0, _react.useState)(() => _JsTopController.JsTopController.isEnabled());
-  (0, _react.useEffect)(() => _JsTopController.JsTopController.subscribeEnabled(setEnabled), []);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Activity, {
-    size: size,
-    color: enabled ? JS_TOP_ENABLED_COLOR : JS_TOP_DISABLED_COLOR
-  });
-}
-function EmptyComponent() {
-  return null;
-}
-
-/** Toggle-only preset: show/hide the floating busy% pill. */
-const jsTopPreset = exports.jsTopPreset = {
-  id: "js-top",
-  name: "JS TOP",
-  description: "Toggle the floating JS-thread busy pill",
-  slot: "row",
-  icon: JsTopToggleIcon,
-  component: EmptyComponent,
-  props: {},
-  launchMode: "toggle-only",
-  onPress: () => {
-    _JsTopController.JsTopController.setEnabled(!_JsTopController.JsTopController.isEnabled());
-  }
-};
-
-/** Modal preset: the live Task Manager window. */
-const jsTopModalPreset = exports.jsTopModalPreset = {
-  id: "js-top-modal",
-  name: "TASKS",
-  description: "Live Task Manager for the JS thread",
-  slot: "both",
-  icon: ({
-    size
-  }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Activity, {
-    size: size,
-    color: JS_TOP_ENABLED_COLOR
-  }),
-  component: _JsTopModal.JsTopModal,
-  props: {
-    enableSharedModalDimensions: false
-  }
-};
-//# sourceMappingURL=preset.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.jsTopPreset=exports.jsTopModalPreset=exports.JS_TOP_ENABLED_COLOR=exports.JS_TOP_DISABLED_COLOR=void 0;var _react=require("react");var _sharedUi=require("@buoy-gg/shared-ui");var _JsTopController=require("./js-top/engine/JsTopController");var _JsTopModal=require("./js-top/components/JsTopModal");var _jsxRuntime=require("react/jsx-runtime");const JS_TOP_ENABLED_COLOR=exports.JS_TOP_ENABLED_COLOR="#34D399";const JS_TOP_DISABLED_COLOR=exports.JS_TOP_DISABLED_COLOR="#6B7280";function JsTopToggleIcon({size:e}){const[o,s]=(0,_react.useState)(()=>_JsTopController.JsTopController.isEnabled());(0,_react.useEffect)(()=>_JsTopController.JsTopController.subscribeEnabled(s),[]);return(0,_jsxRuntime.jsx)(_sharedUi.Activity,{size:e,color:o?JS_TOP_ENABLED_COLOR:JS_TOP_DISABLED_COLOR})}function EmptyComponent(){return null}const jsTopPreset=exports.jsTopPreset={id:"js-top",name:"JS TOP",description:"Toggle the floating JS-thread busy pill",slot:"row",icon:JsTopToggleIcon,component:EmptyComponent,props:{},launchMode:"toggle-only",onPress:()=>{_JsTopController.JsTopController.setEnabled(!_JsTopController.JsTopController.isEnabled())}};const jsTopModalPreset=exports.jsTopModalPreset={id:"js-top-modal",name:"TASKS",description:"Live Task Manager for the JS thread",slot:"both",icon:({size:e})=>(0,_jsxRuntime.jsx)(_sharedUi.Activity,{size:e,color:JS_TOP_ENABLED_COLOR}),component:_JsTopModal.JsTopModal,props:{enableSharedModalDimensions:false}};

package/lib/module/index.js

@@ -1,49 +1 @@
-"use strict";
-
-/**
- * @buoy-gg/js-top — live Task Manager for the React Native JS thread.
- *
- * Pure JS (Expo Go + release compatible): wraps timers / rAF / microtasks /
- * Promise reactions / legacy-bridge call-ins and books exclusive time per
- * scheduling origin; a calibrated busy probe measures true thread occupancy
- * so unattributable work is surfaced honestly instead of hidden.
- *
- * Coverage tiers beyond the core (promises, bridge, longtask correlation)
- * are registered here at module scope — the controller installs them lazily
- * on first engine start, so importing this package costs nothing until a
- * viewer opens the tool.
- */
-
-import { JsTopController } from "./js-top/engine/JsTopController";
-import { installPromisePatches } from "./js-top/engine/patches/promises";
-import { installBridgePatch } from "./js-top/engine/patches/bridge";
-import { installTimerPatches } from "./js-top/engine/patches/timers";
-import { installMicrotaskPatches } from "./js-top/engine/patches/microtasks";
-import { clearLongtasks, getFreezeStats, getLongtasks, installLongtaskObserver } from "./js-top/engine/longtasks";
-JsTopController.registerTierInstaller(installPromisePatches);
-JsTopController.registerTierInstaller(installBridgePatch);
-JsTopController.registerTierInstaller(installLongtaskObserver);
-JsTopController.registerLongtaskProvider(getLongtasks);
-JsTopController.registerFreezeStatsProvider(getFreezeStats);
-JsTopController.registerClearHook(clearLongtasks);
-
-// Timer/microtask patches install at import so callbacks scheduled at APP
-// BOOT — the classic forgotten setInterval, the tool's #1 target — are
-// wrapped and attributable the moment any viewer opens the tool. Wrappers
-// resolve their origin lazily and cost one boolean per fire while the
-// engine is off. (Promise/bridge patches are more invasive and stay lazy —
-// they install on first engine start and cover work scheduled after it.)
-try {
-  if (typeof window !== "undefined") {
-    installTimerPatches();
-    installMicrotaskPatches();
-  }
-} catch {
-  // Never let instrumentation break an app at import time.
-}
-export { JsTopController } from "./js-top/engine/JsTopController";
-export { jsTopSyncAdapter } from "./js-top/sync/jsTopSyncAdapter";
-export { JsTopModal } from "./js-top/components/JsTopModal";
-export { JsTopHudOverlay } from "./js-top/components/JsTopHudOverlay";
-export { jsTopPreset, jsTopModalPreset, JS_TOP_ENABLED_COLOR, JS_TOP_DISABLED_COLOR } from "./preset";
-//# sourceMappingURL=index.js.map
+"use strict";import{JsTopController as r}from"./js-top/engine/JsTopController";import{installPromisePatches as e}from"./js-top/engine/patches/promises";import{installBridgePatch as t}from"./js-top/engine/patches/bridge";import{installTimerPatches as o}from"./js-top/engine/patches/timers";import{installMicrotaskPatches as s}from"./js-top/engine/patches/microtasks";import{clearLongtasks as i,getFreezeStats as a,getLongtasks as l,installLongtaskObserver as p}from"./js-top/engine/longtasks";r.registerTierInstaller(e);r.registerTierInstaller(t);r.registerTierInstaller(p);r.registerLongtaskProvider(l);r.registerFreezeStatsProvider(a);r.registerClearHook(i);try{if(typeof window!=="undefined"){o();s()}}catch{}export{JsTopController}from"./js-top/engine/JsTopController";export{jsTopSyncAdapter}from"./js-top/sync/jsTopSyncAdapter";export{JsTopModal}from"./js-top/components/JsTopModal";export{JsTopHudOverlay}from"./js-top/components/JsTopHudOverlay";export{jsTopPreset,jsTopModalPreset,JS_TOP_ENABLED_COLOR,JS_TOP_DISABLED_COLOR}from"./preset";

package/lib/module/js-top/components/BusySparkline.js

@@ -1,52 +1 @@
-"use strict";
-
-/**
- * Busy% history sparkline — plain View bars (no SVG dependency), tinted by
- * severity. Renders at most the trailing 60 buckets (15s).
- */
-
-import { memo } from "react";
-import { StyleSheet, View } from "react-native";
-import { macOSColors } from "@buoy-gg/shared-ui";
-import { jsx as _jsx } from "react/jsx-runtime";
-const MAX_POINTS = 60;
-function barColor(pct) {
-  if (pct >= 80) return macOSColors.semantic.error;
-  if (pct >= 40) return macOSColors.semantic.warning;
-  return macOSColors.semantic.success;
-}
-export const BusySparkline = /*#__PURE__*/memo(function BusySparkline({
-  history
-}) {
-  const points = history.slice(-MAX_POINTS);
-  return /*#__PURE__*/_jsx(View, {
-    style: styles.row,
-    pointerEvents: "none",
-    children: points.map((pct, i) => /*#__PURE__*/_jsx(View
-    // Bars are positional by nature (a scrolling time axis); the array
-    // is fixed-length and rewritten wholesale each tick, so positional
-    // keys are correct here — this is not a prepend-list.
-    , {
-      style: [styles.bar, {
-        height: Math.max(2, pct / 100 * 28),
-        backgroundColor: barColor(pct)
-      }]
-    }, `b${i}`))
-  });
-});
-const styles = StyleSheet.create({
-  row: {
-    flexDirection: "row",
-    alignItems: "flex-end",
-    gap: 1,
-    height: 28,
-    alignSelf: "stretch"
-  },
-  bar: {
-    flex: 1,
-    maxWidth: 6,
-    borderRadius: 1,
-    opacity: 0.9
-  }
-});
-//# sourceMappingURL=BusySparkline.js.map
+"use strict";import{memo as m}from"react";import{StyleSheet as l,View as o}from"react-native";import{macOSColors as e}from"@buoy-gg/shared-ui";import{jsx as n}from"react/jsx-runtime";const f=60;function u(r){if(r>=80)return e.semantic.error;if(r>=40)return e.semantic.warning;return e.semantic.success}export const BusySparkline=m(function r({history:s}){const a=s.slice(-f);return n(o,{style:i.row,pointerEvents:"none",children:a.map((t,c)=>n(o,{style:[i.bar,{height:Math.max(2,t/100*28),backgroundColor:u(t)}]},`b${c}`))})});const i=l.create({row:{flexDirection:"row",alignItems:"flex-end",gap:1,height:28,alignSelf:"stretch"},bar:{flex:1,maxWidth:6,borderRadius:1,opacity:.9}});

package/lib/module/js-top/components/JsTopHudOverlay.js

@@ -1,75 +1 @@
-"use strict";
-
-/**
- * Minimal floating HUD pill: busy% + the current top offender. Rendered by
- * FloatingDevTools (guarded require) when the JS TOP toggle chip is on —
- * same auto-mount pattern as the perf-monitor overlay. Display-only in v1
- * (no drag; sits under the status bar on the left).
- */
-
-import { useEffect, useState } from "react";
-import { StyleSheet, Text, View } from "react-native";
-import { macOSColors, night } from "@buoy-gg/shared-ui";
-import { JsTopController } from "../engine/JsTopController";
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-function busyColor(pct) {
-  if (pct >= 80) return macOSColors.semantic.error;
-  if (pct >= 40) return macOSColors.semantic.warning;
-  return macOSColors.semantic.success;
-}
-export function JsTopHudOverlay() {
-  const [enabled, setEnabled] = useState(() => JsTopController.isEnabled());
-  const [snapshot, setSnapshot] = useState(null);
-  useEffect(() => JsTopController.subscribeEnabled(setEnabled), []);
-  useEffect(() => {
-    if (!enabled) {
-      setSnapshot(null);
-      return;
-    }
-    return JsTopController.subscribe(setSnapshot);
-  }, [enabled]);
-  if (!enabled || !snapshot) return null;
-  const top = snapshot.rows.find(r => r.api !== "unattributed");
-  return /*#__PURE__*/_jsxs(View, {
-    style: styles.pill,
-    pointerEvents: "none",
-    children: [/*#__PURE__*/_jsxs(Text, {
-      style: [styles.busy, {
-        color: busyColor(snapshot.busyPct)
-      }],
-      children: [snapshot.busyPct.toFixed(0), "%"]
-    }), top && /*#__PURE__*/_jsx(Text, {
-      style: styles.label,
-      numberOfLines: 1,
-      children: top.label
-    })]
-  });
-}
-const styles = StyleSheet.create({
-  pill: {
-    position: "absolute",
-    top: 60,
-    left: 8,
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 6,
-    backgroundColor: night.color.buttonSurface,
-    borderWidth: 1,
-    borderColor: night.color.border,
-    borderRadius: 6,
-    paddingHorizontal: 8,
-    paddingVertical: 4,
-    maxWidth: 220
-  },
-  busy: {
-    fontSize: 11,
-    fontWeight: "700",
-    fontVariant: ["tabular-nums"]
-  },
-  label: {
-    color: night.color.textSecondary,
-    fontSize: 10,
-    flexShrink: 1
-  }
-});
-//# sourceMappingURL=JsTopHudOverlay.js.map
+"use strict";import{useEffect as a,useState as u}from"react";import{StyleSheet as p,Text as c,View as m}from"react-native";import{macOSColors as t,night as o}from"@buoy-gg/shared-ui";import{JsTopController as n}from"../engine/JsTopController";import{jsxs as b,jsx as y}from"react/jsx-runtime";function h(e){if(e>=80)return t.semantic.error;if(e>=40)return t.semantic.warning;return t.semantic.success}export function JsTopHudOverlay(){const[e,d]=u(()=>n.isEnabled());const[r,i]=u(null);a(()=>n.subscribeEnabled(d),[]);a(()=>{if(!e){i(null);return}return n.subscribe(i)},[e]);if(!e||!r)return null;const l=r.rows.find(f=>f.api!=="unattributed");return b(m,{style:s.pill,pointerEvents:"none",children:[b(c,{style:[s.busy,{color:h(r.busyPct)}],children:[r.busyPct.toFixed(0),"%"]}),l&&y(c,{style:s.label,numberOfLines:1,children:l.label})]})}const s=p.create({pill:{position:"absolute",top:60,left:8,flexDirection:"row",alignItems:"center",gap:6,backgroundColor:o.color.buttonSurface,borderWidth:1,borderColor:o.color.border,borderRadius:6,paddingHorizontal:8,paddingVertical:4,maxWidth:220},busy:{fontSize:11,fontWeight:"700",fontVariant:["tabular-nums"]},label:{color:o.color.textSecondary,fontSize:10,flexShrink:1}});