@osdk/react-devtools 0.5.0

package/build/esm/hooks/useActiveComponents.js

@@ -0,0 +1,27 @@
+/*
+ * Copyright 2025 Palantir Technologies, Inc. All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { useMemo } from "react";
+import { useComponentRegistry } from "./useComponentRegistry.js";
+export function useActiveComponents(monitorStore) {
+  const registry = useComponentRegistry(monitorStore);
+  const version = registry.getVersion();
+  return useMemo(() => {
+    return registry.getActiveComponents();
+    // registry version triggers recalculation
+  }, [registry, version]);
+}
+//# sourceMappingURL=useActiveComponents.js.map

package/build/esm/hooks/useActiveComponents.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useActiveComponents.js","names":["useMemo","useComponentRegistry","useActiveComponents","monitorStore","registry","version","getVersion","getActiveComponents"],"sources":["useActiveComponents.ts"],"sourcesContent":["/*\n * Copyright 2025 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { useMemo } from \"react\";\nimport type { MonitorStore } from \"../store/MonitorStore.js\";\nimport type { ComponentHookBinding } from \"../utils/ComponentQueryRegistry.js\";\nimport { useComponentRegistry } from \"./useComponentRegistry.js\";\n\nexport function useActiveComponents(\n  monitorStore: MonitorStore,\n): Map<string, ComponentHookBinding[]> {\n  const registry = useComponentRegistry(monitorStore);\n  const version = registry.getVersion();\n\n  return useMemo(() => {\n    return registry.getActiveComponents();\n    // registry version triggers recalculation\n  }, [registry, version]);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,OAAO,QAAQ,OAAO;AAG/B,SAASC,oBAAoB,QAAQ,2BAA2B;AAEhE,OAAO,SAASC,mBAAmBA,CACjCC,YAA0B,EACW;EACrC,MAAMC,QAAQ,GAAGH,oBAAoB,CAACE,YAAY,CAAC;EACnD,MAAME,OAAO,GAAGD,QAAQ,CAACE,UAAU,CAAC,CAAC;EAErC,OAAON,OAAO,CAAC,MAAM;IACnB,OAAOI,QAAQ,CAACG,mBAAmB,CAAC,CAAC;IACrC;EACF,CAAC,EAAE,CAACH,QAAQ,EAAEC,OAAO,CAAC,CAAC;AACzB","ignoreList":[]}

package/build/esm/hooks/useComponentRegistry.js

@@ -0,0 +1,25 @@
+/*
+ * Copyright 2025 Palantir Technologies, Inc. All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import React from "react";
+export function useComponentRegistry(monitorStore) {
+  const registry = monitorStore.getComponentRegistry();
+  const subscribe = React.useCallback(callback => registry.subscribe(callback), [registry]);
+  const getSnapshot = React.useCallback(() => registry.getVersion(), [registry]);
+  React.useSyncExternalStore(subscribe, getSnapshot);
+  return registry;
+}
+//# sourceMappingURL=useComponentRegistry.js.map

package/build/esm/hooks/useComponentRegistry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useComponentRegistry.js","names":["React","useComponentRegistry","monitorStore","registry","getComponentRegistry","subscribe","useCallback","callback","getSnapshot","getVersion","useSyncExternalStore"],"sources":["useComponentRegistry.ts"],"sourcesContent":["/*\n * Copyright 2025 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from \"react\";\nimport type { MonitorStore } from \"../store/MonitorStore.js\";\nimport type { ComponentQueryRegistry } from \"../utils/ComponentQueryRegistry.js\";\n\nexport function useComponentRegistry(\n  monitorStore: MonitorStore,\n): ComponentQueryRegistry {\n  const registry = monitorStore.getComponentRegistry();\n\n  const subscribe = React.useCallback(\n    (callback: () => void) => registry.subscribe(callback),\n    [registry],\n  );\n\n  const getSnapshot = React.useCallback(\n    () => registry.getVersion(),\n    [registry],\n  );\n\n  React.useSyncExternalStore(subscribe, getSnapshot);\n\n  return registry;\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,KAAK,MAAM,OAAO;AAIzB,OAAO,SAASC,oBAAoBA,CAClCC,YAA0B,EACF;EACxB,MAAMC,QAAQ,GAAGD,YAAY,CAACE,oBAAoB,CAAC,CAAC;EAEpD,MAAMC,SAAS,GAAGL,KAAK,CAACM,WAAW,CAChCC,QAAoB,IAAKJ,QAAQ,CAACE,SAAS,CAACE,QAAQ,CAAC,EACtD,CAACJ,QAAQ,CACX,CAAC;EAED,MAAMK,WAAW,GAAGR,KAAK,CAACM,WAAW,CACnC,MAAMH,QAAQ,CAACM,UAAU,CAAC,CAAC,EAC3B,CAACN,QAAQ,CACX,CAAC;EAEDH,KAAK,CAACU,oBAAoB,CAACL,SAAS,EAAEG,WAAW,CAAC;EAElD,OAAOL,QAAQ;AACjB","ignoreList":[]}

package/build/esm/hooks/useComputeSelectors.js

@@ -0,0 +1,43 @@
+/*
+ * Copyright 2025 Palantir Technologies, Inc. All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { useCallback, useSyncExternalStore } from "react";
+export function useComputeMetrics(store) {
+  const subscribe = useCallback(callback => store.subscribe(callback), [store]);
+  const getSnapshot = useCallback(() => store.getSnapshot().metrics, [store]);
+  return useSyncExternalStore(subscribe, getSnapshot);
+}
+export function useComputeRequests(store) {
+  const subscribe = useCallback(callback => store.subscribe(callback), [store]);
+  const getSnapshot = useCallback(() => store.getSnapshot().requests, [store]);
+  return useSyncExternalStore(subscribe, getSnapshot);
+}
+export function useComputeRecording(store) {
+  const subscribe = useCallback(callback => store.subscribe(callback), [store]);
+  const getSnapshot = useCallback(() => store.getSnapshot().isRecording, [store]);
+  return useSyncExternalStore(subscribe, getSnapshot);
+}
+export function useComputeNetworkPaused(store) {
+  const subscribe = useCallback(callback => store.subscribe(callback), [store]);
+  const getSnapshot = useCallback(() => store.getSnapshot().isNetworkPaused, [store]);
+  return useSyncExternalStore(subscribe, getSnapshot);
+}
+export function useComputeLastRecordingEvent(store) {
+  const subscribe = useCallback(callback => store.subscribe(callback), [store]);
+  const getSnapshot = useCallback(() => store.getSnapshot().lastRecordingEvent, [store]);
+  return useSyncExternalStore(subscribe, getSnapshot);
+}
+//# sourceMappingURL=useComputeSelectors.js.map

package/build/esm/hooks/useComputeSelectors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useComputeSelectors.js","names":["useCallback","useSyncExternalStore","useComputeMetrics","store","subscribe","callback","getSnapshot","metrics","useComputeRequests","requests","useComputeRecording","isRecording","useComputeNetworkPaused","isNetworkPaused","useComputeLastRecordingEvent","lastRecordingEvent"],"sources":["useComputeSelectors.ts"],"sourcesContent":["/*\n * Copyright 2025 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { useCallback, useSyncExternalStore } from \"react\";\nimport type { ComputeStore } from \"../store/ComputeStore.js\";\nimport type {\n  ComputeMetrics,\n  ComputeRequest,\n  RecordingEvent,\n} from \"../types/compute.js\";\n\nexport function useComputeMetrics(store: ComputeStore): ComputeMetrics {\n  const subscribe = useCallback(\n    (callback: () => void) => store.subscribe(callback),\n    [store],\n  );\n  const getSnapshot = useCallback(() => store.getSnapshot().metrics, [store]);\n  return useSyncExternalStore(subscribe, getSnapshot);\n}\n\nexport function useComputeRequests(\n  store: ComputeStore,\n): ReadonlyArray<ComputeRequest> {\n  const subscribe = useCallback(\n    (callback: () => void) => store.subscribe(callback),\n    [store],\n  );\n  const getSnapshot = useCallback(() => store.getSnapshot().requests, [store]);\n  return useSyncExternalStore(subscribe, getSnapshot);\n}\n\nexport function useComputeRecording(store: ComputeStore): boolean {\n  const subscribe = useCallback(\n    (callback: () => void) => store.subscribe(callback),\n    [store],\n  );\n  const getSnapshot = useCallback(() => store.getSnapshot().isRecording, [\n    store,\n  ]);\n  return useSyncExternalStore(subscribe, getSnapshot);\n}\n\nexport function useComputeNetworkPaused(store: ComputeStore): boolean {\n  const subscribe = useCallback(\n    (callback: () => void) => store.subscribe(callback),\n    [store],\n  );\n  const getSnapshot = useCallback(\n    () => store.getSnapshot().isNetworkPaused,\n    [store],\n  );\n  return useSyncExternalStore(subscribe, getSnapshot);\n}\n\nexport function useComputeLastRecordingEvent(\n  store: ComputeStore,\n): RecordingEvent | undefined {\n  const subscribe = useCallback(\n    (callback: () => void) => store.subscribe(callback),\n    [store],\n  );\n  const getSnapshot = useCallback(\n    () => store.getSnapshot().lastRecordingEvent,\n    [store],\n  );\n  return useSyncExternalStore(subscribe, getSnapshot);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,WAAW,EAAEC,oBAAoB,QAAQ,OAAO;AAQzD,OAAO,SAASC,iBAAiBA,CAACC,KAAmB,EAAkB;EACrE,MAAMC,SAAS,GAAGJ,WAAW,CAC1BK,QAAoB,IAAKF,KAAK,CAACC,SAAS,CAACC,QAAQ,CAAC,EACnD,CAACF,KAAK,CACR,CAAC;EACD,MAAMG,WAAW,GAAGN,WAAW,CAAC,MAAMG,KAAK,CAACG,WAAW,CAAC,CAAC,CAACC,OAAO,EAAE,CAACJ,KAAK,CAAC,CAAC;EAC3E,OAAOF,oBAAoB,CAACG,SAAS,EAAEE,WAAW,CAAC;AACrD;AAEA,OAAO,SAASE,kBAAkBA,CAChCL,KAAmB,EACY;EAC/B,MAAMC,SAAS,GAAGJ,WAAW,CAC1BK,QAAoB,IAAKF,KAAK,CAACC,SAAS,CAACC,QAAQ,CAAC,EACnD,CAACF,KAAK,CACR,CAAC;EACD,MAAMG,WAAW,GAAGN,WAAW,CAAC,MAAMG,KAAK,CAACG,WAAW,CAAC,CAAC,CAACG,QAAQ,EAAE,CAACN,KAAK,CAAC,CAAC;EAC5E,OAAOF,oBAAoB,CAACG,SAAS,EAAEE,WAAW,CAAC;AACrD;AAEA,OAAO,SAASI,mBAAmBA,CAACP,KAAmB,EAAW;EAChE,MAAMC,SAAS,GAAGJ,WAAW,CAC1BK,QAAoB,IAAKF,KAAK,CAACC,SAAS,CAACC,QAAQ,CAAC,EACnD,CAACF,KAAK,CACR,CAAC;EACD,MAAMG,WAAW,GAAGN,WAAW,CAAC,MAAMG,KAAK,CAACG,WAAW,CAAC,CAAC,CAACK,WAAW,EAAE,CACrER,KAAK,CACN,CAAC;EACF,OAAOF,oBAAoB,CAACG,SAAS,EAAEE,WAAW,CAAC;AACrD;AAEA,OAAO,SAASM,uBAAuBA,CAACT,KAAmB,EAAW;EACpE,MAAMC,SAAS,GAAGJ,WAAW,CAC1BK,QAAoB,IAAKF,KAAK,CAACC,SAAS,CAACC,QAAQ,CAAC,EACnD,CAACF,KAAK,CACR,CAAC;EACD,MAAMG,WAAW,GAAGN,WAAW,CAC7B,MAAMG,KAAK,CAACG,WAAW,CAAC,CAAC,CAACO,eAAe,EACzC,CAACV,KAAK,CACR,CAAC;EACD,OAAOF,oBAAoB,CAACG,SAAS,EAAEE,WAAW,CAAC;AACrD;AAEA,OAAO,SAASQ,4BAA4BA,CAC1CX,KAAmB,EACS;EAC5B,MAAMC,SAAS,GAAGJ,WAAW,CAC1BK,QAAoB,IAAKF,KAAK,CAACC,SAAS,CAACC,QAAQ,CAAC,EACnD,CAACF,KAAK,CACR,CAAC;EACD,MAAMG,WAAW,GAAGN,WAAW,CAC7B,MAAMG,KAAK,CAACG,WAAW,CAAC,CAAC,CAACS,kBAAkB,EAC5C,CAACZ,KAAK,CACR,CAAC;EACD,OAAOF,oBAAoB,CAACG,SAAS,EAAEE,WAAW,CAAC;AACrD","ignoreList":[]}

package/build/esm/hooks/useConsoleLogs.js

@@ -0,0 +1,46 @@
+/*
+ * Copyright 2025 Palantir Technologies, Inc. All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import React from "react";
+export function useConsoleLogs(monitorStore) {
+  const store = monitorStore.getConsoleLogStore();
+  const subscribe = React.useCallback(callback => store.subscribe(callback), [store]);
+  const cachedRef = React.useRef({
+    entries: store.getEntries(),
+    count: store.getSize()
+  });
+  const getSnapshot = React.useCallback(() => {
+    const entries = store.getEntries();
+    const count = store.getSize();
+    const prev = cachedRef.current;
+    if (prev.entries === entries && prev.count === count) {
+      return prev;
+    }
+    cachedRef.current = {
+      entries,
+      count
+    };
+    return cachedRef.current;
+  }, [store]);
+  const snapshot = React.useSyncExternalStore(subscribe, getSnapshot);
+  const clear = React.useCallback(() => store.clear(), [store]);
+  return {
+    entries: snapshot.entries,
+    count: snapshot.count,
+    clear
+  };
+}
+//# sourceMappingURL=useConsoleLogs.js.map

package/build/esm/hooks/useConsoleLogs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useConsoleLogs.js","names":["React","useConsoleLogs","monitorStore","store","getConsoleLogStore","subscribe","useCallback","callback","cachedRef","useRef","entries","getEntries","count","getSize","getSnapshot","prev","current","snapshot","useSyncExternalStore","clear"],"sources":["useConsoleLogs.ts"],"sourcesContent":["/*\n * Copyright 2025 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from \"react\";\nimport type { ConsoleLogEntry } from \"../store/ConsoleLogStore.js\";\nimport type { MonitorStore } from \"../store/MonitorStore.js\";\n\ninterface ConsoleLogSnapshot {\n  entries: readonly ConsoleLogEntry[];\n  count: number;\n}\n\nexport function useConsoleLogs(monitorStore: MonitorStore): {\n  entries: readonly ConsoleLogEntry[];\n  count: number;\n  clear: () => void;\n} {\n  const store = monitorStore.getConsoleLogStore();\n\n  const subscribe = React.useCallback(\n    (callback: () => void) => store.subscribe(callback),\n    [store],\n  );\n\n  const cachedRef = React.useRef<ConsoleLogSnapshot>({\n    entries: store.getEntries(),\n    count: store.getSize(),\n  });\n\n  const getSnapshot = React.useCallback(\n    (): ConsoleLogSnapshot => {\n      const entries = store.getEntries();\n      const count = store.getSize();\n      const prev = cachedRef.current;\n      if (prev.entries === entries && prev.count === count) {\n        return prev;\n      }\n      cachedRef.current = { entries, count };\n      return cachedRef.current;\n    },\n    [store],\n  );\n\n  const snapshot = React.useSyncExternalStore(subscribe, getSnapshot);\n\n  const clear = React.useCallback(() => store.clear(), [store]);\n\n  return {\n    entries: snapshot.entries,\n    count: snapshot.count,\n    clear,\n  };\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,KAAK,MAAM,OAAO;AASzB,OAAO,SAASC,cAAcA,CAACC,YAA0B,EAIvD;EACA,MAAMC,KAAK,GAAGD,YAAY,CAACE,kBAAkB,CAAC,CAAC;EAE/C,MAAMC,SAAS,GAAGL,KAAK,CAACM,WAAW,CAChCC,QAAoB,IAAKJ,KAAK,CAACE,SAAS,CAACE,QAAQ,CAAC,EACnD,CAACJ,KAAK,CACR,CAAC;EAED,MAAMK,SAAS,GAAGR,KAAK,CAACS,MAAM,CAAqB;IACjDC,OAAO,EAAEP,KAAK,CAACQ,UAAU,CAAC,CAAC;IAC3BC,KAAK,EAAET,KAAK,CAACU,OAAO,CAAC;EACvB,CAAC,CAAC;EAEF,MAAMC,WAAW,GAAGd,KAAK,CAACM,WAAW,CACnC,MAA0B;IACxB,MAAMI,OAAO,GAAGP,KAAK,CAACQ,UAAU,CAAC,CAAC;IAClC,MAAMC,KAAK,GAAGT,KAAK,CAACU,OAAO,CAAC,CAAC;IAC7B,MAAME,IAAI,GAAGP,SAAS,CAACQ,OAAO;IAC9B,IAAID,IAAI,CAACL,OAAO,KAAKA,OAAO,IAAIK,IAAI,CAACH,KAAK,KAAKA,KAAK,EAAE;MACpD,OAAOG,IAAI;IACb;IACAP,SAAS,CAACQ,OAAO,GAAG;MAAEN,OAAO;MAAEE;IAAM,CAAC;IACtC,OAAOJ,SAAS,CAACQ,OAAO;EAC1B,CAAC,EACD,CAACb,KAAK,CACR,CAAC;EAED,MAAMc,QAAQ,GAAGjB,KAAK,CAACkB,oBAAoB,CAACb,SAAS,EAAES,WAAW,CAAC;EAEnE,MAAMK,KAAK,GAAGnB,KAAK,CAACM,WAAW,CAAC,MAAMH,KAAK,CAACgB,KAAK,CAAC,CAAC,EAAE,CAAChB,KAAK,CAAC,CAAC;EAE7D,OAAO;IACLO,OAAO,EAAEO,QAAQ,CAACP,OAAO;IACzBE,KAAK,EAAEK,QAAQ,CAACL,KAAK;IACrBO;EACF,CAAC;AACH","ignoreList":[]}

package/build/esm/hooks/useInspectorSelection.js

@@ -0,0 +1,93 @@
+/*
+ * Copyright 2025 Palantir Technologies, Inc. All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import React from "react";
+class InspectorSelectionStore {
+  state = {
+    isSelectionActive: false,
+    discoveredPrimitives: null
+  };
+  listeners = new Set();
+  subscribe(callback) {
+    this.listeners.add(callback);
+    const handlePrimitivesDiscovered = event => {
+      this.state = {
+        isSelectionActive: false,
+        discoveredPrimitives: event.detail.primitives
+      };
+      this.notify();
+    };
+    const handleSelectionModeDeactivated = () => {
+      this.state = {
+        ...this.state,
+        isSelectionActive: false
+      };
+      this.notify();
+    };
+    window.addEventListener("primitives-discovered", handlePrimitivesDiscovered);
+    window.addEventListener("inspector-deactivated", handleSelectionModeDeactivated);
+    return () => {
+      this.listeners.delete(callback);
+      window.removeEventListener("primitives-discovered", handlePrimitivesDiscovered);
+      window.removeEventListener("inspector-deactivated", handleSelectionModeDeactivated);
+    };
+  }
+  getSnapshot() {
+    return this.state;
+  }
+  activateSelection(monitorStore) {
+    const clickToInspect = monitorStore.getClickToInspectSystem();
+    if (clickToInspect) {
+      clickToInspect.activate();
+      this.state = {
+        isSelectionActive: true,
+        discoveredPrimitives: null
+      };
+      this.notify();
+    }
+  }
+  clearDiscoveredPrimitives() {
+    this.state = {
+      ...this.state,
+      discoveredPrimitives: null
+    };
+    this.notify();
+  }
+  notify() {
+    for (const listener of this.listeners) {
+      listener();
+    }
+  }
+}
+export function useInspectorSelection(monitorStore) {
+  const storeRef = React.useRef(null);
+  if (storeRef.current == null) {
+    storeRef.current = new InspectorSelectionStore();
+  }
+  const store = storeRef.current;
+  const subscribe = React.useCallback(callback => store.subscribe(callback), [store]);
+  const getSnapshot = React.useCallback(() => store.getSnapshot(), [store]);
+  const snapshot = React.useSyncExternalStore(subscribe, getSnapshot);
+  const activateSelection = React.useCallback(() => store.activateSelection(monitorStore), [store, monitorStore]);
+  const clearDiscoveredPrimitives = React.useCallback(() => store.clearDiscoveredPrimitives(), [store]);
+  return {
+    isSelectionActive: snapshot.isSelectionActive,
+    discoveredPrimitives: snapshot.discoveredPrimitives,
+    activateSelection,
+    clearDiscoveredPrimitives
+  };
+}
+//# sourceMappingURL=useInspectorSelection.js.map

package/build/esm/hooks/useInspectorSelection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInspectorSelection.js","names":["React","InspectorSelectionStore","state","isSelectionActive","discoveredPrimitives","listeners","Set","subscribe","callback","add","handlePrimitivesDiscovered","event","detail","primitives","notify","handleSelectionModeDeactivated","window","addEventListener","delete","removeEventListener","getSnapshot","activateSelection","monitorStore","clickToInspect","getClickToInspectSystem","activate","clearDiscoveredPrimitives","listener","useInspectorSelection","storeRef","useRef","current","store","useCallback","snapshot","useSyncExternalStore"],"sources":["useInspectorSelection.ts"],"sourcesContent":["/*\n * Copyright 2025 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from \"react\";\nimport type { MonitorStore } from \"../store/MonitorStore.js\";\nimport type { DiscoveredPrimitives } from \"../utils/ComponentPrimitiveDiscovery.js\";\n\nexport interface InspectorSelectionState {\n  isSelectionActive: boolean;\n  discoveredPrimitives: DiscoveredPrimitives | null;\n  activateSelection: () => void;\n  clearDiscoveredPrimitives: () => void;\n}\n\ninterface InspectorSelectionSnapshot {\n  isSelectionActive: boolean;\n  discoveredPrimitives: DiscoveredPrimitives | null;\n}\n\nclass InspectorSelectionStore {\n  private state: InspectorSelectionSnapshot = {\n    isSelectionActive: false,\n    discoveredPrimitives: null,\n  };\n  private listeners = new Set<() => void>();\n\n  subscribe(callback: () => void): () => void {\n    this.listeners.add(callback);\n\n    const handlePrimitivesDiscovered = (event: Event) => {\n      const customEvent = event as CustomEvent<{\n        componentId: string;\n        primitives: DiscoveredPrimitives;\n      }>;\n      this.state = {\n        isSelectionActive: false,\n        discoveredPrimitives: customEvent.detail.primitives,\n      };\n      this.notify();\n    };\n\n    const handleSelectionModeDeactivated = () => {\n      this.state = {\n        ...this.state,\n        isSelectionActive: false,\n      };\n      this.notify();\n    };\n\n    window.addEventListener(\n      \"primitives-discovered\",\n      handlePrimitivesDiscovered,\n    );\n    window.addEventListener(\n      \"inspector-deactivated\",\n      handleSelectionModeDeactivated,\n    );\n\n    return () => {\n      this.listeners.delete(callback);\n      window.removeEventListener(\n        \"primitives-discovered\",\n        handlePrimitivesDiscovered,\n      );\n      window.removeEventListener(\n        \"inspector-deactivated\",\n        handleSelectionModeDeactivated,\n      );\n    };\n  }\n\n  getSnapshot(): InspectorSelectionSnapshot {\n    return this.state;\n  }\n\n  activateSelection(monitorStore: MonitorStore): void {\n    const clickToInspect = monitorStore.getClickToInspectSystem();\n    if (clickToInspect) {\n      clickToInspect.activate();\n      this.state = {\n        isSelectionActive: true,\n        discoveredPrimitives: null,\n      };\n      this.notify();\n    }\n  }\n\n  clearDiscoveredPrimitives(): void {\n    this.state = {\n      ...this.state,\n      discoveredPrimitives: null,\n    };\n    this.notify();\n  }\n\n  private notify(): void {\n    for (const listener of this.listeners) {\n      listener();\n    }\n  }\n}\n\nexport function useInspectorSelection(\n  monitorStore: MonitorStore,\n): InspectorSelectionState {\n  const storeRef = React.useRef<InspectorSelectionStore | null>(null);\n\n  if (storeRef.current == null) {\n    storeRef.current = new InspectorSelectionStore();\n  }\n\n  const store = storeRef.current;\n\n  const subscribe = React.useCallback(\n    (callback: () => void) => store.subscribe(callback),\n    [store],\n  );\n\n  const getSnapshot = React.useCallback(\n    () => store.getSnapshot(),\n    [store],\n  );\n\n  const snapshot = React.useSyncExternalStore(subscribe, getSnapshot);\n\n  const activateSelection = React.useCallback(\n    () => store.activateSelection(monitorStore),\n    [store, monitorStore],\n  );\n\n  const clearDiscoveredPrimitives = React.useCallback(\n    () => store.clearDiscoveredPrimitives(),\n    [store],\n  );\n\n  return {\n    isSelectionActive: snapshot.isSelectionActive,\n    discoveredPrimitives: snapshot.discoveredPrimitives,\n    activateSelection,\n    clearDiscoveredPrimitives,\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/build/esm/hooks/useMetrics.js

@@ -0,0 +1,23 @@
+/*
+ * Copyright 2025 Palantir Technologies, Inc. All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { useCallback, useSyncExternalStore } from "react";
+export function useMetrics(store) {
+  const subscribe = useCallback(callback => store.subscribe(callback), [store]);
+  const getSnapshot = useCallback(() => store.getSnapshot(), [store]);
+  return useSyncExternalStore(subscribe, getSnapshot, getSnapshot);
+}
+//# sourceMappingURL=useMetrics.js.map

package/build/esm/hooks/useMetrics.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMetrics.js","names":["useCallback","useSyncExternalStore","useMetrics","store","subscribe","callback","getSnapshot"],"sources":["useMetrics.ts"],"sourcesContent":["/*\n * Copyright 2025 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { useCallback, useSyncExternalStore } from \"react\";\nimport type { MetricsStore } from \"../store/MetricsStore.js\";\nimport type { MetricsSnapshot } from \"../types/index.js\";\n\nexport function useMetrics(store: MetricsStore): MetricsSnapshot {\n  const subscribe = useCallback(\n    (callback: () => void) => store.subscribe(callback),\n    [store],\n  );\n  const getSnapshot = useCallback(\n    () => store.getSnapshot(),\n    [store],\n  );\n  return useSyncExternalStore(subscribe, getSnapshot, getSnapshot);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,WAAW,EAAEC,oBAAoB,QAAQ,OAAO;AAIzD,OAAO,SAASC,UAAUA,CAACC,KAAmB,EAAmB;EAC/D,MAAMC,SAAS,GAAGJ,WAAW,CAC1BK,QAAoB,IAAKF,KAAK,CAACC,SAAS,CAACC,QAAQ,CAAC,EACnD,CAACF,KAAK,CACR,CAAC;EACD,MAAMG,WAAW,GAAGN,WAAW,CAC7B,MAAMG,KAAK,CAACG,WAAW,CAAC,CAAC,EACzB,CAACH,KAAK,CACR,CAAC;EACD,OAAOF,oBAAoB,CAACG,SAAS,EAAEE,WAAW,EAAEA,WAAW,CAAC;AAClE","ignoreList":[]}

package/build/esm/hooks/usePersistedState.js

@@ -0,0 +1,89 @@
+/*
+ * Copyright 2025 Palantir Technologies, Inc. All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import React from "react";
+function readFromStorage(key, defaultValue) {
+  if (typeof window === "undefined") {
+    return defaultValue;
+  }
+  try {
+    const stored = localStorage.getItem(key);
+    return stored ? JSON.parse(stored) : defaultValue;
+  } catch {
+    return defaultValue;
+  }
+}
+export function usePersistedState(key, defaultValue) {
+  const storeRef = React.useRef(null);
+  if (storeRef.current == null || storeRef.current.key !== key) {
+    storeRef.current = {
+      key,
+      value: readFromStorage(key, defaultValue),
+      listeners: storeRef.current?.listeners ?? new Set()
+    };
+  }
+  const subscribe = React.useCallback(callback => {
+    const store = storeRef.current;
+    if (store == null) {
+      return () => {};
+    }
+    store.listeners.add(callback);
+    const handleStorageChange = e => {
+      if (e.key === key && e.newValue && store != null) {
+        try {
+          store.value = JSON.parse(e.newValue);
+          for (const listener of store.listeners) {
+            listener();
+          }
+        } catch {}
+      }
+    };
+    if (typeof window !== "undefined") {
+      window.addEventListener("storage", handleStorageChange);
+    }
+    return () => {
+      store.listeners.delete(callback);
+      if (typeof window !== "undefined") {
+        window.removeEventListener("storage", handleStorageChange);
+      }
+    };
+  }, [key]);
+  const getSnapshot = React.useCallback(() => {
+    if (storeRef.current == null) {
+      return defaultValue;
+    }
+    return storeRef.current.value;
+  }, [defaultValue]);
+  const value = React.useSyncExternalStore(subscribe, getSnapshot);
+  const setPersistedValue = React.useCallback(newValue => {
+    const store = storeRef.current;
+    if (store == null) {
+      return;
+    }
+    const resolvedValue = typeof newValue === "function" ? newValue(store.value) : newValue;
+    store.value = resolvedValue;
+    if (typeof window !== "undefined") {
+      try {
+        localStorage.setItem(key, JSON.stringify(resolvedValue));
+      } catch {}
+    }
+    for (const listener of store.listeners) {
+      listener();
+    }
+  }, [key]);
+  return [value, setPersistedValue];
+}
+//# sourceMappingURL=usePersistedState.js.map

package/build/esm/hooks/usePersistedState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePersistedState.js","names":["React","readFromStorage","key","defaultValue","window","stored","localStorage","getItem","JSON","parse","usePersistedState","storeRef","useRef","current","value","listeners","Set","subscribe","useCallback","callback","store","add","handleStorageChange","e","newValue","listener","addEventListener","delete","removeEventListener","getSnapshot","useSyncExternalStore","setPersistedValue","resolvedValue","setItem","stringify"],"sources":["usePersistedState.ts"],"sourcesContent":["/*\n * Copyright 2025 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from \"react\";\n\nfunction readFromStorage<T>(key: string, defaultValue: T): T {\n  if (typeof window === \"undefined\") {\n    return defaultValue;\n  }\n\n  try {\n    const stored = localStorage.getItem(key);\n    return stored ? JSON.parse(stored) : defaultValue;\n  } catch {\n    return defaultValue;\n  }\n}\n\nexport function usePersistedState<T>(\n  key: string,\n  defaultValue: T,\n): [T, (value: T | ((prev: T) => T)) => void] {\n  const storeRef = React.useRef<\n    {\n      key: string;\n      value: T;\n      listeners: Set<() => void>;\n    } | null\n  >(null);\n\n  if (storeRef.current == null || storeRef.current.key !== key) {\n    storeRef.current = {\n      key,\n      value: readFromStorage(key, defaultValue),\n      listeners: storeRef.current?.listeners ?? new Set(),\n    };\n  }\n\n  const subscribe = React.useCallback(\n    (callback: () => void) => {\n      const store = storeRef.current;\n      if (store == null) {\n        return () => {};\n      }\n      store.listeners.add(callback);\n\n      const handleStorageChange = (e: StorageEvent) => {\n        if (e.key === key && e.newValue && store != null) {\n          try {\n            store.value = JSON.parse(e.newValue);\n            for (const listener of store.listeners) {\n              listener();\n            }\n          } catch {\n          }\n        }\n      };\n\n      if (typeof window !== \"undefined\") {\n        window.addEventListener(\"storage\", handleStorageChange);\n      }\n\n      return () => {\n        store.listeners.delete(callback);\n        if (typeof window !== \"undefined\") {\n          window.removeEventListener(\"storage\", handleStorageChange);\n        }\n      };\n    },\n    [key],\n  );\n\n  const getSnapshot = React.useCallback(\n    (): T => {\n      if (storeRef.current == null) {\n        return defaultValue;\n      }\n      return storeRef.current.value;\n    },\n    [defaultValue],\n  );\n\n  const value = React.useSyncExternalStore(subscribe, getSnapshot);\n\n  const setPersistedValue = React.useCallback(\n    (newValue: T | ((prev: T) => T)) => {\n      const store = storeRef.current;\n      if (store == null) {\n        return;\n      }\n\n      const resolvedValue = typeof newValue === \"function\"\n        ? (newValue as (prev: T) => T)(store.value)\n        : newValue;\n\n      store.value = resolvedValue;\n\n      if (typeof window !== \"undefined\") {\n        try {\n          localStorage.setItem(key, JSON.stringify(resolvedValue));\n        } catch {\n        }\n      }\n\n      for (const listener of store.listeners) {\n        listener();\n      }\n    },\n    [key],\n  );\n\n  return [value, setPersistedValue];\n}\n"],"mappings":"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","ignoreList":[]}

package/build/esm/hooks/useRecommendations.js

@@ -0,0 +1,123 @@
+/*
+ * Copyright 2025 Palantir Technologies, Inc. All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import React from "react";
+class RecommendationsStore {
+  state = {
+    recommendations: [],
+    isLoading: true,
+    error: null
+  };
+  listeners = new Set();
+  constructor(monitorStore) {
+    this.monitorStore = monitorStore;
+  }
+  subscribe(callback) {
+    this.listeners.add(callback);
+    if (this.listeners.size === 1) {
+      setTimeout(() => void this.refresh(), 0);
+      const metricsStore = this.monitorStore.getMetricsStore();
+      this.unsubscribeMetrics = metricsStore.subscribe(() => {
+        clearTimeout(this.debounceTimeout);
+        this.debounceTimeout = setTimeout(() => {
+          void this.refresh();
+        }, 1000);
+      });
+    }
+    return () => {
+      this.listeners.delete(callback);
+      if (this.listeners.size === 0) {
+        if (this.unsubscribeMetrics) {
+          this.unsubscribeMetrics();
+          this.unsubscribeMetrics = undefined;
+        }
+        clearTimeout(this.debounceTimeout);
+      }
+    };
+  }
+  getSnapshot() {
+    return this.state;
+  }
+  async refresh() {
+    this.state = {
+      ...this.state,
+      isLoading: true,
+      error: null
+    };
+    this.notify();
+    try {
+      const engine = this.monitorStore.getRecommendationEngine();
+      const snapshot = await this.monitorStore.getCacheSnapshot();
+      const freshRecommendations = engine.generateRecommendations(snapshot);
+      const merged = new Map();
+      for (const rec of this.state.recommendations) {
+        merged.set(rec.id, rec);
+      }
+      for (const rec of freshRecommendations) {
+        merged.set(rec.id, rec);
+      }
+      this.state = {
+        recommendations: Array.from(merged.values()),
+        isLoading: false,
+        error: null
+      };
+      this.notify();
+    } catch (e) {
+      this.state = {
+        ...this.state,
+        isLoading: false,
+        error: e instanceof Error ? e : new Error(String(e))
+      };
+      this.notify();
+    }
+  }
+  dismiss(id) {
+    const engine = this.monitorStore.getRecommendationEngine();
+    engine.dismissRecommendation(id);
+    this.state = {
+      ...this.state,
+      recommendations: this.state.recommendations.filter(r => r.id !== id)
+    };
+    this.notify();
+  }
+  notify() {
+    for (const listener of this.listeners) {
+      listener();
+    }
+  }
+}
+export function useRecommendations(monitorStore) {
+  const storeRef = React.useRef(null);
+  if (storeRef.current == null) {
+    storeRef.current = new RecommendationsStore(monitorStore);
+  }
+  const store = storeRef.current;
+  const subscribe = React.useCallback(callback => store.subscribe(callback), [store]);
+  const getSnapshot = React.useCallback(() => store.getSnapshot(), [store]);
+  const state = React.useSyncExternalStore(subscribe, getSnapshot);
+  const refresh = React.useCallback(() => {
+    void store.refresh();
+  }, [store]);
+  const dismiss = React.useCallback(id => store.dismiss(id), [store]);
+  return {
+    recommendations: state.recommendations,
+    isLoading: state.isLoading,
+    error: state.error,
+    refresh,
+    dismiss
+  };
+}
+//# sourceMappingURL=useRecommendations.js.map

package/build/esm/hooks/useRecommendations.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRecommendations.js","names":["React","RecommendationsStore","state","recommendations","isLoading","error","listeners","Set","constructor","monitorStore","subscribe","callback","add","size","setTimeout","refresh","metricsStore","getMetricsStore","unsubscribeMetrics","clearTimeout","debounceTimeout","delete","undefined","getSnapshot","notify","engine","getRecommendationEngine","snapshot","getCacheSnapshot","freshRecommendations","generateRecommendations","merged","Map","rec","set","id","Array","from","values","e","Error","String","dismiss","dismissRecommendation","filter","r","listener","useRecommendations","storeRef","useRef","current","store","useCallback","useSyncExternalStore"],"sources":["useRecommendations.ts"],"sourcesContent":["/*\n * Copyright 2025 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from \"react\";\nimport type { MonitorStore } from \"../store/MonitorStore.js\";\nimport type { Recommendation } from \"../utils/PerformanceRecommendationEngine.js\";\n\nexport interface RecommendationsState {\n  recommendations: Recommendation[];\n  isLoading: boolean;\n  error: Error | null;\n  refresh: () => void;\n  dismiss: (id: string) => void;\n}\n\ninterface RecommendationsInternalState {\n  recommendations: Recommendation[];\n  isLoading: boolean;\n  error: Error | null;\n}\n\nclass RecommendationsStore {\n  private state: RecommendationsInternalState = {\n    recommendations: [],\n    isLoading: true,\n    error: null,\n  };\n  private listeners = new Set<() => void>();\n  private unsubscribeMetrics: (() => void) | undefined;\n  private debounceTimeout: ReturnType<typeof setTimeout> | undefined;\n\n  constructor(private readonly monitorStore: MonitorStore) {}\n\n  subscribe(callback: () => void): () => void {\n    this.listeners.add(callback);\n\n    if (this.listeners.size === 1) {\n      setTimeout(() => void this.refresh(), 0);\n      const metricsStore = this.monitorStore.getMetricsStore();\n      this.unsubscribeMetrics = metricsStore.subscribe(() => {\n        clearTimeout(this.debounceTimeout);\n        this.debounceTimeout = setTimeout(() => {\n          void this.refresh();\n        }, 1000);\n      });\n    }\n\n    return () => {\n      this.listeners.delete(callback);\n      if (this.listeners.size === 0) {\n        if (this.unsubscribeMetrics) {\n          this.unsubscribeMetrics();\n          this.unsubscribeMetrics = undefined;\n        }\n        clearTimeout(this.debounceTimeout);\n      }\n    };\n  }\n\n  getSnapshot(): RecommendationsInternalState {\n    return this.state;\n  }\n\n  async refresh(): Promise<void> {\n    this.state = { ...this.state, isLoading: true, error: null };\n    this.notify();\n    try {\n      const engine = this.monitorStore.getRecommendationEngine();\n      const snapshot = await this.monitorStore.getCacheSnapshot();\n      const freshRecommendations = engine.generateRecommendations(snapshot);\n      const merged = new Map<string, Recommendation>();\n      for (const rec of this.state.recommendations) {\n        merged.set(rec.id, rec);\n      }\n      for (const rec of freshRecommendations) {\n        merged.set(rec.id, rec);\n      }\n      this.state = {\n        recommendations: Array.from(merged.values()),\n        isLoading: false,\n        error: null,\n      };\n      this.notify();\n    } catch (e) {\n      this.state = {\n        ...this.state,\n        isLoading: false,\n        error: e instanceof Error ? e : new Error(String(e)),\n      };\n      this.notify();\n    }\n  }\n\n  dismiss(id: string): void {\n    const engine = this.monitorStore.getRecommendationEngine();\n    engine.dismissRecommendation(id);\n    this.state = {\n      ...this.state,\n      recommendations: this.state.recommendations.filter((r) => r.id !== id),\n    };\n    this.notify();\n  }\n\n  private notify(): void {\n    for (const listener of this.listeners) {\n      listener();\n    }\n  }\n}\n\nexport function useRecommendations(\n  monitorStore: MonitorStore,\n): RecommendationsState {\n  const storeRef = React.useRef<RecommendationsStore | null>(null);\n\n  if (storeRef.current == null) {\n    storeRef.current = new RecommendationsStore(monitorStore);\n  }\n\n  const store = storeRef.current;\n\n  const subscribe = React.useCallback(\n    (callback: () => void) => store.subscribe(callback),\n    [store],\n  );\n\n  const getSnapshot = React.useCallback(\n    () => store.getSnapshot(),\n    [store],\n  );\n\n  const state = React.useSyncExternalStore(subscribe, getSnapshot);\n\n  const refresh = React.useCallback(\n    () => {\n      void store.refresh();\n    },\n    [store],\n  );\n\n  const dismiss = React.useCallback(\n    (id: string) => store.dismiss(id),\n    [store],\n  );\n\n  return {\n    recommendations: state.recommendations,\n    isLoading: state.isLoading,\n    error: state.error,\n    refresh,\n    dismiss,\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/build/esm/hooks/useSharedTick.js

@@ -0,0 +1,49 @@
+/*
+ * Copyright 2025 Palantir Technologies, Inc. All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import React from "react";
+const tickListeners = new Set();
+let tickInterval = null;
+let tickVersion = 0;
+function startTick() {
+  if (!tickInterval) {
+    tickInterval = setInterval(() => {
+      tickVersion++;
+      tickListeners.forEach(fn => fn());
+    }, 1000);
+  }
+}
+function stopTick() {
+  if (tickListeners.size === 0 && tickInterval) {
+    clearInterval(tickInterval);
+    tickInterval = null;
+  }
+}
+function subscribeTick(callback) {
+  tickListeners.add(callback);
+  startTick();
+  return () => {
+    tickListeners.delete(callback);
+    stopTick();
+  };
+}
+function getTickSnapshot() {
+  return tickVersion;
+}
+export function useSharedTick() {
+  return React.useSyncExternalStore(subscribeTick, getTickSnapshot);
+}
+//# sourceMappingURL=useSharedTick.js.map

package/build/esm/hooks/useSharedTick.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSharedTick.js","names":["React","tickListeners","Set","tickInterval","tickVersion","startTick","setInterval","forEach","fn","stopTick","size","clearInterval","subscribeTick","callback","add","delete","getTickSnapshot","useSharedTick","useSyncExternalStore"],"sources":["useSharedTick.ts"],"sourcesContent":["/*\n * Copyright 2025 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from \"react\";\n\nconst tickListeners = new Set<() => void>();\nlet tickInterval: ReturnType<typeof setInterval> | null = null;\nlet tickVersion = 0;\n\nfunction startTick() {\n  if (!tickInterval) {\n    tickInterval = setInterval(() => {\n      tickVersion++;\n      tickListeners.forEach(fn => fn());\n    }, 1000);\n  }\n}\n\nfunction stopTick() {\n  if (tickListeners.size === 0 && tickInterval) {\n    clearInterval(tickInterval);\n    tickInterval = null;\n  }\n}\n\nfunction subscribeTick(callback: () => void): () => void {\n  tickListeners.add(callback);\n  startTick();\n  return () => {\n    tickListeners.delete(callback);\n    stopTick();\n  };\n}\n\nfunction getTickSnapshot(): number {\n  return tickVersion;\n}\n\nexport function useSharedTick(): number {\n  return React.useSyncExternalStore(subscribeTick, getTickSnapshot);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,KAAK,MAAM,OAAO;AAEzB,MAAMC,aAAa,GAAG,IAAIC,GAAG,CAAa,CAAC;AAC3C,IAAIC,YAAmD,GAAG,IAAI;AAC9D,IAAIC,WAAW,GAAG,CAAC;AAEnB,SAASC,SAASA,CAAA,EAAG;EACnB,IAAI,CAACF,YAAY,EAAE;IACjBA,YAAY,GAAGG,WAAW,CAAC,MAAM;MAC/BF,WAAW,EAAE;MACbH,aAAa,CAACM,OAAO,CAACC,EAAE,IAAIA,EAAE,CAAC,CAAC,CAAC;IACnC,CAAC,EAAE,IAAI,CAAC;EACV;AACF;AAEA,SAASC,QAAQA,CAAA,EAAG;EAClB,IAAIR,aAAa,CAACS,IAAI,KAAK,CAAC,IAAIP,YAAY,EAAE;IAC5CQ,aAAa,CAACR,YAAY,CAAC;IAC3BA,YAAY,GAAG,IAAI;EACrB;AACF;AAEA,SAASS,aAAaA,CAACC,QAAoB,EAAc;EACvDZ,aAAa,CAACa,GAAG,CAACD,QAAQ,CAAC;EAC3BR,SAAS,CAAC,CAAC;EACX,OAAO,MAAM;IACXJ,aAAa,CAACc,MAAM,CAACF,QAAQ,CAAC;IAC9BJ,QAAQ,CAAC,CAAC;EACZ,CAAC;AACH;AAEA,SAASO,eAAeA,CAAA,EAAW;EACjC,OAAOZ,WAAW;AACpB;AAEA,OAAO,SAASa,aAAaA,CAAA,EAAW;EACtC,OAAOjB,KAAK,CAACkB,oBAAoB,CAACN,aAAa,EAAEI,eAAe,CAAC;AACnE","ignoreList":[]}