@osdk/react-devtools 0.5.0

package/CHANGELOG.md

@@ -0,0 +1,79 @@
+# @osdk/react-devtools
+
+## 0.5.0
+
+### Minor Changes
+
+- 203331e: GA: promote modern hooks from `@osdk/react/experimental` to the main entry, rename `@osdk/react/experimental/admin` → `@osdk/react/platform-apis`, consolidate to a single `OsdkProvider`. Promote `ObservableClient` and supporting types out of `@osdk/client/unstable-do-not-use` to a new stable `@osdk/client/observable` entry so the GA hooks no longer depend on a "do not use" entry point. The previous import paths and symbol names are kept as `@deprecated` shims so 0.x consumers can upgrade without code changes.
+
+  #### `@osdk/client` (minor)
+  - new stable entry point `@osdk/client/observable` exposes `createObservableClient`, `ObservableClient` (and its `CacheEntry`, `CacheSnapshot`, `CanonicalizedOptions`, `CanonicalizeOptionsInput`, `Observer`, `ObserveLinks`, `ObserveAggregationArgs`, `ObserveFunctionCallbackArgs`, `ObserveFunctionOptions`, `ObserveObjectCallbackArgs`, `ObserveObjectsCallbackArgs`, `ObserveObjectSetArgs`, `Unsubscribable` types), and the supporting `ActionSignatureFromDef`, `QueryParameterType`, `QueryReturnType` types
+  - these symbols are still re-exported from `@osdk/client/unstable-do-not-use` as `@deprecated` shims; new code should import from `@osdk/client/observable`
+
+  #### `@osdk/react` (minor)
+  - `OsdkProvider`, `useOsdkObjects`, `useOsdkObject`, `useOsdkAction`, `useLinks`, `useObjectSet`, `useOsdkAggregation`, `useOsdkFunction`, `useOsdkFunctions`, `useStableObjectSet`, `useRegisterUserAgent`, `useDebouncedCallback`, devtools registry re-exports are now exported directly from `@osdk/react`
+  - admin / CBAC platform hooks (`useFoundryUser`, `useCurrentFoundryUser`, `useFoundryUsersList`, `useMarkings`, `useMarkingCategories`, `useUserViewMarkings`, `useCbacBanner`, `useCbacMarkingRestrictions`) now live at `@osdk/react/platform-apis` and still require the optional `@osdk/foundry.admin` + `@osdk/foundry.core` peers
+  - the previous `OsdkProvider2` is now just `OsdkProvider`. The legacy `OsdkProvider` body is gone, but `useOsdkClient` and `useOsdkMetadata` keep working since the new provider supplies the same `client` shape
+  - `<OsdkProvider>` no longer accepts an `observableClient` prop. The provider always derives its `ObservableClient` from `client` so the two cannot diverge. Tests that need to stub the observable layer should import `TestOsdkProvider` from `@osdk/react/testing`. `OsdkProvider2` (the deprecated alias) inherits this — it also no longer accepts `observableClient`
+  - `useOsdkClient2` is unified into `useOsdkClient`; the unified hook now reads from the modern context (same `client` shape)
+  - `peerDependencies` on `@osdk/api` and `@osdk/client` resolve to `^2.15.0` so `@osdk/react@2.15` cannot install against a `@osdk/client` that lacks the new `./observable` entry
+
+  #### `@osdk/react-components` (patch)
+  - update internal imports for `@osdk/react` GA — `@osdk/react/experimental` → `@osdk/react` and `@osdk/react/experimental/admin` → `@osdk/react/platform-apis`
+  - update `QueryParameterType` import from `@osdk/client/unstable-do-not-use` → `@osdk/client/observable`
+  - bump `@osdk/react` peer range to `^2.15.0`
+
+  #### `@osdk/react-devtools` (patch)
+  - update observable-related imports from `@osdk/client/unstable-do-not-use` → `@osdk/client/observable`
+
+  #### `@osdk/cbac-components` (patch)
+  - update internal imports for `@osdk/react` GA — `@osdk/react/experimental` → `@osdk/react` and `@osdk/react/experimental/admin` → `@osdk/react/platform-apis`
+
+  #### Compatibility shims
+
+  These keep working in `@osdk/react@2.15` and `@osdk/client@2.15`, marked `@deprecated` so editors surface a strikethrough:
+  - `import { ... } from "@osdk/react/experimental"` re-exports everything now exported from `@osdk/react`, plus `OsdkProvider as OsdkProvider2` and `useOsdkClient as useOsdkClient2`
+  - `import { ... } from "@osdk/react/experimental/admin"` re-exports everything now exported from `@osdk/react/platform-apis`
+  - `import { createObservableClient, ObservableClient, ... } from "@osdk/client/unstable-do-not-use"` re-exports the symbols now in `@osdk/client/observable`
+  - `import { ... } from "@osdk/react/experimental/aip"` is unchanged — AIP is still in beta
+
+  These shims will be removed in a future major.
+
+  #### Migration
+
+  For consumers upgrading from `@osdk/react@0.x`:
+  - `import { ... } from "@osdk/react/experimental"` → `import { ... } from "@osdk/react"`
+  - `import { ... } from "@osdk/react/experimental/admin"` → `import { ... } from "@osdk/react/platform-apis"` (still requires the optional `@osdk/foundry.admin` + `@osdk/foundry.core` peers)
+  - `<OsdkProvider2 ...>` → `<OsdkProvider ...>` (the modern provider takes the bare name)
+  - if you were passing `observableClient={...}` to `<OsdkProvider>` or `<OsdkProvider2>` (in tests), import `TestOsdkProvider` from `@osdk/react/testing` and use that instead — production code does not need to change
+  - `useOsdkClient2()` → `useOsdkClient()` (the unified hook reads from the modern context — same `client` shape, no API change at the call site)
+  - bump `@osdk/client` and `@osdk/api` to `^2.15.0` to satisfy the new peer ranges
+
+  For consumers reaching directly into `@osdk/client/unstable-do-not-use` for observable APIs:
+  - `import { createObservableClient, ObservableClient, ... } from "@osdk/client/unstable-do-not-use"` → `import { ... } from "@osdk/client/observable"`
+  - the symbols moved: `createObservableClient`, `ObservableClient`, `CacheEntry`, `CacheSnapshot`, `CanonicalizedOptions`, `CanonicalizeOptionsInput`, `Observer`, `ObserveLinks`, `ObserveAggregationArgs`, `ObserveFunctionCallbackArgs`, `ObserveFunctionOptions`, `ObserveObjectCallbackArgs`, `ObserveObjectsCallbackArgs`, `ObserveObjectSetArgs`, `Unsubscribable`, `ActionSignatureFromDef`, `QueryParameterType`, `QueryReturnType`
+
+## 0.4.0
+
+### Minor Changes
+
+- 645363b: fix devtools: errors panel surfaces console.error, uncaught errors, and unhandled rejections; compute tab classifies success-without-usage as its own state instead of failure; pause network blocks all OSDK traffic regardless of recording; rename getCacheEntries to loadCacheEntries (deprecated alias kept); add OsdkAppErrorBoundary for production render-error capture; emit OSDK_PAUSE_BLOCK MonitorEvent; bind unwrapped prototype methods on the wrapped ObservableClient so callers (e.g. canonicalizeOptions, which uses private fields) don't fail with "Receiver must be an instance of class ObservableClientImpl".
+- 3e8db28: add devtools registration, vite plugin, and e2e wiring
+
+## 0.3.0
+
+### Minor Changes
+
+- 41b94dc: implement v0 of react devtools panel
+
+## 0.2.0
+
+### Minor Changes
+
+- f01a8f4: improvements(build): significant reduction in build task graphs
+
+## 0.1.0
+
+### Minor Changes
+
+- 89def41: patch bump associated with BlueprintJS upgrade

