@osdk/react-devtools 0.12.0 → 0.12.1-main-e3a6fa4fb529f640175ebec3bec4c55bc8854f9c

package/build/esm/index.js

@@ -21,8 +21,10 @@ export { MonitoringPanel, SafeMonitoringPanel } from "./components/MonitoringPan
 export { OsdkAppErrorBoundary } from "./components/OsdkAppErrorBoundary.js";
 export { OsdkDevTools } from "./components/OsdkDevTools.js";
 export { useComputeMetrics, useComputeRecording, useComputeRequests } from "./hooks/useComputeSelectors.js";
+export { useClientMetrics } from "./hooks/useClientMetrics.js";
 export { useMetrics } from "./hooks/useMetrics.js";
 export { usePersistedState } from "./hooks/usePersistedState.js";
+export { getClientMetrics, MIN_SAMPLES } from "./metrics/clientMetrics.js";
 export { ComputeStore } from "./store/ComputeStore.js";
 export { MonitorStore } from "./store/MonitorStore.js";
 export { componentContextCapture } from "./utils/ComponentContextCapture.js";

package/build/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["BubbleChart","MonitorErrorBoundary","MonitoringPanel","SafeMonitoringPanel","OsdkAppErrorBoundary","OsdkDevTools","useComputeMetrics","useComputeRecording","useComputeRequests","useMetrics","usePersistedState","ComputeStore","MonitorStore","componentContextCapture","ComputeMonitor"],"sources":["index.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 \"./register.js\";\n\nexport { BubbleChart } from \"./components/BubbleChart.js\";\nexport { MonitorErrorBoundary } from \"./components/MonitorErrorBoundary.js\";\nexport type { MonitorErrorBoundaryProps } from \"./components/MonitorErrorBoundary.js\";\nexport {\n  MonitoringPanel,\n  SafeMonitoringPanel,\n} from \"./components/MonitoringPanel.js\";\nexport type { MonitoringPanelProps } from \"./components/MonitoringPanel.js\";\nexport { OsdkAppErrorBoundary } from \"./components/OsdkAppErrorBoundary.js\";\nexport type { OsdkAppErrorBoundaryProps } from \"./components/OsdkAppErrorBoundary.js\";\nexport { OsdkDevTools } from \"./components/OsdkDevTools.js\";\n\nexport {\n  useComputeMetrics,\n  useComputeRecording,\n  useComputeRequests,\n} from \"./hooks/useComputeSelectors.js\";\nexport { useMetrics } from \"./hooks/useMetrics.js\";\nexport { usePersistedState } from \"./hooks/usePersistedState.js\";\n\nexport type { Fiber } from \"./fiber/types.js\";\nexport { ComputeStore } from \"./store/ComputeStore.js\";\nexport { MonitorStore } from \"./store/MonitorStore.js\";\nexport { componentContextCapture } from \"./utils/ComponentContextCapture.js\";\nexport type {\n  ComponentContext,\n  ComponentContextCapture,\n} from \"./utils/ComponentContextCapture.js\";\nexport type { ComponentQueryRegistry } from \"./utils/ComponentQueryRegistry.js\";\nexport { ComputeMonitor } from \"./utils/ComputeMonitor.js\";\n\nexport type {\n  AggregateMetrics,\n  MetricRates,\n  MetricsSnapshot,\n  Operation,\n  OperationMetadata,\n  OperationType,\n  PanelPosition,\n  TimeSeriesData,\n} from \"./types/index.js\";\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAO,eAAe;AAEtB,SAASA,WAAW,QAAQ,6BAA6B;AACzD,SAASC,oBAAoB,QAAQ,sCAAsC;AAE3E,SACEC,eAAe,EACfC,mBAAmB,QACd,iCAAiC;AAExC,SAASC,oBAAoB,QAAQ,sCAAsC;AAE3E,SAASC,YAAY,QAAQ,8BAA8B;AAE3D,SACEC,iBAAiB,EACjBC,mBAAmB,EACnBC,kBAAkB,QACb,gCAAgC;AACvC,SAASC,UAAU,QAAQ,uBAAuB;AAClD,SAASC,iBAAiB,QAAQ,8BAA8B;AAGhE,SAASC,YAAY,QAAQ,yBAAyB;AACtD,SAASC,YAAY,QAAQ,yBAAyB;AACtD,SAASC,uBAAuB,QAAQ,oCAAoC;AAM5E,SAASC,cAAc,QAAQ,2BAA2B","ignoreList":[]}
+{"version":3,"file":"index.js","names":["BubbleChart","MonitorErrorBoundary","MonitoringPanel","SafeMonitoringPanel","OsdkAppErrorBoundary","OsdkDevTools","useComputeMetrics","useComputeRecording","useComputeRequests","useClientMetrics","useMetrics","usePersistedState","getClientMetrics","MIN_SAMPLES","ComputeStore","MonitorStore","componentContextCapture","ComputeMonitor"],"sources":["index.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 \"./register.js\";\n\nexport { BubbleChart } from \"./components/BubbleChart.js\";\nexport { MonitorErrorBoundary } from \"./components/MonitorErrorBoundary.js\";\nexport type { MonitorErrorBoundaryProps } from \"./components/MonitorErrorBoundary.js\";\nexport {\n  MonitoringPanel,\n  SafeMonitoringPanel,\n} from \"./components/MonitoringPanel.js\";\nexport type { MonitoringPanelProps } from \"./components/MonitoringPanel.js\";\nexport { OsdkAppErrorBoundary } from \"./components/OsdkAppErrorBoundary.js\";\nexport type { OsdkAppErrorBoundaryProps } from \"./components/OsdkAppErrorBoundary.js\";\nexport { OsdkDevTools } from \"./components/OsdkDevTools.js\";\n\nexport {\n  useComputeMetrics,\n  useComputeRecording,\n  useComputeRequests,\n} from \"./hooks/useComputeSelectors.js\";\nexport { useClientMetrics } from \"./hooks/useClientMetrics.js\";\nexport { useMetrics } from \"./hooks/useMetrics.js\";\nexport { usePersistedState } from \"./hooks/usePersistedState.js\";\n\nexport { getClientMetrics, MIN_SAMPLES } from \"./metrics/clientMetrics.js\";\nexport type { ClientMetrics, Metric } from \"./metrics/clientMetrics.js\";\n\nexport type { Fiber } from \"./fiber/types.js\";\nexport { ComputeStore } from \"./store/ComputeStore.js\";\nexport { MonitorStore } from \"./store/MonitorStore.js\";\nexport { componentContextCapture } from \"./utils/ComponentContextCapture.js\";\nexport type {\n  ComponentContext,\n  ComponentContextCapture,\n} from \"./utils/ComponentContextCapture.js\";\nexport type { ComponentQueryRegistry } from \"./utils/ComponentQueryRegistry.js\";\nexport { ComputeMonitor } from \"./utils/ComputeMonitor.js\";\n\nexport type {\n  AggregateMetrics,\n  MetricRates,\n  MetricsSnapshot,\n  Operation,\n  OperationMetadata,\n  OperationType,\n  PanelPosition,\n  TimeSeriesData,\n} from \"./types/index.js\";\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAO,eAAe;AAEtB,SAASA,WAAW,QAAQ,6BAA6B;AACzD,SAASC,oBAAoB,QAAQ,sCAAsC;AAE3E,SACEC,eAAe,EACfC,mBAAmB,QACd,iCAAiC;AAExC,SAASC,oBAAoB,QAAQ,sCAAsC;AAE3E,SAASC,YAAY,QAAQ,8BAA8B;AAE3D,SACEC,iBAAiB,EACjBC,mBAAmB,EACnBC,kBAAkB,QACb,gCAAgC;AACvC,SAASC,gBAAgB,QAAQ,6BAA6B;AAC9D,SAASC,UAAU,QAAQ,uBAAuB;AAClD,SAASC,iBAAiB,QAAQ,8BAA8B;AAEhE,SAASC,gBAAgB,EAAEC,WAAW,QAAQ,4BAA4B;AAI1E,SAASC,YAAY,QAAQ,yBAAyB;AACtD,SAASC,YAAY,QAAQ,yBAAyB;AACtD,SAASC,uBAAuB,QAAQ,oCAAoC;AAM5E,SAASC,cAAc,QAAQ,2BAA2B","ignoreList":[]}

package/build/esm/metrics/clientMetrics.js

@@ -0,0 +1,87 @@
+/*
+ * 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.
+ */
+
+export const MIN_SAMPLES = {
+  cacheHitRate: 20,
+  latency: 5,
+  requestsSaved: 1,
+  optimisticCoverage: 3,
+  rollbackRate: 3
+};
+function metric(value, sampleCount, group, unit) {
+  const enough = sampleCount >= MIN_SAMPLES[group];
+  const safeValue = Number.isFinite(value) ? value : 0;
+  return {
+    value: enough ? safeValue : undefined,
+    sampleCount,
+    unit
+  };
+}
+export function getClientMetrics(snapshot) {
+  const a = snapshot.aggregates;
+  const hits = a.cacheHits;
+  const misses = a.cacheMisses;
+  const revals = a.revalidations;
+  const dedups = a.deduplications;
+  const actions = a.actionCount;
+  const optimisticActions = a.optimisticActionCount;
+  const rollbacks = a.rollbackActionCount;
+  const requestTotal = hits + misses + revals;
+  const cacheHitRate = metric(requestTotal > 0 ? (hits + revals) / requestTotal : 0, requestTotal, "cacheHitRate");
+  const requestsSavedCount = hits + revals + dedups;
+  const requestsSaved = metric(requestsSavedCount, requestsSavedCount, "requestsSaved", "requests");
+  const avgNetworkMs = metric(a.networkResponseTime / Math.max(misses, 1), misses, "latency", "ms");
+
+  // Derived from two other metrics, so it stays undefined until both of those
+  // have enough samples to be meaningful.
+  const timeSaved = requestsSaved.value !== undefined && avgNetworkMs.value !== undefined ? requestsSaved.value * avgNetworkMs.value : undefined;
+  const estimatedTimeSavedMs = {
+    value: timeSaved !== undefined && Number.isFinite(timeSaved) ? timeSaved : undefined,
+    sampleCount: requestsSavedCount,
+    unit: "ms"
+  };
+  const avgResponseMs = metric(requestTotal > 0 ? a.totalResponseTime / requestTotal : 0, requestTotal, "latency", "ms");
+  const avgCachedMs = metric(a.cachedResponseTime / Math.max(hits, 1), hits, "latency", "ms");
+  const optimisticCoverage = metric(actions > 0 ? optimisticActions / actions : 0, actions, "optimisticCoverage");
+  const avgPerceivedSpeedupMs = metric(a.totalPerceivedSpeedup / Math.max(optimisticActions, 1), optimisticActions, "latency", "ms");
+  const rollbackRate = metric(actions > 0 ? rollbacks / actions : 0, actions, "rollbackRate");
+  return {
+    cacheHitRate,
+    requestsSaved,
+    estimatedTimeSavedMs,
+    avgResponseMs,
+    avgCachedMs,
+    avgNetworkMs,
+    optimisticCoverage,
+    avgPerceivedSpeedupMs,
+    rollbackRate
+  };
+}
+
+/** Format a metric as a display string, or "N/A" until it has a value. */
+export function formatMetric(m) {
+  if (m.value === undefined) {
+    return "N/A";
+  }
+  if (m.unit === "requests") {
+    return `${Math.round(m.value)}`;
+  }
+  if (m.unit === "ms") {
+    return `${Math.round(m.value)} ms`;
+  }
+  return `${Math.round(m.value * 100)}%`;
+}
+//# sourceMappingURL=clientMetrics.js.map

package/build/esm/metrics/clientMetrics.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"clientMetrics.js","names":["MIN_SAMPLES","cacheHitRate","latency","requestsSaved","optimisticCoverage","rollbackRate","metric","value","sampleCount","group","unit","enough","safeValue","Number","isFinite","undefined","getClientMetrics","snapshot","a","aggregates","hits","cacheHits","misses","cacheMisses","revals","revalidations","dedups","deduplications","actions","actionCount","optimisticActions","optimisticActionCount","rollbacks","rollbackActionCount","requestTotal","requestsSavedCount","avgNetworkMs","networkResponseTime","Math","max","timeSaved","estimatedTimeSavedMs","avgResponseMs","totalResponseTime","avgCachedMs","cachedResponseTime","avgPerceivedSpeedupMs","totalPerceivedSpeedup","formatMetric","m","round"],"sources":["clientMetrics.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 type { MetricsSnapshot } from \"../types/index.js\";\n\nexport interface Metric {\n  /** The computed value, or undefined until enough samples have accrued. */\n  value: number | undefined;\n  sampleCount: number;\n  unit?: string;\n}\n\nexport interface ClientMetrics {\n  cacheHitRate: Metric;\n  requestsSaved: Metric;\n  estimatedTimeSavedMs: Metric;\n  avgResponseMs: Metric;\n  avgCachedMs: Metric;\n  avgNetworkMs: Metric;\n  optimisticCoverage: Metric;\n  avgPerceivedSpeedupMs: Metric;\n  rollbackRate: Metric;\n}\n\nexport const MIN_SAMPLES = {\n  cacheHitRate: 20,\n  latency: 5,\n  requestsSaved: 1,\n  optimisticCoverage: 3,\n  rollbackRate: 3,\n} as const;\n\ntype MinSamplesGroup = keyof typeof MIN_SAMPLES;\n\nfunction metric(\n  value: number,\n  sampleCount: number,\n  group: MinSamplesGroup,\n  unit?: string\n): Metric {\n  const enough = sampleCount >= MIN_SAMPLES[group];\n  const safeValue = Number.isFinite(value) ? value : 0;\n  return {\n    value: enough ? safeValue : undefined,\n    sampleCount,\n    unit,\n  };\n}\n\nexport function getClientMetrics(snapshot: MetricsSnapshot): ClientMetrics {\n  const a = snapshot.aggregates;\n  const hits = a.cacheHits;\n  const misses = a.cacheMisses;\n  const revals = a.revalidations;\n  const dedups = a.deduplications;\n  const actions = a.actionCount;\n  const optimisticActions = a.optimisticActionCount;\n  const rollbacks = a.rollbackActionCount;\n\n  const requestTotal = hits + misses + revals;\n\n  const cacheHitRate = metric(\n    requestTotal > 0 ? (hits + revals) / requestTotal : 0,\n    requestTotal,\n    \"cacheHitRate\"\n  );\n\n  const requestsSavedCount = hits + revals + dedups;\n  const requestsSaved = metric(\n    requestsSavedCount,\n    requestsSavedCount,\n    \"requestsSaved\",\n    \"requests\"\n  );\n\n  const avgNetworkMs = metric(\n    a.networkResponseTime / Math.max(misses, 1),\n    misses,\n    \"latency\",\n    \"ms\"\n  );\n\n  // Derived from two other metrics, so it stays undefined until both of those\n  // have enough samples to be meaningful.\n  const timeSaved =\n    requestsSaved.value !== undefined && avgNetworkMs.value !== undefined\n      ? requestsSaved.value * avgNetworkMs.value\n      : undefined;\n  const estimatedTimeSavedMs: Metric = {\n    value:\n      timeSaved !== undefined && Number.isFinite(timeSaved)\n        ? timeSaved\n        : undefined,\n    sampleCount: requestsSavedCount,\n    unit: \"ms\",\n  };\n\n  const avgResponseMs = metric(\n    requestTotal > 0 ? a.totalResponseTime / requestTotal : 0,\n    requestTotal,\n    \"latency\",\n    \"ms\"\n  );\n\n  const avgCachedMs = metric(\n    a.cachedResponseTime / Math.max(hits, 1),\n    hits,\n    \"latency\",\n    \"ms\"\n  );\n\n  const optimisticCoverage = metric(\n    actions > 0 ? optimisticActions / actions : 0,\n    actions,\n    \"optimisticCoverage\"\n  );\n\n  const avgPerceivedSpeedupMs = metric(\n    a.totalPerceivedSpeedup / Math.max(optimisticActions, 1),\n    optimisticActions,\n    \"latency\",\n    \"ms\"\n  );\n\n  const rollbackRate = metric(\n    actions > 0 ? rollbacks / actions : 0,\n    actions,\n    \"rollbackRate\"\n  );\n\n  return {\n    cacheHitRate,\n    requestsSaved,\n    estimatedTimeSavedMs,\n    avgResponseMs,\n    avgCachedMs,\n    avgNetworkMs,\n    optimisticCoverage,\n    avgPerceivedSpeedupMs,\n    rollbackRate,\n  };\n}\n\n/** Format a metric as a display string, or \"N/A\" until it has a value. */\nexport function formatMetric(m: Metric): string {\n  if (m.value === undefined) {\n    return \"N/A\";\n  }\n  if (m.unit === \"requests\") {\n    return `${Math.round(m.value)}`;\n  }\n  if (m.unit === \"ms\") {\n    return `${Math.round(m.value)} ms`;\n  }\n  return `${Math.round(m.value * 100)}%`;\n}\n"],"mappings":"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","ignoreList":[]}

