@osdk/react-devtools 0.5.0

package/build/esm/components/MonitoringPanel.js

@@ -0,0 +1,434 @@
+/*
+ * 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 { Button, Classes, Tooltip } from "@blueprintjs/core";
+import classNames from "classnames";
+import React, { useCallback, useMemo, useRef, useState } from "react";
+import { createPortal } from "react-dom";
+import { DegradationNotice, useFiberCapabilities } from "../fiber/DegradationNotice.js";
+import { validateFiberAccess } from "../fiber/validation.js";
+import { usePersistedState } from "../hooks/usePersistedState.js";
+import { ComputeTab } from "./ComputeTab.js";
+import { DebuggingTab } from "./DebuggingTab.js";
+import { InterceptTab } from "./InterceptTab.js";
+import { MonitorErrorBoundary } from "./MonitorErrorBoundary.js";
+import styles from "./MonitoringPanel.module.scss.js";
+import { PerformanceTab } from "./PerformanceTab.js";
+const darkModeMql = typeof window !== "undefined" ? window.matchMedia("(prefers-color-scheme: dark)") : undefined;
+function subscribeDarkMode(callback) {
+  if (darkModeMql) {
+    darkModeMql.addEventListener("change", callback);
+    return () => darkModeMql.removeEventListener("change", callback);
+  }
+  return () => {};
+}
+function getDarkModeSnapshot() {
+  return darkModeMql ? darkModeMql.matches : true;
+}
+function subscribeWindowSize(callback) {
+  window.addEventListener("resize", callback);
+  return () => window.removeEventListener("resize", callback);
+}
+let windowSizeSnapshot = typeof window !== "undefined" ? {
+  width: window.innerWidth,
+  height: window.innerHeight
+} : {
+  width: 0,
+  height: 0
+};
+function getWindowSizeSnapshot() {
+  const current = {
+    width: window.innerWidth,
+    height: window.innerHeight
+  };
+  if (current.width !== windowSizeSnapshot.width || current.height !== windowSizeSnapshot.height) {
+    windowSizeSnapshot = current;
+  }
+  return windowSizeSnapshot;
+}
+const UI_CONSTANTS = {
+  DEFAULT_PANEL_WIDTH: 400,
+  DEFAULT_PANEL_HEIGHT: 600,
+  DEFAULT_PANEL_RIGHT_OFFSET: 420,
+  DEFAULT_PANEL_TOP_OFFSET: 20,
+  MIN_PANEL_WIDTH: 320,
+  MIN_PANEL_HEIGHT: 200,
+  TOOLTIP_HOVER_DELAY: 500,
+  DOCKED_BOTTOM_HEIGHT: 400,
+  DOCKED_RIGHT_WIDTH: 500,
+  MIN_DOCKED_BOTTOM_HEIGHT: 200,
+  MIN_DOCKED_RIGHT_WIDTH: 320,
+  MAX_DOCKED_BOTTOM_HEIGHT: 800,
+  MAX_DOCKED_RIGHT_WIDTH: 800
+};
+export const MonitoringPanel = ({
+  monitorStore
+}) => {
+  const metricsStore = monitorStore.getMetricsStore();
+  const computeStore = monitorStore.getComputeStore();
+  const fiberCapabilities = useFiberCapabilities();
+  const [activeTab, setActiveTab] = useState("performance");
+  const [position, setPosition] = usePersistedState("osdk-monitor-position", {
+    x: window.innerWidth - UI_CONSTANTS.DEFAULT_PANEL_RIGHT_OFFSET,
+    y: UI_CONSTANTS.DEFAULT_PANEL_TOP_OFFSET,
+    width: UI_CONSTANTS.DEFAULT_PANEL_WIDTH,
+    height: UI_CONSTANTS.DEFAULT_PANEL_HEIGHT,
+    collapsed: false,
+    dockMode: "floating"
+  });
+  const [themePreference, setThemePreference] = usePersistedState("osdk-devtools-theme", "dark");
+  const systemPrefersDark = React.useSyncExternalStore(subscribeDarkMode, getDarkModeSnapshot);
+  const resolvedTheme = useMemo(() => themePreference === "auto" ? systemPrefersDark ? "dark" : "light" : themePreference, [themePreference, systemPrefersDark]);
+  const panelRef = useRef(null);
+  const isDragging = useRef(false);
+  const isResizing = useRef(null);
+  const dragStart = useRef({
+    x: 0,
+    y: 0,
+    elemX: 0,
+    elemY: 0
+  });
+  const resizeStart = useRef({
+    x: 0,
+    y: 0,
+    width: 0,
+    height: 0,
+    elemX: 0,
+    elemY: 0
+  });
+  const setPositionRef = useRef(setPosition);
+  setPositionRef.current = setPosition;
+  const dragAbortRef = useRef(null);
+  const attachDragListeners = useCallback(() => {
+    dragAbortRef.current?.abort();
+    const controller = new AbortController();
+    dragAbortRef.current = controller;
+    const {
+      signal
+    } = controller;
+    document.addEventListener("mousemove", e => {
+      if (isDragging.current) {
+        const deltaX = e.clientX - dragStart.current.x;
+        const deltaY = e.clientY - dragStart.current.y;
+        setPositionRef.current(prev => ({
+          ...prev,
+          x: Math.max(0, Math.min(window.innerWidth - prev.width, dragStart.current.elemX + deltaX)),
+          y: Math.max(0, Math.min(window.innerHeight - prev.height, dragStart.current.elemY + deltaY))
+        }));
+      } else if (isResizing.current) {
+        const deltaX = e.clientX - resizeStart.current.x;
+        const deltaY = e.clientY - resizeStart.current.y;
+        const handle = isResizing.current;
+        setPositionRef.current(prev => {
+          if (prev.dockMode === "docked-bottom") {
+            const newHeight = Math.max(UI_CONSTANTS.MIN_DOCKED_BOTTOM_HEIGHT, Math.min(UI_CONSTANTS.MAX_DOCKED_BOTTOM_HEIGHT, resizeStart.current.height - deltaY));
+            return {
+              ...prev,
+              height: newHeight,
+              y: window.innerHeight - newHeight
+            };
+          }
+          if (prev.dockMode === "docked-right") {
+            const newWidth = Math.max(UI_CONSTANTS.MIN_DOCKED_RIGHT_WIDTH, Math.min(UI_CONSTANTS.MAX_DOCKED_RIGHT_WIDTH, resizeStart.current.width - deltaX));
+            return {
+              ...prev,
+              width: newWidth,
+              x: window.innerWidth - newWidth
+            };
+          }
+          let newX = prev.x;
+          let newY = prev.y;
+          let newWidth = prev.width;
+          let newHeight = prev.height;
+          if (handle.includes("right")) {
+            newWidth = Math.max(UI_CONSTANTS.MIN_PANEL_WIDTH, resizeStart.current.width + deltaX);
+          }
+          if (handle.includes("left")) {
+            newWidth = Math.max(UI_CONSTANTS.MIN_PANEL_WIDTH, resizeStart.current.width - deltaX);
+            newX = resizeStart.current.elemX + deltaX;
+            if (newWidth === UI_CONSTANTS.MIN_PANEL_WIDTH) {
+              newX = resizeStart.current.elemX + resizeStart.current.width - UI_CONSTANTS.MIN_PANEL_WIDTH;
+            }
+          }
+          if (handle.includes("bottom")) {
+            newHeight = Math.max(UI_CONSTANTS.MIN_PANEL_HEIGHT, resizeStart.current.height + deltaY);
+          }
+          if (handle.includes("top")) {
+            newHeight = Math.max(UI_CONSTANTS.MIN_PANEL_HEIGHT, resizeStart.current.height - deltaY);
+            newY = resizeStart.current.elemY + deltaY;
+            if (newHeight === UI_CONSTANTS.MIN_PANEL_HEIGHT) {
+              newY = resizeStart.current.elemY + resizeStart.current.height - UI_CONSTANTS.MIN_PANEL_HEIGHT;
+            }
+          }
+          return {
+            ...prev,
+            x: newX,
+            y: newY,
+            width: newWidth,
+            height: newHeight
+          };
+        });
+      }
+    }, {
+      signal
+    });
+    document.addEventListener("mouseup", () => {
+      isDragging.current = false;
+      isResizing.current = null;
+      controller.abort();
+      dragAbortRef.current = null;
+    }, {
+      signal
+    });
+  }, []);
+  const handleMouseDown = useCallback(e => {
+    if (e.target.closest(`.${styles.controls}`)) {
+      return;
+    }
+    if (position.dockMode !== "floating") {
+      return;
+    }
+    isDragging.current = true;
+    dragStart.current = {
+      x: e.clientX,
+      y: e.clientY,
+      elemX: position.x,
+      elemY: position.y
+    };
+    e.preventDefault();
+    attachDragListeners();
+  }, [position, attachDragListeners]);
+  const handleResizeMouseDown = useCallback((e, handle) => {
+    isResizing.current = handle;
+    resizeStart.current = {
+      x: e.clientX,
+      y: e.clientY,
+      width: position.width,
+      height: position.height,
+      elemX: position.x,
+      elemY: position.y
+    };
+    e.preventDefault();
+    e.stopPropagation();
+    attachDragListeners();
+  }, [position, attachDragListeners]);
+  const handleDockToggle = useCallback(() => {
+    setPosition(prev => {
+      const nextMode = prev.dockMode === "floating" ? "docked-bottom" : prev.dockMode === "docked-bottom" ? "docked-right" : "floating";
+      if (nextMode === "docked-bottom") {
+        return {
+          x: 0,
+          y: window.innerHeight - UI_CONSTANTS.DOCKED_BOTTOM_HEIGHT,
+          width: window.innerWidth,
+          height: UI_CONSTANTS.DOCKED_BOTTOM_HEIGHT,
+          collapsed: false,
+          dockMode: nextMode
+        };
+      } else if (nextMode === "docked-right") {
+        return {
+          x: window.innerWidth - UI_CONSTANTS.DOCKED_RIGHT_WIDTH,
+          y: 0,
+          width: UI_CONSTANTS.DOCKED_RIGHT_WIDTH,
+          height: window.innerHeight,
+          collapsed: false,
+          dockMode: nextMode
+        };
+      } else {
+        return {
+          x: window.innerWidth - UI_CONSTANTS.DEFAULT_PANEL_RIGHT_OFFSET,
+          y: UI_CONSTANTS.DEFAULT_PANEL_TOP_OFFSET,
+          width: UI_CONSTANTS.DEFAULT_PANEL_WIDTH,
+          height: UI_CONSTANTS.DEFAULT_PANEL_HEIGHT,
+          collapsed: false,
+          dockMode: nextMode
+        };
+      }
+    });
+  }, [setPosition]);
+  const windowSize = React.useSyncExternalStore(subscribeWindowSize, getWindowSizeSnapshot);
+  const effectivePosition = useMemo(() => {
+    if (position.dockMode === "floating") {
+      const maxX = windowSize.width - position.width;
+      const maxY = windowSize.height - position.height;
+      return {
+        ...position,
+        x: Math.max(0, Math.min(position.x, maxX)),
+        y: Math.max(0, Math.min(position.y, maxY))
+      };
+    }
+    if (position.dockMode === "docked-bottom") {
+      return {
+        ...position,
+        width: windowSize.width,
+        y: windowSize.height - position.height
+      };
+    }
+    if (position.dockMode === "docked-right") {
+      return {
+        ...position,
+        height: windowSize.height,
+        x: windowSize.width - position.width
+      };
+    }
+    return position;
+  }, [position, windowSize]);
+  if (position.collapsed) {
+    return /*#__PURE__*/createPortal(/*#__PURE__*/React.createElement(Tooltip, {
+      content: "View OSDK Devtools",
+      placement: "left",
+      hoverOpenDelay: UI_CONSTANTS.TOOLTIP_HOVER_DELAY
+    }, /*#__PURE__*/React.createElement("div", {
+      className: styles.minimized,
+      "data-dt-theme": resolvedTheme,
+      onClick: () => setPosition(prev => ({
+        ...prev,
+        collapsed: false
+      }))
+    }, /*#__PURE__*/React.createElement("span", {
+      className: styles.minimizedIcon
+    }, "</>"))), document.body);
+  }
+  const panelClassName = classNames(styles.panel, resolvedTheme === "dark" ? Classes.DARK : undefined, {
+    [styles.floating]: position.dockMode === "floating",
+    [styles.dockedBottom]: position.dockMode === "docked-bottom",
+    [styles.dockedRight]: position.dockMode === "docked-right"
+  });
+  return /*#__PURE__*/createPortal(/*#__PURE__*/React.createElement("div", {
+    ref: panelRef,
+    className: panelClassName,
+    "data-dt-theme": resolvedTheme,
+    style: {
+      left: effectivePosition.dockMode === "docked-bottom" ? 0 : effectivePosition.x,
+      top: effectivePosition.dockMode === "docked-right" ? 0 : effectivePosition.y,
+      width: effectivePosition.width,
+      height: effectivePosition.height,
+      right: effectivePosition.dockMode === "docked-right" ? 0 : undefined,
+      bottom: effectivePosition.dockMode === "docked-bottom" ? 0 : undefined
+    }
+  }, (position.dockMode === "floating" ? [{
+    cls: [styles.horizontal, styles.top],
+    handle: "top"
+  }, {
+    cls: [styles.horizontal, styles.bottom],
+    handle: "bottom"
+  }, {
+    cls: [styles.vertical, styles.left],
+    handle: "left"
+  }, {
+    cls: [styles.vertical, styles.right],
+    handle: "right"
+  }, {
+    cls: [styles.corner, styles.topLeft],
+    handle: "topLeft"
+  }, {
+    cls: [styles.corner, styles.topRight],
+    handle: "topRight"
+  }, {
+    cls: [styles.corner, styles.bottomLeft],
+    handle: "bottomLeft"
+  }, {
+    cls: [styles.corner, styles.bottomRight],
+    handle: "bottomRight"
+  }] : position.dockMode === "docked-bottom" ? [{
+    cls: [styles.horizontal, styles.top],
+    handle: "top"
+  }] : position.dockMode === "docked-right" ? [{
+    cls: [styles.vertical, styles.left],
+    handle: "left"
+  }] : []).map(({
+    cls,
+    handle
+  }) => /*#__PURE__*/React.createElement("div", {
+    key: handle,
+    className: classNames(styles.resizeHandle, ...cls),
+    onMouseDown: e => handleResizeMouseDown(e, handle)
+  })), /*#__PURE__*/React.createElement("div", {
+    className: styles.header,
+    onMouseDown: handleMouseDown
+  }, /*#__PURE__*/React.createElement("h3", {
+    className: styles.title
+  }, "OSDK Devtools", /*#__PURE__*/React.createElement("span", {
+    className: styles.badge
+  }, "Beta")), /*#__PURE__*/React.createElement("div", {
+    className: styles.controls
+  }, /*#__PURE__*/React.createElement(Button, {
+    variant: "minimal",
+    size: "small",
+    icon: themePreference === "dark" ? "moon" : themePreference === "light" ? "flash" : "automatic-updates",
+    onClick: () => setThemePreference(themePreference === "dark" ? "light" : themePreference === "light" ? "auto" : "dark"),
+    title: `Theme: ${themePreference} (click to cycle)`,
+    "aria-label": `Theme: ${themePreference}. Click to cycle.`
+  }), /*#__PURE__*/React.createElement(Button, {
+    variant: "minimal",
+    size: "small",
+    icon: position.dockMode === "floating" ? "widget" : position.dockMode === "docked-bottom" ? "layout-sorted-clusters" : "layout-hierarchy",
+    onClick: handleDockToggle,
+    title: `Dock mode: ${position.dockMode} (click to cycle)`,
+    "aria-label": `Dock mode: ${position.dockMode}. Click to cycle.`
+  }), /*#__PURE__*/React.createElement(Button, {
+    variant: "minimal",
+    size: "small",
+    icon: "reset",
+    onClick: () => metricsStore.reset(),
+    title: "Reset metrics",
+    "aria-label": "Reset metrics"
+  }), /*#__PURE__*/React.createElement(Button, {
+    variant: "minimal",
+    size: "small",
+    icon: "minimize",
+    onClick: () => setPosition(prev => ({
+      ...prev,
+      collapsed: true
+    })),
+    title: "Minimize",
+    "aria-label": "Minimize devtools panel"
+  }))), /*#__PURE__*/React.createElement("div", {
+    className: styles.tabs,
+    role: "tablist",
+    "aria-label": "Devtools tabs"
+  }, ["performance", "compute", "intercept", "debugging"].map(tab => /*#__PURE__*/React.createElement("button", {
+    key: tab,
+    type: "button",
+    role: "tab",
+    "aria-selected": activeTab === tab,
+    className: classNames(styles.tabButton, activeTab === tab && styles.tabButtonActive),
+    onClick: () => setActiveTab(tab)
+  }, tab.charAt(0).toUpperCase() + tab.slice(1)))), /*#__PURE__*/React.createElement("div", {
+    className: styles.content
+  }, (!fiberCapabilities.hookInstalled || !fiberCapabilities.fiberAccessWorking) && /*#__PURE__*/React.createElement(DegradationNotice, {
+    onRetry: () => validateFiberAccess()
+  }), /*#__PURE__*/React.createElement("div", {
+    className: activeTab === "performance" ? styles.tabContentVisible : styles.tabContentHidden
+  }, /*#__PURE__*/React.createElement(PerformanceTab, {
+    metricsStore: metricsStore,
+    monitorStore: monitorStore
+  })), /*#__PURE__*/React.createElement("div", {
+    className: activeTab === "compute" ? styles.tabContentVisible : styles.tabContentHidden
+  }, /*#__PURE__*/React.createElement(ComputeTab, {
+    computeStore: computeStore
+  })), /*#__PURE__*/React.createElement("div", {
+    className: activeTab === "intercept" ? styles.tabContentVisible : styles.tabContentHidden
+  }, /*#__PURE__*/React.createElement(InterceptTab, {
+    monitorStore: monitorStore,
+    theme: resolvedTheme
+  })), /*#__PURE__*/React.createElement("div", {
+    className: activeTab === "debugging" ? styles.tabContentVisible : styles.tabContentHidden
+  }, /*#__PURE__*/React.createElement(DebuggingTab, {
+    monitorStore: monitorStore
+  })))), document.body);
+};
+export const SafeMonitoringPanel = props => /*#__PURE__*/React.createElement(MonitorErrorBoundary, null, /*#__PURE__*/React.createElement(MonitoringPanel, props));
+//# sourceMappingURL=MonitoringPanel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MonitoringPanel.js","names":["Button","Classes","Tooltip","classNames","React","useCallback","useMemo","useRef","useState","createPortal","DegradationNotice","useFiberCapabilities","validateFiberAccess","usePersistedState","ComputeTab","DebuggingTab","InterceptTab","MonitorErrorBoundary","styles","PerformanceTab","darkModeMql","window","matchMedia","undefined","subscribeDarkMode","callback","addEventListener","removeEventListener","getDarkModeSnapshot","matches","subscribeWindowSize","windowSizeSnapshot","width","innerWidth","height","innerHeight","getWindowSizeSnapshot","current","UI_CONSTANTS","DEFAULT_PANEL_WIDTH","DEFAULT_PANEL_HEIGHT","DEFAULT_PANEL_RIGHT_OFFSET","DEFAULT_PANEL_TOP_OFFSET","MIN_PANEL_WIDTH","MIN_PANEL_HEIGHT","TOOLTIP_HOVER_DELAY","DOCKED_BOTTOM_HEIGHT","DOCKED_RIGHT_WIDTH","MIN_DOCKED_BOTTOM_HEIGHT","MIN_DOCKED_RIGHT_WIDTH","MAX_DOCKED_BOTTOM_HEIGHT","MAX_DOCKED_RIGHT_WIDTH","MonitoringPanel","monitorStore","metricsStore","getMetricsStore","computeStore","getComputeStore","fiberCapabilities","activeTab","setActiveTab","position","setPosition","x","y","collapsed","dockMode","themePreference","setThemePreference","systemPrefersDark","useSyncExternalStore","resolvedTheme","panelRef","isDragging","isResizing","dragStart","elemX","elemY","resizeStart","setPositionRef","dragAbortRef","attachDragListeners","abort","controller","AbortController","signal","document","e","deltaX","clientX","deltaY","clientY","prev","Math","max","min","handle","newHeight","newWidth","newX","newY","includes","handleMouseDown","target","closest","controls","preventDefault","handleResizeMouseDown","stopPropagation","handleDockToggle","nextMode","windowSize","effectivePosition","maxX","maxY","createElement","content","placement","hoverOpenDelay","className","minimized","onClick","minimizedIcon","body","panelClassName","panel","DARK","floating","dockedBottom","dockedRight","ref","style","left","top","right","bottom","cls","horizontal","vertical","corner","topLeft","topRight","bottomLeft","bottomRight","map","key","resizeHandle","onMouseDown","header","title","badge","variant","size","icon","reset","tabs","role","tab","type","tabButton","tabButtonActive","charAt","toUpperCase","slice","hookInstalled","fiberAccessWorking","onRetry","tabContentVisible","tabContentHidden","theme","SafeMonitoringPanel","props"],"sources":["MonitoringPanel.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 { Button, Classes, Tooltip } from \"@blueprintjs/core\";\nimport classNames from \"classnames\";\nimport React, { useCallback, useMemo, useRef, useState } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport {\n  DegradationNotice,\n  useFiberCapabilities,\n} from \"../fiber/DegradationNotice.js\";\nimport { validateFiberAccess } from \"../fiber/validation.js\";\nimport { usePersistedState } from \"../hooks/usePersistedState.js\";\nimport type { MonitorStore } from \"../store/MonitorStore.js\";\nimport type { PanelPosition } from \"../types/index.js\";\nimport { ComputeTab } from \"./ComputeTab.js\";\nimport { DebuggingTab } from \"./DebuggingTab.js\";\nimport { InterceptTab } from \"./InterceptTab.js\";\nimport { MonitorErrorBoundary } from \"./MonitorErrorBoundary.js\";\nimport styles from \"./MonitoringPanel.module.scss\";\nimport { PerformanceTab } from \"./PerformanceTab.js\";\n\nconst darkModeMql = typeof window !== \"undefined\"\n  ? window.matchMedia(\"(prefers-color-scheme: dark)\")\n  : undefined;\n\nfunction subscribeDarkMode(callback: () => void): () => void {\n  if (darkModeMql) {\n    darkModeMql.addEventListener(\"change\", callback);\n    return () => darkModeMql.removeEventListener(\"change\", callback);\n  }\n  return () => {};\n}\n\nfunction getDarkModeSnapshot(): boolean {\n  return darkModeMql ? darkModeMql.matches : true;\n}\n\nfunction subscribeWindowSize(callback: () => void): () => void {\n  window.addEventListener(\"resize\", callback);\n  return () => window.removeEventListener(\"resize\", callback);\n}\n\nlet windowSizeSnapshot = typeof window !== \"undefined\"\n  ? { width: window.innerWidth, height: window.innerHeight }\n  : { width: 0, height: 0 };\n\nfunction getWindowSizeSnapshot(): { width: number; height: number } {\n  const current = { width: window.innerWidth, height: window.innerHeight };\n  if (\n    current.width !== windowSizeSnapshot.width\n    || current.height !== windowSizeSnapshot.height\n  ) {\n    windowSizeSnapshot = current;\n  }\n  return windowSizeSnapshot;\n}\n\nconst UI_CONSTANTS = {\n  DEFAULT_PANEL_WIDTH: 400,\n  DEFAULT_PANEL_HEIGHT: 600,\n  DEFAULT_PANEL_RIGHT_OFFSET: 420,\n  DEFAULT_PANEL_TOP_OFFSET: 20,\n  MIN_PANEL_WIDTH: 320,\n  MIN_PANEL_HEIGHT: 200,\n  TOOLTIP_HOVER_DELAY: 500,\n  DOCKED_BOTTOM_HEIGHT: 400,\n  DOCKED_RIGHT_WIDTH: 500,\n  MIN_DOCKED_BOTTOM_HEIGHT: 200,\n  MIN_DOCKED_RIGHT_WIDTH: 320,\n  MAX_DOCKED_BOTTOM_HEIGHT: 800,\n  MAX_DOCKED_RIGHT_WIDTH: 800,\n};\n\nexport interface MonitoringPanelProps {\n  /** The MonitorStore instance that provides all metrics, compute, and component tracking data. */\n  monitorStore: MonitorStore;\n}\n\nexport const MonitoringPanel: React.FC<MonitoringPanelProps> = ({\n  monitorStore,\n}) => {\n  const metricsStore = monitorStore.getMetricsStore();\n  const computeStore = monitorStore.getComputeStore();\n  const fiberCapabilities = useFiberCapabilities();\n  const [activeTab, setActiveTab] = useState<\n    | \"performance\"\n    | \"compute\"\n    | \"intercept\"\n    | \"debugging\"\n  >(\"performance\");\n  const [position, setPosition] = usePersistedState<PanelPosition>(\n    \"osdk-monitor-position\",\n    {\n      x: window.innerWidth - UI_CONSTANTS.DEFAULT_PANEL_RIGHT_OFFSET,\n      y: UI_CONSTANTS.DEFAULT_PANEL_TOP_OFFSET,\n      width: UI_CONSTANTS.DEFAULT_PANEL_WIDTH,\n      height: UI_CONSTANTS.DEFAULT_PANEL_HEIGHT,\n      collapsed: false,\n      dockMode: \"floating\",\n    },\n  );\n\n  const [themePreference, setThemePreference] = usePersistedState<\n    \"light\" | \"dark\" | \"auto\"\n  >(\"osdk-devtools-theme\", \"dark\");\n\n  const systemPrefersDark = React.useSyncExternalStore(\n    subscribeDarkMode,\n    getDarkModeSnapshot,\n  );\n\n  const resolvedTheme = useMemo(\n    () =>\n      themePreference === \"auto\"\n        ? (systemPrefersDark ? \"dark\" : \"light\")\n        : themePreference,\n    [themePreference, systemPrefersDark],\n  );\n\n  const panelRef = useRef<HTMLDivElement>(null);\n  const isDragging = useRef(false);\n  const isResizing = useRef<string | null>(null);\n  const dragStart = useRef({ x: 0, y: 0, elemX: 0, elemY: 0 });\n  const resizeStart = useRef({\n    x: 0,\n    y: 0,\n    width: 0,\n    height: 0,\n    elemX: 0,\n    elemY: 0,\n  });\n\n  const setPositionRef = useRef(setPosition);\n  setPositionRef.current = setPosition;\n\n  const dragAbortRef = useRef<AbortController | null>(null);\n\n  const attachDragListeners = useCallback(() => {\n    dragAbortRef.current?.abort();\n    const controller = new AbortController();\n    dragAbortRef.current = controller;\n    const { signal } = controller;\n\n    const handleMouseMove = (e: MouseEvent) => {\n      if (isDragging.current) {\n        const deltaX = e.clientX - dragStart.current.x;\n        const deltaY = e.clientY - dragStart.current.y;\n        setPositionRef.current((prev) => ({\n          ...prev,\n          x: Math.max(\n            0,\n            Math.min(\n              window.innerWidth - prev.width,\n              dragStart.current.elemX + deltaX,\n            ),\n          ),\n          y: Math.max(\n            0,\n            Math.min(\n              window.innerHeight - prev.height,\n              dragStart.current.elemY + deltaY,\n            ),\n          ),\n        }));\n      } else if (isResizing.current) {\n        const deltaX = e.clientX - resizeStart.current.x;\n        const deltaY = e.clientY - resizeStart.current.y;\n        const handle = isResizing.current;\n\n        setPositionRef.current((prev) => {\n          if (prev.dockMode === \"docked-bottom\") {\n            const newHeight = Math.max(\n              UI_CONSTANTS.MIN_DOCKED_BOTTOM_HEIGHT,\n              Math.min(\n                UI_CONSTANTS.MAX_DOCKED_BOTTOM_HEIGHT,\n                resizeStart.current.height - deltaY,\n              ),\n            );\n            return {\n              ...prev,\n              height: newHeight,\n              y: window.innerHeight - newHeight,\n            };\n          }\n\n          if (prev.dockMode === \"docked-right\") {\n            const newWidth = Math.max(\n              UI_CONSTANTS.MIN_DOCKED_RIGHT_WIDTH,\n              Math.min(\n                UI_CONSTANTS.MAX_DOCKED_RIGHT_WIDTH,\n                resizeStart.current.width - deltaX,\n              ),\n            );\n            return {\n              ...prev,\n              width: newWidth,\n              x: window.innerWidth - newWidth,\n            };\n          }\n\n          let newX = prev.x;\n          let newY = prev.y;\n          let newWidth = prev.width;\n          let newHeight = prev.height;\n\n          if (handle.includes(\"right\")) {\n            newWidth = Math.max(\n              UI_CONSTANTS.MIN_PANEL_WIDTH,\n              resizeStart.current.width + deltaX,\n            );\n          }\n          if (handle.includes(\"left\")) {\n            newWidth = Math.max(\n              UI_CONSTANTS.MIN_PANEL_WIDTH,\n              resizeStart.current.width - deltaX,\n            );\n            newX = resizeStart.current.elemX + deltaX;\n            if (newWidth === UI_CONSTANTS.MIN_PANEL_WIDTH) {\n              newX = resizeStart.current.elemX + resizeStart.current.width\n                - UI_CONSTANTS.MIN_PANEL_WIDTH;\n            }\n          }\n          if (handle.includes(\"bottom\")) {\n            newHeight = Math.max(\n              UI_CONSTANTS.MIN_PANEL_HEIGHT,\n              resizeStart.current.height + deltaY,\n            );\n          }\n          if (handle.includes(\"top\")) {\n            newHeight = Math.max(\n              UI_CONSTANTS.MIN_PANEL_HEIGHT,\n              resizeStart.current.height - deltaY,\n            );\n            newY = resizeStart.current.elemY + deltaY;\n            if (newHeight === UI_CONSTANTS.MIN_PANEL_HEIGHT) {\n              newY = resizeStart.current.elemY + resizeStart.current.height\n                - UI_CONSTANTS.MIN_PANEL_HEIGHT;\n            }\n          }\n\n          return {\n            ...prev,\n            x: newX,\n            y: newY,\n            width: newWidth,\n            height: newHeight,\n          };\n        });\n      }\n    };\n\n    const handleMouseUp = () => {\n      isDragging.current = false;\n      isResizing.current = null;\n      controller.abort();\n      dragAbortRef.current = null;\n    };\n\n    document.addEventListener(\"mousemove\", handleMouseMove, { signal });\n    document.addEventListener(\"mouseup\", handleMouseUp, { signal });\n  }, []);\n\n  const handleMouseDown = useCallback(\n    (e: React.MouseEvent) => {\n      if ((e.target as HTMLElement).closest(`.${styles.controls}`)) {\n        return;\n      }\n      if (position.dockMode !== \"floating\") {\n        return;\n      }\n      isDragging.current = true;\n      dragStart.current = {\n        x: e.clientX,\n        y: e.clientY,\n        elemX: position.x,\n        elemY: position.y,\n      };\n      e.preventDefault();\n      attachDragListeners();\n    },\n    [position, attachDragListeners],\n  );\n\n  const handleResizeMouseDown = useCallback(\n    (e: React.MouseEvent, handle: string) => {\n      isResizing.current = handle;\n      resizeStart.current = {\n        x: e.clientX,\n        y: e.clientY,\n        width: position.width,\n        height: position.height,\n        elemX: position.x,\n        elemY: position.y,\n      };\n      e.preventDefault();\n      e.stopPropagation();\n      attachDragListeners();\n    },\n    [position, attachDragListeners],\n  );\n\n  const handleDockToggle = useCallback(() => {\n    setPosition((prev) => {\n      const nextMode = prev.dockMode === \"floating\"\n        ? \"docked-bottom\"\n        : prev.dockMode === \"docked-bottom\"\n        ? \"docked-right\"\n        : \"floating\";\n\n      if (nextMode === \"docked-bottom\") {\n        return {\n          x: 0,\n          y: window.innerHeight - UI_CONSTANTS.DOCKED_BOTTOM_HEIGHT,\n          width: window.innerWidth,\n          height: UI_CONSTANTS.DOCKED_BOTTOM_HEIGHT,\n          collapsed: false,\n          dockMode: nextMode,\n        };\n      } else if (nextMode === \"docked-right\") {\n        return {\n          x: window.innerWidth - UI_CONSTANTS.DOCKED_RIGHT_WIDTH,\n          y: 0,\n          width: UI_CONSTANTS.DOCKED_RIGHT_WIDTH,\n          height: window.innerHeight,\n          collapsed: false,\n          dockMode: nextMode,\n        };\n      } else {\n        return {\n          x: window.innerWidth - UI_CONSTANTS.DEFAULT_PANEL_RIGHT_OFFSET,\n          y: UI_CONSTANTS.DEFAULT_PANEL_TOP_OFFSET,\n          width: UI_CONSTANTS.DEFAULT_PANEL_WIDTH,\n          height: UI_CONSTANTS.DEFAULT_PANEL_HEIGHT,\n          collapsed: false,\n          dockMode: nextMode,\n        };\n      }\n    });\n  }, [setPosition]);\n\n  const windowSize = React.useSyncExternalStore(\n    subscribeWindowSize,\n    getWindowSizeSnapshot,\n  );\n\n  const effectivePosition = useMemo(() => {\n    if (position.dockMode === \"floating\") {\n      const maxX = windowSize.width - position.width;\n      const maxY = windowSize.height - position.height;\n      return {\n        ...position,\n        x: Math.max(0, Math.min(position.x, maxX)),\n        y: Math.max(0, Math.min(position.y, maxY)),\n      };\n    }\n    if (position.dockMode === \"docked-bottom\") {\n      return {\n        ...position,\n        width: windowSize.width,\n        y: windowSize.height - position.height,\n      };\n    }\n    if (position.dockMode === \"docked-right\") {\n      return {\n        ...position,\n        height: windowSize.height,\n        x: windowSize.width - position.width,\n      };\n    }\n    return position;\n  }, [position, windowSize]);\n\n  if (position.collapsed) {\n    return createPortal(\n      <Tooltip\n        content=\"View OSDK Devtools\"\n        placement=\"left\"\n        hoverOpenDelay={UI_CONSTANTS.TOOLTIP_HOVER_DELAY}\n      >\n        <div\n          className={styles.minimized}\n          data-dt-theme={resolvedTheme}\n          onClick={() => setPosition((prev) => ({ ...prev, collapsed: false }))}\n        >\n          <span className={styles.minimizedIcon}>&lt;/&gt;</span>\n        </div>\n      </Tooltip>,\n      document.body,\n    );\n  }\n\n  const panelClassName = classNames(\n    styles.panel,\n    resolvedTheme === \"dark\" ? Classes.DARK : undefined,\n    {\n      [styles.floating]: position.dockMode === \"floating\",\n      [styles.dockedBottom]: position.dockMode === \"docked-bottom\",\n      [styles.dockedRight]: position.dockMode === \"docked-right\",\n    },\n  );\n  return createPortal(\n    <div\n      ref={panelRef}\n      className={panelClassName}\n      data-dt-theme={resolvedTheme}\n      style={{\n        left: effectivePosition.dockMode === \"docked-bottom\"\n          ? 0\n          : effectivePosition.x,\n        top: effectivePosition.dockMode === \"docked-right\"\n          ? 0\n          : effectivePosition.y,\n        width: effectivePosition.width,\n        height: effectivePosition.height,\n        right: effectivePosition.dockMode === \"docked-right\" ? 0 : undefined,\n        bottom: effectivePosition.dockMode === \"docked-bottom\" ? 0 : undefined,\n      }}\n    >\n      {(position.dockMode === \"floating\"\n        ? [\n          { cls: [styles.horizontal, styles.top], handle: \"top\" },\n          { cls: [styles.horizontal, styles.bottom], handle: \"bottom\" },\n          { cls: [styles.vertical, styles.left], handle: \"left\" },\n          { cls: [styles.vertical, styles.right], handle: \"right\" },\n          { cls: [styles.corner, styles.topLeft], handle: \"topLeft\" },\n          { cls: [styles.corner, styles.topRight], handle: \"topRight\" },\n          { cls: [styles.corner, styles.bottomLeft], handle: \"bottomLeft\" },\n          { cls: [styles.corner, styles.bottomRight], handle: \"bottomRight\" },\n        ]\n        : position.dockMode === \"docked-bottom\"\n        ? [{ cls: [styles.horizontal, styles.top], handle: \"top\" }]\n        : position.dockMode === \"docked-right\"\n        ? [{ cls: [styles.vertical, styles.left], handle: \"left\" }]\n        : []).map(({ cls, handle }) => (\n          <div\n            key={handle}\n            className={classNames(styles.resizeHandle, ...cls)}\n            onMouseDown={(e) => handleResizeMouseDown(e, handle)}\n          />\n        ))}\n\n      <div className={styles.header} onMouseDown={handleMouseDown}>\n        <h3 className={styles.title}>\n          OSDK Devtools\n          <span className={styles.badge}>Beta</span>\n        </h3>\n        <div className={styles.controls}>\n          <Button\n            variant=\"minimal\"\n            size=\"small\"\n            icon={themePreference === \"dark\"\n              ? \"moon\"\n              : themePreference === \"light\"\n              ? \"flash\"\n              : \"automatic-updates\"}\n            onClick={() =>\n              setThemePreference(\n                themePreference === \"dark\"\n                  ? \"light\"\n                  : themePreference === \"light\"\n                  ? \"auto\"\n                  : \"dark\",\n              )}\n            title={`Theme: ${themePreference} (click to cycle)`}\n            aria-label={`Theme: ${themePreference}. Click to cycle.`}\n          />\n          <Button\n            variant=\"minimal\"\n            size=\"small\"\n            icon={position.dockMode === \"floating\"\n              ? \"widget\"\n              : position.dockMode === \"docked-bottom\"\n              ? \"layout-sorted-clusters\"\n              : \"layout-hierarchy\"}\n            onClick={handleDockToggle}\n            title={`Dock mode: ${position.dockMode} (click to cycle)`}\n            aria-label={`Dock mode: ${position.dockMode}. Click to cycle.`}\n          />\n          <Button\n            variant=\"minimal\"\n            size=\"small\"\n            icon=\"reset\"\n            onClick={() => metricsStore.reset()}\n            title=\"Reset metrics\"\n            aria-label=\"Reset metrics\"\n          />\n          <Button\n            variant=\"minimal\"\n            size=\"small\"\n            icon=\"minimize\"\n            onClick={() =>\n              setPosition((prev) => ({ ...prev, collapsed: true }))}\n            title=\"Minimize\"\n            aria-label=\"Minimize devtools panel\"\n          />\n        </div>\n      </div>\n\n      <div className={styles.tabs} role=\"tablist\" aria-label=\"Devtools tabs\">\n        {(\n          [\"performance\", \"compute\", \"intercept\", \"debugging\"] as const\n        ).map((tab) => (\n          <button\n            key={tab}\n            type=\"button\"\n            role=\"tab\"\n            aria-selected={activeTab === tab}\n            className={classNames(\n              styles.tabButton,\n              activeTab === tab && styles.tabButtonActive,\n            )}\n            onClick={() => setActiveTab(tab)}\n          >\n            {tab.charAt(0).toUpperCase() + tab.slice(1)}\n          </button>\n        ))}\n      </div>\n\n      <div className={styles.content}>\n        {(!fiberCapabilities.hookInstalled\n          || !fiberCapabilities.fiberAccessWorking) && (\n          <DegradationNotice onRetry={() => validateFiberAccess()} />\n        )}\n\n        <div\n          className={activeTab === \"performance\"\n            ? styles.tabContentVisible\n            : styles.tabContentHidden}\n        >\n          <PerformanceTab\n            metricsStore={metricsStore}\n            monitorStore={monitorStore}\n          />\n        </div>\n        <div\n          className={activeTab === \"compute\"\n            ? styles.tabContentVisible\n            : styles.tabContentHidden}\n        >\n          <ComputeTab computeStore={computeStore} />\n        </div>\n        <div\n          className={activeTab === \"intercept\"\n            ? styles.tabContentVisible\n            : styles.tabContentHidden}\n        >\n          <InterceptTab monitorStore={monitorStore} theme={resolvedTheme} />\n        </div>\n        <div\n          className={activeTab === \"debugging\"\n            ? styles.tabContentVisible\n            : styles.tabContentHidden}\n        >\n          <DebuggingTab monitorStore={monitorStore} />\n        </div>\n      </div>\n    </div>,\n    document.body,\n  );\n};\n\nexport const SafeMonitoringPanel: React.FC<MonitoringPanelProps> = (props) => (\n  <MonitorErrorBoundary>\n    <MonitoringPanel {...props} />\n  </MonitorErrorBoundary>\n);\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,81 @@
+// AUTO-GENERATED by scripts/build-css.mjs. Do not edit by hand.
+const styles = {
+  "panel": "MonitoringPanel-module__panel___nLfigSXQ",
+  "collapsed": "MonitoringPanel-module__collapsed___pQFGiC3Y",
+  "floating": "MonitoringPanel-module__floating___FJSPBbhW",
+  "dockedBottom": "MonitoringPanel-module__dockedBottom___Lk-LOHZ5",
+  "dockedRight": "MonitoringPanel-module__dockedRight___clBz4I88",
+  "resizeHandle": "MonitoringPanel-module__resizeHandle___9x0yh5lU",
+  "horizontal": "MonitoringPanel-module__horizontal___PGCdBOUh",
+  "top": "MonitoringPanel-module__top___LzSQg8NP",
+  "bottom": "MonitoringPanel-module__bottom___KS-5RnxQ",
+  "vertical": "MonitoringPanel-module__vertical___1oMz2aXw",
+  "left": "MonitoringPanel-module__left___-ndE4pdQ",
+  "right": "MonitoringPanel-module__right___xWS34a7v",
+  "corner": "MonitoringPanel-module__corner___Y3E9-Ngt",
+  "topLeft": "MonitoringPanel-module__topLeft___egiC6jiI",
+  "topRight": "MonitoringPanel-module__topRight___1iBhTC4R",
+  "bottomLeft": "MonitoringPanel-module__bottomLeft___RhDHxAdJ",
+  "bottomRight": "MonitoringPanel-module__bottomRight___-kD0dpnE",
+  "header": "MonitoringPanel-module__header___QiCDZ5w4",
+  "title": "MonitoringPanel-module__title___nyXKziOu",
+  "badge": "MonitoringPanel-module__badge___EVCARt18",
+  "controls": "MonitoringPanel-module__controls___0x-Xb00n",
+  "iconButton": "MonitoringPanel-module__iconButton___Ofs4kVaT",
+  "content": "MonitoringPanel-module__content___ZVPMCH4O",
+  "tabs": "MonitoringPanel-module__tabs___bqn6HDbz",
+  "tabButton": "MonitoringPanel-module__tabButton___cjPGg0FS",
+  "tabButtonActive": "MonitoringPanel-module__tabButtonActive___gEhlfE4y",
+  "tabContentVisible": "MonitoringPanel-module__tabContentVisible___llXLpVeb",
+  "tabContentHidden": "MonitoringPanel-module__tabContentHidden___Hm4ckAQm",
+  "metricsGrid": "MonitoringPanel-module__metricsGrid___Ui5kYWKE",
+  "computeMetricsGrid": "MonitoringPanel-module__computeMetricsGrid___7yTv8eKM",
+  "metricCell": "MonitoringPanel-module__metricCell___5zQ-5e-x",
+  "metricGroup": "MonitoringPanel-module__metricGroup___Fp6hUY6B",
+  "metricGroupTitle": "MonitoringPanel-module__metricGroupTitle___AAAJ0bwx",
+  "metricGroupContent": "MonitoringPanel-module__metricGroupContent___adfvrz7S",
+  "filterControls": "MonitoringPanel-module__filterControls___wDE5Chtb",
+  "metric": "MonitoringPanel-module__metric___DH779Z6S",
+  "metricLabel": "MonitoringPanel-module__metricLabel___vLuqCOAL",
+  "metricValue": "MonitoringPanel-module__metricValue___czLLjZXS",
+  "success": "MonitoringPanel-module__success___G0JJEQwh",
+  "warning": "MonitoringPanel-module__warning___5YufTRI-",
+  "danger": "MonitoringPanel-module__danger___YL15n2gC",
+  "metricSubtext": "MonitoringPanel-module__metricSubtext___GBakeTNA",
+  "operationsList": "MonitoringPanel-module__operationsList___hsBFBVLc",
+  "operationItem": "MonitoringPanel-module__operationItem___kq8nTthj",
+  "selectedItem": "MonitoringPanel-module__selectedItem___ZImakpn-",
+  "operationType": "MonitoringPanel-module__operationType___Uh0vHvOa",
+  "cacheHit": "MonitoringPanel-module__cacheHit___L7hFFyH9",
+  "cacheMiss": "MonitoringPanel-module__cacheMiss___K4S4ylBH",
+  "deduplication": "MonitoringPanel-module__deduplication___zwTcbDVv",
+  "optimistic": "MonitoringPanel-module__optimistic___6uuChUrU",
+  "action": "MonitoringPanel-module__action___GWwyF452",
+  "revalidation": "MonitoringPanel-module__revalidation___wjb0pZIG",
+  "validation": "MonitoringPanel-module__validation___fdnbTdj8",
+  "operationDetails": "MonitoringPanel-module__operationDetails___qtP8IccP",
+  "operationSignature": "MonitoringPanel-module__operationSignature___neFY6h6Q",
+  "actionCauseBadge": "MonitoringPanel-module__actionCauseBadge___MCsU7F1O",
+  "operationTime": "MonitoringPanel-module__operationTime___54SdGSfF",
+  "operationMetric": "MonitoringPanel-module__operationMetric___OmQ6PFH-",
+  "saved": "MonitoringPanel-module__saved___lnYxmslL",
+  "operationMetrics": "MonitoringPanel-module__operationMetrics___RsIpcXjl",
+  "rollback": "MonitoringPanel-module__rollback___9XS7UXok",
+  "emptyState": "MonitoringPanel-module__emptyState___0-9OEEoK",
+  "minimized": "MonitoringPanel-module__minimized___FKTZeeJi",
+  "minimizedIcon": "MonitoringPanel-module__minimizedIcon___1mK64ane",
+  "bubbleChartContainer": "MonitoringPanel-module__bubbleChartContainer___QY96L6Y0",
+  "computeControls": "MonitoringPanel-module__computeControls___443I5RMM",
+  "computeFulfilled": "MonitoringPanel-module__computeFulfilled___KDkGUSj6",
+  "computeFulfilledWithoutUsage": "MonitoringPanel-module__computeFulfilledWithoutUsage___MwbFYzav",
+  "computeFailed": "MonitoringPanel-module__computeFailed___tY8qLNXd",
+  "computePending": "MonitoringPanel-module__computePending___7l8ZBcf5",
+  "timelineContainer": "MonitoringPanel-module__timelineContainer___NbpXl298",
+  "inlineIndicator": "MonitoringPanel-module__inlineIndicator___oADVDeoM",
+  "inlineTip": "MonitoringPanel-module__inlineTip___99PpKMlx",
+  "emptyIcon": "MonitoringPanel-module__emptyIcon___X4HxVKa6",
+  "emptySubtext": "MonitoringPanel-module__emptySubtext___4G-5gbFh",
+  "dt-shimmer": "MonitoringPanel-module__dt-shimmer___JebnPw7-",
+  "dt-fade-up": "MonitoringPanel-module__dt-fade-up___WQOMI910"
+};
+export default styles;