package/build/esm/DevToolsContext.js

@@ -0,0 +1,19 @@
+/*
+ * 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 { createContext } from "react";
+export const DevToolsContext = /*#__PURE__*/createContext(null);
+//# sourceMappingURL=DevToolsContext.js.map

package/build/esm/DevToolsContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DevToolsContext.js","names":["createContext","DevToolsContext"],"sources":["DevToolsContext.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 { Context } from \"react\";\nimport { createContext } from \"react\";\nimport type { MonitorStore } from \"./store/MonitorStore.js\";\n\nexport const DevToolsContext: Context<MonitorStore | null> = createContext<\n  MonitorStore | null\n>(null);\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAGA,SAASA,aAAa,QAAQ,OAAO;AAGrC,OAAO,MAAMC,eAA6C,gBAAGD,aAAa,CAExE,IAAI,CAAC","ignoreList":[]}

package/build/esm/components/ActionMetrics.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 classNames from "classnames";
+import React from "react";
+import { formatNumber, formatTime } from "../utils/format.js";
+import styles from "./MonitoringPanel.module.scss.js";
+const ROLLBACK_EXCELLENT = 0.1;
+const ROLLBACK_ACCEPTABLE = 0.25;
+export const ActionMetrics = ({
+  metrics
+}) => {
+  const totalActions = metrics.aggregates.actionCount;
+  const configuredActions = metrics.aggregates.configuredOptimisticActionCount;
+  const observedOptimisticActions = metrics.aggregates.optimisticActionCount;
+  const totalTimeSaved = metrics.aggregates.totalPerceivedSpeedup;
+  const avgTimeSaved = observedOptimisticActions > 0 ? totalTimeSaved / observedOptimisticActions : 0;
+  const adoptionRate = metrics.rates.configuredOptimisticActionRate;
+  const effectiveness = configuredActions > 0 ? observedOptimisticActions / configuredActions : 0;
+  const avgServerLatency = metrics.rates.averageServerRoundTripTime;
+  const avgOptimisticLatency = metrics.rates.averageOptimisticRenderTime;
+  const rollbackRate = metrics.rates.rollbackRate;
+  const validations = metrics.aggregates.validationCount;
+  const avgValidationTime = metrics.rates.averageValidationTime;
+  const validationSavings = metrics.rates.validationTimeSaved;
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    className: styles.metric
+  }, /*#__PURE__*/React.createElement("span", {
+    className: styles.metricLabel
+  }, "Time Saved (Optimistic)"), /*#__PURE__*/React.createElement("span", {
+    className: styles.metricValue
+  }, observedOptimisticActions > 0 ? formatTime(avgTimeSaved) : "\u2014"), /*#__PURE__*/React.createElement("span", {
+    className: styles.metricSubtext
+  }, observedOptimisticActions > 0 ? `Total ${formatTime(totalTimeSaved)} across ${formatNumber(observedOptimisticActions)} actions` : configuredActions > 0 && observedOptimisticActions === 0 ? "Optimistic handlers have not emitted yet" : "No optimistic handlers observed")), /*#__PURE__*/React.createElement("div", {
+    className: styles.metric
+  }, /*#__PURE__*/React.createElement("span", {
+    className: styles.metricLabel
+  }, "Optimistic Adoption"), /*#__PURE__*/React.createElement("span", {
+    className: styles.metricValue
+  }, totalActions > 0 ? `${(adoptionRate * 100).toFixed(0)}%` : "\u2014"), /*#__PURE__*/React.createElement("span", {
+    className: styles.metricSubtext
+  }, formatNumber(configuredActions), " / ", formatNumber(totalActions), " ", "actions")), /*#__PURE__*/React.createElement("div", {
+    className: styles.metric
+  }, /*#__PURE__*/React.createElement("span", {
+    className: styles.metricLabel
+  }, "Optimistic Effectiveness"), /*#__PURE__*/React.createElement("span", {
+    className: styles.metricValue
+  }, configuredActions > 0 ? `${(effectiveness * 100).toFixed(0)}%` : "\u2014"), /*#__PURE__*/React.createElement("span", {
+    className: styles.metricSubtext
+  }, configuredActions > 0 ? `${formatNumber(observedOptimisticActions)} emitted` : "No optimistic handlers")), /*#__PURE__*/React.createElement("div", {
+    className: styles.metric
+  }, /*#__PURE__*/React.createElement("span", {
+    className: styles.metricLabel
+  }, "Server Latency"), /*#__PURE__*/React.createElement("span", {
+    className: styles.metricValue
+  }, formatTime(avgServerLatency)), /*#__PURE__*/React.createElement("span", {
+    className: styles.metricSubtext
+  }, "Optimistic ", observedOptimisticActions > 0 ? formatTime(avgOptimisticLatency) : "\u2014")), /*#__PURE__*/React.createElement("div", {
+    className: styles.metric
+  }, /*#__PURE__*/React.createElement("span", {
+    className: styles.metricLabel
+  }, "Rollback Rate"), /*#__PURE__*/React.createElement("span", {
+    className: classNames(styles.metricValue, rollbackRate <= ROLLBACK_EXCELLENT ? styles.success : rollbackRate <= ROLLBACK_ACCEPTABLE ? styles.warning : styles.danger)
+  }, totalActions > 0 ? `${(rollbackRate * 100).toFixed(0)}%` : "\u2014"), /*#__PURE__*/React.createElement("span", {
+    className: styles.metricSubtext
+  }, formatNumber(metrics.aggregates.rollbackActionCount), " rollbacks")), /*#__PURE__*/React.createElement("div", {
+    className: styles.metric
+  }, /*#__PURE__*/React.createElement("span", {
+    className: styles.metricLabel
+  }, "Validation"), /*#__PURE__*/React.createElement("span", {
+    className: styles.metricValue
+  }, validations > 0 ? formatTime(avgValidationTime) : "\u2014"), /*#__PURE__*/React.createElement("span", {
+    className: styles.metricSubtext
+  }, validations > 0 ? `${formatNumber(validations)} validations \u00b7 saved ${formatTime(validationSavings)}` : "No validations run")));
+};
+//# sourceMappingURL=ActionMetrics.js.map