package/build/esm/styles.css

@@ -18635,71 +18635,56 @@ a > .bp6-dark .bp6-tooltip .bp6-running-text code{
 
 .MonitoringPanel-module__content___ZVPMCH4O {
   flex: 1;
-  overflow: auto;
+  min-height: 0;
   display: flex;
   flex-direction: column;
   pointer-events: auto;
 }
 
+.MonitoringPanel-module__notice___W3C3JBnI {
+  width: auto;
+}
+
 .MonitoringPanel-module__tabs___bqn6HDbz {
+  flex: 1;
+  min-width: 0;
+  min-height: 0;
   display: flex;
-  gap: 0;
+  flex-direction: column;
+  background: var(--dt-bg-elevated);
+}
+.MonitoringPanel-module__tabs___bqn6HDbz .bp6-tab-list {
+  flex-shrink: 0;
+  padding: 4px 12px 0;
   border-bottom: 1px solid var(--dt-border-default);
-  background: transparent;
   overflow-x: auto;
+  overflow-y: hidden;
+  scrollbar-width: none;
 }
-.MonitoringPanel-module__tabs___bqn6HDbz::-webkit-scrollbar {
+.MonitoringPanel-module__tabs___bqn6HDbz .bp6-tab-list::-webkit-scrollbar {
+  display: none;
+}
+
+.MonitoringPanel-module__tabPanel___fRtsspWk {
+  flex: 1;
+  min-height: 0;
+  margin-top: 0;
+  overflow: auto;
+}
+.MonitoringPanel-module__tabPanel___fRtsspWk::-webkit-scrollbar {
   width: 6px;
 }
-.MonitoringPanel-module__tabs___bqn6HDbz::-webkit-scrollbar-track {
+.MonitoringPanel-module__tabPanel___fRtsspWk::-webkit-scrollbar-track {
   background: var(--dt-scrollbar-track);
   border-radius: 3px;
 }
-.MonitoringPanel-module__tabs___bqn6HDbz::-webkit-scrollbar-thumb {
+.MonitoringPanel-module__tabPanel___fRtsspWk::-webkit-scrollbar-thumb {
   background: var(--dt-scrollbar-thumb);
   border-radius: 3px;
 }
-.MonitoringPanel-module__tabs___bqn6HDbz::-webkit-scrollbar-thumb:hover {
+.MonitoringPanel-module__tabPanel___fRtsspWk::-webkit-scrollbar-thumb:hover {
   background: var(--dt-scrollbar-thumb-hover);
 }
-.MonitoringPanel-module__tabs___bqn6HDbz {
-  padding: 0 12px;
-  flex-shrink: 0;
-  pointer-events: auto;
-}
-
-.MonitoringPanel-module__tabButton___cjPGg0FS {
-  background: transparent;
-  border: none;
-  border-bottom: 2px solid transparent;
-  color: var(--dt-text-tertiary);
-  font-size: 11px;
-  font-weight: 600;
-  letter-spacing: 0.05em;
-  text-transform: uppercase;
-  padding: 8px 12px 6px;
-  margin-bottom: -1px;
-  cursor: pointer;
-  transition: color 0.12s ease-out, border-color 0.12s ease-out;
-  white-space: nowrap;
-  flex-shrink: 0;
-}
-.MonitoringPanel-module__tabButton___cjPGg0FS:hover {
-  color: var(--dt-text-secondary);
-}
-
-.MonitoringPanel-module__tabButtonActive___gEhlfE4y {
-  color: var(--dt-blue);
-  border-bottom-color: var(--dt-blue);
-}
-
-.MonitoringPanel-module__tabContentVisible___llXLpVeb {
-  display: contents;
-}
-
-.MonitoringPanel-module__tabContentHidden___Hm4ckAQm {
-  display: none;
-}
 
 .MonitoringPanel-module__metricsGrid___Ui5kYWKE {
   display: flex;