package/build/esm/components/ActionMetrics.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionMetrics.js","names":["classNames","React","formatNumber","formatTime","styles","ROLLBACK_EXCELLENT","ROLLBACK_ACCEPTABLE","ActionMetrics","metrics","totalActions","aggregates","actionCount","configuredActions","configuredOptimisticActionCount","observedOptimisticActions","optimisticActionCount","totalTimeSaved","totalPerceivedSpeedup","avgTimeSaved","adoptionRate","rates","configuredOptimisticActionRate","effectiveness","avgServerLatency","averageServerRoundTripTime","avgOptimisticLatency","averageOptimisticRenderTime","rollbackRate","validations","validationCount","avgValidationTime","averageValidationTime","validationSavings","validationTimeSaved","createElement","Fragment","className","metric","metricLabel","metricValue","metricSubtext","toFixed","success","warning","danger","rollbackActionCount"],"sources":["ActionMetrics.tsx"],"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 classNames from \"classnames\";\nimport React from \"react\";\nimport type { MetricsSnapshot } from \"../types/index.js\";\nimport { formatNumber, formatTime } from \"../utils/format.js\";\nimport styles from \"./MonitoringPanel.module.scss\";\n\nconst ROLLBACK_EXCELLENT = 0.1;\nconst ROLLBACK_ACCEPTABLE = 0.25;\n\nexport interface ActionMetricsProps {\n  metrics: MetricsSnapshot;\n}\n\nexport const ActionMetrics: React.FC<ActionMetricsProps> = ({ metrics }) => {\n  const totalActions = metrics.aggregates.actionCount;\n  const configuredActions = metrics.aggregates.configuredOptimisticActionCount;\n  const observedOptimisticActions = metrics.aggregates.optimisticActionCount;\n  const totalTimeSaved = metrics.aggregates.totalPerceivedSpeedup;\n  const avgTimeSaved = observedOptimisticActions > 0\n    ? totalTimeSaved / observedOptimisticActions\n    : 0;\n  const adoptionRate = metrics.rates.configuredOptimisticActionRate;\n  const effectiveness = configuredActions > 0\n    ? observedOptimisticActions / configuredActions\n    : 0;\n  const avgServerLatency = metrics.rates.averageServerRoundTripTime;\n  const avgOptimisticLatency = metrics.rates.averageOptimisticRenderTime;\n  const rollbackRate = metrics.rates.rollbackRate;\n  const validations = metrics.aggregates.validationCount;\n  const avgValidationTime = metrics.rates.averageValidationTime;\n  const validationSavings = metrics.rates.validationTimeSaved;\n  const waitingForOptimism = configuredActions > 0\n    && observedOptimisticActions === 0;\n\n  return (\n    <>\n      <div className={styles.metric}>\n        <span className={styles.metricLabel}>Time Saved (Optimistic)</span>\n        <span className={styles.metricValue}>\n          {observedOptimisticActions > 0\n            ? formatTime(avgTimeSaved)\n            : \"\\u2014\"}\n        </span>\n        <span className={styles.metricSubtext}>\n          {observedOptimisticActions > 0\n            ? `Total ${formatTime(totalTimeSaved)} across ${\n              formatNumber(observedOptimisticActions)\n            } actions`\n            : waitingForOptimism\n            ? \"Optimistic handlers have not emitted yet\"\n            : \"No optimistic handlers observed\"}\n        </span>\n      </div>\n\n      <div className={styles.metric}>\n        <span className={styles.metricLabel}>Optimistic Adoption</span>\n        <span className={styles.metricValue}>\n          {totalActions > 0 ? `${(adoptionRate * 100).toFixed(0)}%` : \"\\u2014\"}\n        </span>\n        <span className={styles.metricSubtext}>\n          {formatNumber(configuredActions)} / {formatNumber(totalActions)}{\" \"}\n          actions\n        </span>\n      </div>\n\n      <div className={styles.metric}>\n        <span className={styles.metricLabel}>Optimistic Effectiveness</span>\n        <span className={styles.metricValue}>\n          {configuredActions > 0\n            ? `${(effectiveness * 100).toFixed(0)}%`\n            : \"\\u2014\"}\n        </span>\n        <span className={styles.metricSubtext}>\n          {configuredActions > 0\n            ? `${formatNumber(observedOptimisticActions)} emitted`\n            : \"No optimistic handlers\"}\n        </span>\n      </div>\n\n      <div className={styles.metric}>\n        <span className={styles.metricLabel}>Server Latency</span>\n        <span className={styles.metricValue}>\n          {formatTime(avgServerLatency)}\n        </span>\n        <span className={styles.metricSubtext}>\n          Optimistic {observedOptimisticActions > 0\n            ? formatTime(avgOptimisticLatency)\n            : \"\\u2014\"}\n        </span>\n      </div>\n\n      <div className={styles.metric}>\n        <span className={styles.metricLabel}>Rollback Rate</span>\n        <span\n          className={classNames(\n            styles.metricValue,\n            rollbackRate <= ROLLBACK_EXCELLENT\n              ? styles.success\n              : rollbackRate <= ROLLBACK_ACCEPTABLE\n              ? styles.warning\n              : styles.danger,\n          )}\n        >\n          {totalActions > 0\n            ? `${(rollbackRate * 100).toFixed(0)}%`\n            : \"\\u2014\"}\n        </span>\n        <span className={styles.metricSubtext}>\n          {formatNumber(metrics.aggregates.rollbackActionCount)} rollbacks\n        </span>\n      </div>\n\n      <div className={styles.metric}>\n        <span className={styles.metricLabel}>Validation</span>\n        <span className={styles.metricValue}>\n          {validations > 0 ? formatTime(avgValidationTime) : \"\\u2014\"}\n        </span>\n        <span className={styles.metricSubtext}>\n          {validations > 0\n            ? `${formatNumber(validations)} validations \\u00b7 saved ${\n              formatTime(validationSavings)\n            }`\n            : \"No validations run\"}\n        </span>\n      </div>\n    </>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/build/esm/components/BubbleChart.js

@@ -0,0 +1,175 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+/*
+ * 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 { Axis } from "@visx/axis";
+import { GlyphCircle } from "@visx/glyph";
+import { GridColumns } from "@visx/grid";
+import { useParentSize } from "@visx/responsive";
+import { scaleLinear } from "@visx/scale";
+import { Text } from "@visx/text";
+import React from "react";
+import { useComputeLastRecordingEvent, useComputeRecording, useComputeRequests } from "../hooks/useComputeSelectors.js";
+import { useTimeElapsed } from "../hooks/useTimeElapsed.js";
+import { visitComputeRequest } from "../utils/computeRequest.js";
+import { formatMilliseconds } from "../utils/format.js";
+import css from "./BubbleChart.module.scss.js";
+const EMPTY_DATA = [];
+const STROKE_WIDTH_PX = 1.5;
+const FIXED_CHART_HEIGHT_PX = 250;
+const MARGIN_TOP = 10;
+const GRID_COLOR = "#2d343c";
+const TICK_LABEL_PROPS = {
+  textAnchor: "end",
+  fill: "#5c6b77",
+  fontSize: 11,
+  fontFamily: "\"JetBrains Mono\", \"SF Mono\", \"Monaco\", \"Menlo\", \"Consolas\", monospace"
+};
+export const BubbleChart = ({
+  computeStore,
+  fillHeight,
+  selectedIds,
+  onSelectRequest
+}) => {
+  const requests = useComputeRequests(computeStore);
+  const isRecording = useComputeRecording(computeStore);
+  const lastRecordingEvent = useComputeLastRecordingEvent(computeStore);
+  const startTimestamp = lastRecordingEvent?.timestamp;
+  const requestData = React.useMemo(() => {
+    if (startTimestamp == null || requests.length === 0) {
+      return EMPTY_DATA;
+    }
+    const hasSelections = selectedIds.length > 0;
+    const selectedSet = hasSelections ? new Set(selectedIds) : undefined;
+    const datums = requests.map(request => ({
+      x: request.requestTimestamp.getTime() - startTimestamp.getTime(),
+      y: request.requestPayloadHash % 10 + 1,
+      size: visitComputeRequest(request, {
+        failed: () => 40,
+        fulfilled: req => Math.max(1, req.computeUsage) * 20,
+        fulfilledWithoutUsage: () => 20,
+        pending: () => 20
+      }),
+      fill: visitComputeRequest(request, {
+        failed: () => "#e05252",
+        fulfilled: () => "#2d8cf0",
+        fulfilledWithoutUsage: () => "#7a8693",
+        pending: () => "#6b7785"
+      }),
+      isSelected: selectedSet ? selectedSet.has(request.id) : undefined,
+      id: request.id
+    }));
+    if (hasSelections) {
+      const selected = [];
+      const unselected = [];
+      for (const datum of datums) {
+        if (datum.isSelected) {
+          selected.push(datum);
+        } else {
+          unselected.push(datum);
+        }
+      }
+      return [...unselected, ...selected];
+    }
+    return datums;
+  }, [requests, selectedIds, startTimestamp]);
+  const timeElapsed = useTimeElapsed(isRecording ? startTimestamp : undefined);
+  const maxTimeDomain = lastRecordingEvent?.type === "ended" ? (lastRecordingEvent.endTimestamp?.getTime() ?? Date.now()) - lastRecordingEvent.timestamp.getTime() : timeElapsed;
+  const {
+    parentRef,
+    width,
+    height
+  } = useParentSize();
+  const chartHeight = fillHeight ? height : FIXED_CHART_HEIGHT_PX;
+  const xScale = React.useMemo(() => scaleLinear({
+    domain: [0, Math.max(500, maxTimeDomain ?? 0)],
+    range: [0, width]
+  }), [maxTimeDomain, width]);
+  const yScale = React.useMemo(() => scaleLinear({
+    domain: [-1, 12],
+    range: [chartHeight, MARGIN_TOP]
+  }), [chartHeight]);
+  const handleUnselect = React.useCallback(() => onSelectRequest(undefined), [onSelectRequest]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: css.container,
+    ref: parentRef
+  }, /*#__PURE__*/React.createElement("svg", {
+    height: chartHeight,
+    width: width
+  }, /*#__PURE__*/React.createElement("rect", {
+    opacity: 0,
+    onClick: handleUnselect,
+    height: chartHeight,
+    width: width
+  }), /*#__PURE__*/React.createElement(Axis, {
+    scale: xScale,
+    tickLabelProps: TICK_LABEL_PROPS,
+    top: 25,
+    orientation: "top",
+    stroke: GRID_COLOR,
+    hideTicks: true,
+    hideZero: true,
+    tickComponent: renderTick,
+    tickFormat: formatTick
+  }), /*#__PURE__*/React.createElement(GridColumns, {
+    stroke: GRID_COLOR,
+    scale: xScale,
+    width: width,
+    height: chartHeight
+  }), requestData.map(datum => /*#__PURE__*/React.createElement(RequestGlyph, {
+    key: datum.id,
+    datum: datum,
+    xScale: xScale,
+    yScale: yScale,
+    onClick: onSelectRequest
+  }))));
+};
+const RequestGlyph = ({
+  datum,
+  onClick,
+  xScale,
+  yScale
+}) => {
+  const fill = datum.isSelected === false ? "#323a44" : datum.fill;
+  const handleClick = React.useCallback(() => {
+    onClick(datum.id);
+  }, [datum.id, onClick]);
+  return /*#__PURE__*/React.createElement(GlyphCircle, {
+    className: css.glyph,
+    top: yScale(datum.y),
+    left: xScale(datum.x),
+    size: datum.size,
+    fill: fill,
+    fillOpacity: 0.5,
+    onClick: handleClick,
+    strokeOpacity: 1,
+    stroke: `color-mix(in srgb, ${fill}, white 20%)`,
+    strokeWidth: STROKE_WIDTH_PX
+  });
+};
+const renderTick = ({
+  x,
+  y,
+  formattedValue,
+  ...props
+}) => {
+  return /*#__PURE__*/React.createElement(Text, _extends({}, props, {
+    x: x - 3,
+    y: y
+  }), formattedValue);
+};
+const formatTick = ms => formatMilliseconds(ms.valueOf(), false);
+//# sourceMappingURL=BubbleChart.js.map

package/build/esm/components/BubbleChart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BubbleChart.js","names":["Axis","GlyphCircle","GridColumns","useParentSize","scaleLinear","Text","React","useComputeLastRecordingEvent","useComputeRecording","useComputeRequests","useTimeElapsed","visitComputeRequest","formatMilliseconds","css","EMPTY_DATA","STROKE_WIDTH_PX","FIXED_CHART_HEIGHT_PX","MARGIN_TOP","GRID_COLOR","TICK_LABEL_PROPS","textAnchor","fill","fontSize","fontFamily","BubbleChart","computeStore","fillHeight","selectedIds","onSelectRequest","requests","isRecording","lastRecordingEvent","startTimestamp","timestamp","requestData","useMemo","length","hasSelections","selectedSet","Set","undefined","datums","map","request","x","requestTimestamp","getTime","y","requestPayloadHash","size","failed","fulfilled","req","Math","max","computeUsage","fulfilledWithoutUsage","pending","isSelected","has","id","selected","unselected","datum","push","timeElapsed","maxTimeDomain","type","endTimestamp","Date","now","parentRef","width","height","chartHeight","xScale","domain","range","yScale","handleUnselect","useCallback","createElement","className","container","ref","opacity","onClick","scale","tickLabelProps","top","orientation","stroke","hideTicks","hideZero","tickComponent","renderTick","tickFormat","formatTick","RequestGlyph","key","handleClick","glyph","left","fillOpacity","strokeOpacity","strokeWidth","formattedValue","props","_extends","ms","valueOf"],"sources":["BubbleChart.tsx"],"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 { Axis } from \"@visx/axis\";\nimport { GlyphCircle } from \"@visx/glyph\";\nimport { GridColumns } from \"@visx/grid\";\nimport { useParentSize } from \"@visx/responsive\";\nimport { scaleLinear } from \"@visx/scale\";\nimport { Text, type TextProps } from \"@visx/text\";\nimport React from \"react\";\nimport {\n  useComputeLastRecordingEvent,\n  useComputeRecording,\n  useComputeRequests,\n} from \"../hooks/useComputeSelectors.js\";\nimport { useTimeElapsed } from \"../hooks/useTimeElapsed.js\";\nimport type { ComputeStore } from \"../store/ComputeStore.js\";\nimport { visitComputeRequest } from \"../utils/computeRequest.js\";\nimport { formatMilliseconds } from \"../utils/format.js\";\nimport css from \"./BubbleChart.module.scss\";\n\ntype Datum = {\n  id: string;\n  x: number;\n  y: number;\n  size: number;\n  fill: string;\n  isSelected: boolean | undefined;\n};\n\nconst EMPTY_DATA: Datum[] = [];\n\nconst STROKE_WIDTH_PX = 1.5;\nconst FIXED_CHART_HEIGHT_PX = 250;\n\nconst MARGIN_TOP = 10;\n\nconst GRID_COLOR = \"#2d343c\";\n\nconst TICK_LABEL_PROPS = {\n  textAnchor: \"end\",\n  fill: \"#5c6b77\",\n  fontSize: 11,\n  fontFamily:\n    \"\\\"JetBrains Mono\\\", \\\"SF Mono\\\", \\\"Monaco\\\", \\\"Menlo\\\", \\\"Consolas\\\", monospace\",\n} as const;\n\ninterface BubbleChartProps {\n  computeStore: ComputeStore;\n  fillHeight: boolean;\n  selectedIds: string[];\n  onSelectRequest: (id: string | undefined) => void;\n}\n\nexport const BubbleChart: React.FC<BubbleChartProps> = ({\n  computeStore,\n  fillHeight,\n  selectedIds,\n  onSelectRequest,\n}) => {\n  const requests = useComputeRequests(computeStore);\n  const isRecording = useComputeRecording(computeStore);\n  const lastRecordingEvent = useComputeLastRecordingEvent(computeStore);\n\n  const startTimestamp = lastRecordingEvent?.timestamp;\n\n  const requestData: Datum[] = React.useMemo(() => {\n    if (startTimestamp == null || requests.length === 0) {\n      return EMPTY_DATA;\n    }\n\n    const hasSelections = selectedIds.length > 0;\n    const selectedSet = hasSelections ? new Set(selectedIds) : undefined;\n\n    const datums = requests.map(\n      (request): Datum => ({\n        x: request.requestTimestamp.getTime() - startTimestamp.getTime(),\n        y: (request.requestPayloadHash % 10) + 1,\n        size: visitComputeRequest(request, {\n          failed: () => 40,\n          fulfilled: (req) => Math.max(1, req.computeUsage) * 20,\n          fulfilledWithoutUsage: () => 20,\n          pending: () => 20,\n        }),\n        fill: visitComputeRequest(request, {\n          failed: () => \"#e05252\",\n          fulfilled: () => \"#2d8cf0\",\n          fulfilledWithoutUsage: () => \"#7a8693\",\n          pending: () => \"#6b7785\",\n        }),\n        isSelected: selectedSet\n          ? selectedSet.has(request.id)\n          : undefined,\n        id: request.id,\n      }),\n    );\n\n    if (hasSelections) {\n      const selected: Datum[] = [];\n      const unselected: Datum[] = [];\n      for (const datum of datums) {\n        if (datum.isSelected) {\n          selected.push(datum);\n        } else {\n          unselected.push(datum);\n        }\n      }\n      return [...unselected, ...selected];\n    }\n\n    return datums;\n  }, [requests, selectedIds, startTimestamp]);\n\n  const timeElapsed = useTimeElapsed(isRecording ? startTimestamp : undefined);\n\n  const maxTimeDomain = lastRecordingEvent?.type === \"ended\"\n    ? (lastRecordingEvent.endTimestamp?.getTime() ?? Date.now())\n      - lastRecordingEvent.timestamp.getTime()\n    : timeElapsed;\n\n  const { parentRef, width, height } = useParentSize();\n\n  const chartHeight = fillHeight ? height : FIXED_CHART_HEIGHT_PX;\n\n  const xScale = React.useMemo(\n    () =>\n      scaleLinear<number>({\n        domain: [0, Math.max(500, maxTimeDomain ?? 0)],\n        range: [0, width],\n      }),\n    [maxTimeDomain, width],\n  );\n\n  const yScale = React.useMemo(\n    () =>\n      scaleLinear<number>({\n        domain: [-1, 12],\n        range: [chartHeight, MARGIN_TOP],\n      }),\n    [chartHeight],\n  );\n\n  const handleUnselect = React.useCallback(\n    () => onSelectRequest(undefined),\n    [onSelectRequest],\n  );\n\n  return (\n    <div className={css.container} ref={parentRef}>\n      <svg height={chartHeight} width={width}>\n        <rect\n          opacity={0}\n          onClick={handleUnselect}\n          height={chartHeight}\n          width={width}\n        />\n        <Axis\n          scale={xScale}\n          tickLabelProps={TICK_LABEL_PROPS}\n          top={25}\n          orientation=\"top\"\n          stroke={GRID_COLOR}\n          hideTicks={true}\n          hideZero={true}\n          tickComponent={renderTick}\n          tickFormat={formatTick}\n        />\n        <GridColumns\n          stroke={GRID_COLOR}\n          scale={xScale}\n          width={width}\n          height={chartHeight}\n        />\n        {requestData.map((datum) => (\n          <RequestGlyph\n            key={datum.id}\n            datum={datum}\n            xScale={xScale}\n            yScale={yScale}\n            onClick={onSelectRequest}\n          />\n        ))}\n      </svg>\n    </div>\n  );\n};\n\ninterface RequestGlyphProps {\n  datum: Datum;\n  xScale: (x: number) => number;\n  yScale: (y: number) => number;\n  onClick: (id: string) => void;\n}\n\nconst RequestGlyph: React.FC<RequestGlyphProps> = ({\n  datum,\n  onClick,\n  xScale,\n  yScale,\n}) => {\n  const fill = datum.isSelected === false ? \"#323a44\" : datum.fill;\n\n  const handleClick = React.useCallback(() => {\n    onClick(datum.id);\n  }, [datum.id, onClick]);\n\n  return (\n    <GlyphCircle\n      className={css.glyph}\n      top={yScale(datum.y)}\n      left={xScale(datum.x)}\n      size={datum.size}\n      fill={fill}\n      fillOpacity={0.5}\n      onClick={handleClick}\n      strokeOpacity={1}\n      stroke={`color-mix(in srgb, ${fill}, white 20%)`}\n      strokeWidth={STROKE_WIDTH_PX}\n    />\n  );\n};\n\nconst renderTick = ({\n  x,\n  y,\n  formattedValue,\n  ...props\n}: Partial<TextProps> & {\n  x: number;\n  y: number;\n  formattedValue: string | undefined;\n}): React.ReactNode => {\n  return (\n    <Text {...props} x={x - 3} y={y}>\n      {formattedValue}\n    </Text>\n  );\n};\n\nconst formatTick = (ms: { valueOf(): number }) =>\n  formatMilliseconds(ms.valueOf(), false);\n"],"mappings":"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","ignoreList":[]}

package/build/esm/components/BubbleChart.module.scss.js

@@ -0,0 +1,6 @@
+// AUTO-GENERATED by scripts/build-css.mjs. Do not edit by hand.
+const styles = {
+  "container": "BubbleChart-module__container___ydLwDYO5",
+  "glyph": "BubbleChart-module__glyph___G5loSE-h"
+};
+export default styles;