@osdk/react-devtools 0.5.0

package/build/esm/components/MockEditor.js

@@ -0,0 +1,316 @@
+/*
+ * 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, Callout, Checkbox, FormGroup, HTMLSelect, Icon, Radio, RadioGroup, TextArea } from "@blueprintjs/core";
+import React from "react";
+import styles from "./InterceptTab.module.scss.js";
+export const MockEditor = ({
+  selectedPrimitive,
+  editingMock,
+  mockType,
+  responseType,
+  usePayload,
+  mockPayload,
+  useResponse,
+  staticData,
+  functionCode,
+  errorMessage,
+  dispatch,
+  mockPrimitiveInfo,
+  onSaveMock,
+  onCancel
+}) => {
+  return /*#__PURE__*/React.createElement("div", {
+    className: styles.editorPanel
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles.panelHeader
+  }, /*#__PURE__*/React.createElement(Icon, {
+    icon: mockPrimitiveInfo?.icon ?? "cube"
+  }), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+    className: styles.panelTitle
+  }, editingMock ? "Edit Mock" : "Create Mock"), /*#__PURE__*/React.createElement("div", {
+    className: styles.panelSubtitle
+  }, mockPrimitiveInfo?.title, " \xB7 ", mockPrimitiveInfo?.subtitle)), /*#__PURE__*/React.createElement(Button, {
+    variant: "minimal",
+    size: "small",
+    icon: "cross",
+    "aria-label": "Close editor",
+    onClick: onCancel
+  })), /*#__PURE__*/React.createElement("div", {
+    className: styles.editorContent
+  }, mockPrimitiveInfo?.signature && /*#__PURE__*/React.createElement("div", {
+    className: styles.primitiveSignature
+  }, /*#__PURE__*/React.createElement("code", null, mockPrimitiveInfo.signature)), /*#__PURE__*/React.createElement(FormGroup, {
+    label: "Response Type",
+    labelInfo: "(required)"
+  }, /*#__PURE__*/React.createElement(RadioGroup, {
+    inline: true,
+    onChange: e => dispatch({
+      type: "SET_RESPONSE_TYPE",
+      responseType: e.currentTarget.value
+    }),
+    selectedValue: responseType
+  }, /*#__PURE__*/React.createElement(Radio, {
+    label: "Success",
+    value: "success"
+  }), /*#__PURE__*/React.createElement(Radio, {
+    label: "Error/Failure",
+    value: "error"
+  }))), /*#__PURE__*/React.createElement(FormGroup, {
+    label: "Mock Type",
+    labelInfo: "(required)"
+  }, /*#__PURE__*/React.createElement(HTMLSelect, {
+    value: mockType,
+    onChange: e => dispatch({
+      type: "SET_MOCK_TYPE",
+      mockType: e.target.value
+    }),
+    fill: true,
+    options: [{
+      label: "Static Data",
+      value: "static"
+    }, {
+      label: "Function (Dynamic)",
+      value: "function"
+    }, {
+      label: "Pass-through (Original + Log)",
+      value: "passthrough"
+    }]
+  })), selectedPrimitive.type === "action" && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Checkbox, {
+    checked: usePayload,
+    onChange: e => dispatch({
+      type: "SET_USE_PAYLOAD",
+      usePayload: e.currentTarget.checked
+    }),
+    label: "Use Payload"
+  }), usePayload && /*#__PURE__*/React.createElement(FormGroup, {
+    label: "Action Payload (JSON)",
+    helperText: "The parameters to pass to the action"
+  }, /*#__PURE__*/React.createElement(TextArea, {
+    value: mockPayload,
+    onChange: e => dispatch({
+      type: "SET_MOCK_PAYLOAD",
+      mockPayload: e.target.value
+    }),
+    fill: true,
+    rows: 4,
+    className: styles.codeEditor
+  }))), /*#__PURE__*/React.createElement(Checkbox, {
+    checked: useResponse,
+    onChange: e => dispatch({
+      type: "SET_USE_RESPONSE",
+      useResponse: e.currentTarget.checked
+    }),
+    label: "Use Response"
+  }), useResponse && /*#__PURE__*/React.createElement(React.Fragment, null, responseType === "error" && /*#__PURE__*/React.createElement(FormGroup, {
+    label: "Error Message",
+    helperText: "The error message to return"
+  }, /*#__PURE__*/React.createElement(TextArea, {
+    value: errorMessage,
+    onChange: e => dispatch({
+      type: "SET_ERROR_MESSAGE",
+      errorMessage: e.target.value
+    }),
+    fill: true,
+    rows: 2
+  })), mockType === "static" && responseType === "success" && /*#__PURE__*/React.createElement(FormGroup, {
+    label: "Mock Data (JSON)",
+    helperText: "Enter the JSON response that this mock should return"
+  }, /*#__PURE__*/React.createElement(TextArea, {
+    value: staticData,
+    onChange: e => dispatch({
+      type: "SET_STATIC_DATA",
+      staticData: e.target.value
+    }),
+    fill: true,
+    rows: 8,
+    className: styles.codeEditor
+  })), mockType === "function" && /*#__PURE__*/React.createElement(FormGroup, {
+    label: "Mock Function",
+    helperText: "Write a function that generates mock data dynamically"
+  }, /*#__PURE__*/React.createElement(TextArea, {
+    value: functionCode,
+    onChange: e => dispatch({
+      type: "SET_FUNCTION_CODE",
+      functionCode: e.target.value
+    }),
+    fill: true,
+    rows: 10,
+    className: styles.codeEditor
+  }))), mockType === "passthrough" && /*#__PURE__*/React.createElement(Callout, {
+    intent: "primary",
+    icon: "info-sign"
+  }, "Pass-through mode will execute the real query but log all parameters and responses for debugging."), /*#__PURE__*/React.createElement("div", {
+    className: styles.editorActions
+  }, /*#__PURE__*/React.createElement(Button, {
+    intent: "primary",
+    icon: "floppy-disk",
+    onClick: onSaveMock
+  }, editingMock ? "Update Mock" : "Create Mock"), /*#__PURE__*/React.createElement(Button, {
+    variant: "minimal",
+    onClick: onCancel
+  }, "Cancel"))));
+};
+export function getMockPrimitiveInfo(primitive) {
+  switch (primitive.type) {
+    case "action":
+      return {
+        title: primitive.data.name,
+        subtitle: "Action",
+        icon: "flash",
+        signature: primitive.data.signature
+      };
+    case "objectSet":
+      return {
+        title: primitive.data.type,
+        subtitle: "Object Set Query",
+        icon: "th-list",
+        signature: `useOsdkObjects(${primitive.data.type})`
+      };
+    case "object":
+      return {
+        title: primitive.data.type,
+        subtitle: "Object Query",
+        icon: "cube",
+        signature: `useOsdkObject(${primitive.data.type}, ${primitive.data.primaryKey || "'...'"})`
+      };
+    case "link":
+      return {
+        title: primitive.data.linkName,
+        subtitle: "Link Traversal",
+        icon: "link",
+        signature: `useLinks(..., "${primitive.data.linkName}")`
+      };
+    case "query":
+      return {
+        title: primitive.data.hookType,
+        subtitle: "Advanced Query",
+        icon: "database",
+        signature: primitive.data.signature
+      };
+    case "aggregation":
+      return {
+        title: primitive.data.type,
+        subtitle: "Aggregation",
+        icon: "grouped-bar-chart",
+        signature: `useOsdkAggregation(${primitive.data.type})`
+      };
+  }
+}
+export function createMatcherFromPrimitive(primitive) {
+  switch (primitive.type) {
+    case "action":
+      return {
+        actionName: primitive.data.name
+      };
+    case "objectSet":
+      return {
+        objectType: primitive.data.type,
+        whereClause: primitive.data.whereClause
+      };
+    case "aggregation":
+      return {
+        objectType: primitive.data.type,
+        whereClause: primitive.data.whereClause
+      };
+    case "object":
+      return {
+        objectType: primitive.data.type,
+        primaryKey: primitive.data.primaryKey
+      };
+    case "link":
+      return {
+        objectType: primitive.data.sourceType,
+        linkName: primitive.data.linkName
+      };
+    case "query":
+      return {};
+  }
+}
+export function createResponseFromConfig(primitive, mockData) {
+  if (primitive.type === "action") {
+    return {
+      type: "action",
+      result: mockData
+    };
+  } else if (primitive.type === "objectSet" || primitive.type === "link" || primitive.type === "aggregation") {
+    return {
+      type: "list",
+      list: Array.isArray(mockData) ? mockData : [mockData],
+      hasMore: false
+    };
+  } else {
+    return {
+      type: "object",
+      object: mockData
+    };
+  }
+}
+export const MockItem = /*#__PURE__*/React.memo(({
+  mock,
+  onToggle,
+  onDelete,
+  onEdit
+}) => {
+  const info = mock.config ? getMockPrimitiveInfo(mock.config.primitive) : null;
+  const label = {
+    icon: info?.icon ?? "help",
+    text: info?.title ?? "Unknown"
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: styles.interceptItem
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles.interceptItemContent,
+    onClick: onEdit,
+    title: "Click to view/edit configuration"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles.interceptItemHeader
+  }, /*#__PURE__*/React.createElement(Icon, {
+    icon: label.icon
+  }), /*#__PURE__*/React.createElement("span", {
+    className: styles.interceptItemTitle
+  }, label.text), /*#__PURE__*/React.createElement("span", {
+    className: `${styles.interceptBadge} ${styles.interceptBadgeMock}`
+  }, "mock"), /*#__PURE__*/React.createElement("span", {
+    className: styles.interceptItemMeta
+  }, mock.config?.mockType || "static"), /*#__PURE__*/React.createElement("span", {
+    className: styles.interceptItemMeta
+  }, "Used: ", mock.usedCount, "x")), /*#__PURE__*/React.createElement("div", {
+    className: styles.interceptItemDetails
+  }, mock.config?.responseType === "error" && /*#__PURE__*/React.createElement("span", {
+    className: styles.detail
+  }, "Error Response"))), /*#__PURE__*/React.createElement("div", {
+    className: styles.interceptItemActions
+  }, /*#__PURE__*/React.createElement(Button, {
+    variant: "minimal",
+    size: "small",
+    intent: mock.enabled ? "success" : "warning",
+    icon: mock.enabled ? "pause" : "play",
+    onClick: onToggle,
+    title: mock.enabled ? "Pause mock" : "Resume mock",
+    "aria-label": mock.enabled ? "Pause mock" : "Resume mock"
+  }), /*#__PURE__*/React.createElement(Button, {
+    variant: "minimal",
+    size: "small",
+    intent: "danger",
+    icon: "trash",
+    onClick: onDelete,
+    title: "Delete mock",
+    "aria-label": "Delete mock"
+  })));
+});
+MockItem.displayName = "MockItem";
+//# sourceMappingURL=MockEditor.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MockEditor.js","names":["Button","Callout","Checkbox","FormGroup","HTMLSelect","Icon","Radio","RadioGroup","TextArea","React","styles","MockEditor","selectedPrimitive","editingMock","mockType","responseType","usePayload","mockPayload","useResponse","staticData","functionCode","errorMessage","dispatch","mockPrimitiveInfo","onSaveMock","onCancel","createElement","className","editorPanel","panelHeader","icon","panelTitle","panelSubtitle","title","subtitle","variant","size","onClick","editorContent","signature","primitiveSignature","label","labelInfo","inline","onChange","e","type","currentTarget","value","selectedValue","target","fill","options","Fragment","checked","helperText","rows","codeEditor","intent","editorActions","getMockPrimitiveInfo","primitive","data","name","primaryKey","linkName","hookType","createMatcherFromPrimitive","actionName","objectType","whereClause","sourceType","createResponseFromConfig","mockData","result","list","Array","isArray","hasMore","object","MockItem","memo","mock","onToggle","onDelete","onEdit","info","config","text","interceptItem","interceptItemContent","interceptItemHeader","interceptItemTitle","interceptBadge","interceptBadgeMock","interceptItemMeta","usedCount","interceptItemDetails","detail","interceptItemActions","enabled","displayName"],"sources":["MockEditor.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 {\n  Button,\n  Callout,\n  Checkbox,\n  FormGroup,\n  HTMLSelect,\n  Icon,\n  Radio,\n  RadioGroup,\n  TextArea,\n} from \"@blueprintjs/core\";\nimport React from \"react\";\nimport type { MockResponse } from \"../mocking/MockManager.js\";\nimport type { InterceptAction, MockConfiguration } from \"./InterceptTab.js\";\nimport styles from \"./InterceptTab.module.scss\";\nimport type { SelectedPrimitive } from \"./PrimitiveSelectionPanel.js\";\n\ntype MockWithConfig = MockResponse & { config: MockConfiguration };\n\ninterface MockEditorProps {\n  selectedPrimitive: SelectedPrimitive;\n  editingMock: MockWithConfig | null;\n  mockType: MockConfiguration[\"mockType\"];\n  responseType: MockConfiguration[\"responseType\"];\n  usePayload: boolean;\n  mockPayload: string;\n  useResponse: boolean;\n  staticData: string;\n  functionCode: string;\n  errorMessage: string;\n  dispatch: React.Dispatch<InterceptAction>;\n  mockPrimitiveInfo: ReturnType<typeof getMockPrimitiveInfo> | null;\n  onSaveMock: () => void;\n  onCancel: () => void;\n}\n\nexport const MockEditor: React.FC<MockEditorProps> = ({\n  selectedPrimitive,\n  editingMock,\n  mockType,\n  responseType,\n  usePayload,\n  mockPayload,\n  useResponse,\n  staticData,\n  functionCode,\n  errorMessage,\n  dispatch,\n  mockPrimitiveInfo,\n  onSaveMock,\n  onCancel,\n}) => {\n  return (\n    <div className={styles.editorPanel}>\n      <div className={styles.panelHeader}>\n        <Icon icon={mockPrimitiveInfo?.icon ?? \"cube\"} />\n        <div>\n          <div className={styles.panelTitle}>\n            {editingMock ? \"Edit Mock\" : \"Create Mock\"}\n          </div>\n          <div className={styles.panelSubtitle}>\n            {mockPrimitiveInfo?.title} · {mockPrimitiveInfo?.subtitle}\n          </div>\n        </div>\n        <Button\n          variant=\"minimal\"\n          size=\"small\"\n          icon=\"cross\"\n          aria-label=\"Close editor\"\n          onClick={onCancel}\n        />\n      </div>\n\n      <div className={styles.editorContent}>\n        {mockPrimitiveInfo?.signature && (\n          <div className={styles.primitiveSignature}>\n            <code>{mockPrimitiveInfo.signature}</code>\n          </div>\n        )}\n\n        <FormGroup label=\"Response Type\" labelInfo=\"(required)\">\n          <RadioGroup\n            inline={true}\n            onChange={(e) =>\n              dispatch({\n                type: \"SET_RESPONSE_TYPE\",\n                responseType: e.currentTarget\n                  .value as MockConfiguration[\"responseType\"],\n              })}\n            selectedValue={responseType}\n          >\n            <Radio label=\"Success\" value=\"success\" />\n            <Radio label=\"Error/Failure\" value=\"error\" />\n          </RadioGroup>\n        </FormGroup>\n\n        <FormGroup label=\"Mock Type\" labelInfo=\"(required)\">\n          <HTMLSelect\n            value={mockType}\n            onChange={(e) =>\n              dispatch({\n                type: \"SET_MOCK_TYPE\",\n                mockType: e.target.value as MockConfiguration[\"mockType\"],\n              })}\n            fill={true}\n            options={[\n              { label: \"Static Data\", value: \"static\" },\n              { label: \"Function (Dynamic)\", value: \"function\" },\n              {\n                label: \"Pass-through (Original + Log)\",\n                value: \"passthrough\",\n              },\n            ]}\n          />\n        </FormGroup>\n\n        {selectedPrimitive.type === \"action\" && (\n          <>\n            <Checkbox\n              checked={usePayload}\n              onChange={(e) =>\n                dispatch({\n                  type: \"SET_USE_PAYLOAD\",\n                  usePayload: e.currentTarget.checked,\n                })}\n              label=\"Use Payload\"\n            />\n            {usePayload && (\n              <FormGroup\n                label=\"Action Payload (JSON)\"\n                helperText=\"The parameters to pass to the action\"\n              >\n                <TextArea\n                  value={mockPayload}\n                  onChange={(e) =>\n                    dispatch({\n                      type: \"SET_MOCK_PAYLOAD\",\n                      mockPayload: e.target.value,\n                    })}\n                  fill={true}\n                  rows={4}\n                  className={styles.codeEditor}\n                />\n              </FormGroup>\n            )}\n          </>\n        )}\n\n        <Checkbox\n          checked={useResponse}\n          onChange={(e) =>\n            dispatch({\n              type: \"SET_USE_RESPONSE\",\n              useResponse: e.currentTarget.checked,\n            })}\n          label=\"Use Response\"\n        />\n\n        {useResponse && (\n          <>\n            {responseType === \"error\" && (\n              <FormGroup\n                label=\"Error Message\"\n                helperText=\"The error message to return\"\n              >\n                <TextArea\n                  value={errorMessage}\n                  onChange={(e) =>\n                    dispatch({\n                      type: \"SET_ERROR_MESSAGE\",\n                      errorMessage: e.target.value,\n                    })}\n                  fill={true}\n                  rows={2}\n                />\n              </FormGroup>\n            )}\n\n            {mockType === \"static\" && responseType === \"success\" && (\n              <FormGroup\n                label=\"Mock Data (JSON)\"\n                helperText=\"Enter the JSON response that this mock should return\"\n              >\n                <TextArea\n                  value={staticData}\n                  onChange={(e) =>\n                    dispatch({\n                      type: \"SET_STATIC_DATA\",\n                      staticData: e.target.value,\n                    })}\n                  fill={true}\n                  rows={8}\n                  className={styles.codeEditor}\n                />\n              </FormGroup>\n            )}\n\n            {mockType === \"function\" && (\n              <FormGroup\n                label=\"Mock Function\"\n                helperText=\"Write a function that generates mock data dynamically\"\n              >\n                <TextArea\n                  value={functionCode}\n                  onChange={(e) =>\n                    dispatch({\n                      type: \"SET_FUNCTION_CODE\",\n                      functionCode: e.target.value,\n                    })}\n                  fill={true}\n                  rows={10}\n                  className={styles.codeEditor}\n                />\n              </FormGroup>\n            )}\n          </>\n        )}\n\n        {mockType === \"passthrough\" && (\n          <Callout intent=\"primary\" icon=\"info-sign\">\n            Pass-through mode will execute the real query but log all parameters\n            and responses for debugging.\n          </Callout>\n        )}\n\n        <div className={styles.editorActions}>\n          <Button\n            intent=\"primary\"\n            icon=\"floppy-disk\"\n            onClick={onSaveMock}\n          >\n            {editingMock ? \"Update Mock\" : \"Create Mock\"}\n          </Button>\n          <Button variant=\"minimal\" onClick={onCancel}>\n            Cancel\n          </Button>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport function getMockPrimitiveInfo(primitive: SelectedPrimitive): {\n  title: string;\n  subtitle: string;\n  icon:\n    | \"flash\"\n    | \"th-list\"\n    | \"cube\"\n    | \"link\"\n    | \"database\"\n    | \"grouped-bar-chart\";\n  signature: string | undefined;\n} {\n  switch (primitive.type) {\n    case \"action\":\n      return {\n        title: primitive.data.name,\n        subtitle: \"Action\",\n        icon: \"flash\" as const,\n        signature: primitive.data.signature,\n      };\n    case \"objectSet\":\n      return {\n        title: primitive.data.type,\n        subtitle: \"Object Set Query\",\n        icon: \"th-list\" as const,\n        signature: `useOsdkObjects(${primitive.data.type})`,\n      };\n    case \"object\":\n      return {\n        title: primitive.data.type,\n        subtitle: \"Object Query\",\n        icon: \"cube\" as const,\n        signature: `useOsdkObject(${primitive.data.type}, ${\n          primitive.data.primaryKey || \"'...'\"\n        })`,\n      };\n    case \"link\":\n      return {\n        title: primitive.data.linkName,\n        subtitle: \"Link Traversal\",\n        icon: \"link\" as const,\n        signature: `useLinks(..., \"${primitive.data.linkName}\")`,\n      };\n    case \"query\":\n      return {\n        title: primitive.data.hookType,\n        subtitle: \"Advanced Query\",\n        icon: \"database\" as const,\n        signature: primitive.data.signature,\n      };\n    case \"aggregation\":\n      return {\n        title: primitive.data.type,\n        subtitle: \"Aggregation\",\n        icon: \"grouped-bar-chart\" as const,\n        signature: `useOsdkAggregation(${primitive.data.type})`,\n      };\n  }\n}\n\nexport function createMatcherFromPrimitive(primitive: SelectedPrimitive): {\n  actionName?: string;\n  objectType?: string;\n  whereClause?: Record<string, unknown>;\n  primaryKey?: string;\n  linkName?: string;\n} {\n  switch (primitive.type) {\n    case \"action\":\n      return { actionName: primitive.data.name };\n    case \"objectSet\":\n      return {\n        objectType: primitive.data.type,\n        whereClause: primitive.data.whereClause,\n      };\n    case \"aggregation\":\n      return {\n        objectType: primitive.data.type,\n        whereClause: primitive.data.whereClause,\n      };\n    case \"object\":\n      return {\n        objectType: primitive.data.type,\n        primaryKey: primitive.data.primaryKey,\n      };\n    case \"link\":\n      return {\n        objectType: primitive.data.sourceType,\n        linkName: primitive.data.linkName,\n      };\n    case \"query\":\n      return {};\n  }\n}\n\nexport function createResponseFromConfig(\n  primitive: SelectedPrimitive,\n  mockData: unknown,\n): {\n  type: \"action\";\n  result: unknown;\n} | {\n  type: \"list\";\n  list: unknown[];\n  hasMore: boolean;\n} | {\n  type: \"object\";\n  object: unknown;\n} {\n  if (primitive.type === \"action\") {\n    return { type: \"action\" as const, result: mockData };\n  } else if (\n    primitive.type === \"objectSet\" || primitive.type === \"link\"\n    || primitive.type === \"aggregation\"\n  ) {\n    return {\n      type: \"list\" as const,\n      list: Array.isArray(mockData) ? mockData : [mockData],\n      hasMore: false,\n    };\n  } else {\n    return { type: \"object\" as const, object: mockData };\n  }\n}\n\nexport interface MockItemProps {\n  mock: MockResponse & { config: MockConfiguration };\n  onToggle: () => void;\n  onDelete: () => void;\n  onEdit: () => void;\n}\n\nexport const MockItem: React.FC<MockItemProps> = React.memo(\n  ({ mock, onToggle, onDelete, onEdit }) => {\n    const info = mock.config\n      ? getMockPrimitiveInfo(mock.config.primitive)\n      : null;\n    const label = {\n      icon: info?.icon ?? (\"help\" as const),\n      text: info?.title ?? \"Unknown\",\n    };\n\n    return (\n      <div className={styles.interceptItem}>\n        <div\n          className={styles.interceptItemContent}\n          onClick={onEdit}\n          title=\"Click to view/edit configuration\"\n        >\n          <div className={styles.interceptItemHeader}>\n            <Icon icon={label.icon} />\n            <span className={styles.interceptItemTitle}>{label.text}</span>\n            <span\n              className={`${styles.interceptBadge} ${styles.interceptBadgeMock}`}\n            >\n              mock\n            </span>\n            <span className={styles.interceptItemMeta}>\n              {mock.config?.mockType || \"static\"}\n            </span>\n            <span className={styles.interceptItemMeta}>\n              Used: {mock.usedCount}x\n            </span>\n          </div>\n          <div className={styles.interceptItemDetails}>\n            {mock.config?.responseType === \"error\" && (\n              <span className={styles.detail}>Error Response</span>\n            )}\n          </div>\n        </div>\n\n        <div className={styles.interceptItemActions}>\n          <Button\n            variant=\"minimal\"\n            size=\"small\"\n            intent={mock.enabled ? \"success\" : \"warning\"}\n            icon={mock.enabled ? \"pause\" : \"play\"}\n            onClick={onToggle}\n            title={mock.enabled ? \"Pause mock\" : \"Resume mock\"}\n            aria-label={mock.enabled ? \"Pause mock\" : \"Resume mock\"}\n          />\n          <Button\n            variant=\"minimal\"\n            size=\"small\"\n            intent=\"danger\"\n            icon=\"trash\"\n            onClick={onDelete}\n            title=\"Delete mock\"\n            aria-label=\"Delete mock\"\n          />\n        </div>\n      </div>\n    );\n  },\n);\n\nMockItem.displayName = \"MockItem\";\n"],"mappings":"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","ignoreList":[]}

package/build/esm/components/MonitorErrorBoundary.js

@@ -0,0 +1,64 @@
+/*
+ * Copyright 2025 Palantir Technologies, Inc. All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import React from "react";
+import styles from "./MonitorErrorBoundary.module.scss.js";
+export class MonitorErrorBoundary extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      hasError: false,
+      error: null
+    };
+  }
+  static getDerivedStateFromError(error) {
+    return {
+      hasError: true,
+      error
+    };
+  }
+  componentDidCatch(error, errorInfo) {
+    // eslint-disable-next-line no-console
+    console.error("[MonitorErrorBoundary] Error caught:", error);
+    // eslint-disable-next-line no-console
+    console.error("[MonitorErrorBoundary] Error info:", errorInfo);
+    this.props.onError?.(error, errorInfo);
+  }
+  render() {
+    if (this.state.hasError) {
+      if (process.env.NODE_ENV === "development") {
+        return /*#__PURE__*/React.createElement("div", {
+          className: styles.container
+        }, /*#__PURE__*/React.createElement("h3", {
+          className: styles.title
+        }, "Monitor Error"), /*#__PURE__*/React.createElement("p", {
+          className: styles.message
+        }, "An error occurred in the monitoring panel:"), /*#__PURE__*/React.createElement("pre", {
+          className: styles.stack
+        }, this.state.error?.message, "\n", this.state.error?.stack), /*#__PURE__*/React.createElement("button", {
+          onClick: () => this.setState({
+            hasError: false,
+            error: null
+          }),
+          className: styles.retryButton
+        }, "Retry"));
+      }
+      return null;
+    }
+    return this.props.children;
+  }
+}
+//# sourceMappingURL=MonitorErrorBoundary.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MonitorErrorBoundary.js","names":["React","styles","MonitorErrorBoundary","Component","constructor","props","state","hasError","error","getDerivedStateFromError","componentDidCatch","errorInfo","console","onError","render","process","env","NODE_ENV","createElement","className","container","title","message","stack","onClick","setState","retryButton","children"],"sources":["MonitorErrorBoundary.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 React from \"react\";\nimport styles from \"./MonitorErrorBoundary.module.scss\";\n\nexport interface MonitorErrorBoundaryProps {\n  children: React.ReactNode;\n  onError?: (error: Error, errorInfo: React.ErrorInfo) => void;\n}\n\ninterface MonitorErrorBoundaryState {\n  hasError: boolean;\n  error: Error | null;\n}\n\nexport class MonitorErrorBoundary extends React.Component<\n  MonitorErrorBoundaryProps,\n  MonitorErrorBoundaryState\n> {\n  constructor(props: MonitorErrorBoundaryProps) {\n    super(props);\n    this.state = { hasError: false, error: null };\n  }\n\n  static getDerivedStateFromError(error: Error): MonitorErrorBoundaryState {\n    return { hasError: true, error };\n  }\n\n  componentDidCatch(error: Error, errorInfo: React.ErrorInfo): void {\n    // eslint-disable-next-line no-console\n    console.error(\"[MonitorErrorBoundary] Error caught:\", error);\n    // eslint-disable-next-line no-console\n    console.error(\"[MonitorErrorBoundary] Error info:\", errorInfo);\n    this.props.onError?.(error, errorInfo);\n  }\n\n  render(): React.ReactNode {\n    if (this.state.hasError) {\n      if (process.env.NODE_ENV === \"development\") {\n        return (\n          <div className={styles.container}>\n            <h3 className={styles.title}>\n              Monitor Error\n            </h3>\n            <p className={styles.message}>\n              An error occurred in the monitoring panel:\n            </p>\n            <pre className={styles.stack}>\n              {this.state.error?.message}\n              {\"\\n\"}\n              {this.state.error?.stack}\n            </pre>\n            <button\n              onClick={() => this.setState({ hasError: false, error: null })}\n              className={styles.retryButton}\n            >\n              Retry\n            </button>\n          </div>\n        );\n      }\n\n      return null;\n    }\n\n    return this.props.children;\n  }\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,MAAM,MAAM,oCAAoC;AAYvD,OAAO,MAAMC,oBAAoB,SAASF,KAAK,CAACG,SAAS,CAGvD;EACAC,WAAWA,CAACC,KAAgC,EAAE;IAC5C,KAAK,CAACA,KAAK,CAAC;IACZ,IAAI,CAACC,KAAK,GAAG;MAAEC,QAAQ,EAAE,KAAK;MAAEC,KAAK,EAAE;IAAK,CAAC;EAC/C;EAEA,OAAOC,wBAAwBA,CAACD,KAAY,EAA6B;IACvE,OAAO;MAAED,QAAQ,EAAE,IAAI;MAAEC;IAAM,CAAC;EAClC;EAEAE,iBAAiBA,CAACF,KAAY,EAAEG,SAA0B,EAAQ;IAChE;IACAC,OAAO,CAACJ,KAAK,CAAC,sCAAsC,EAAEA,KAAK,CAAC;IAC5D;IACAI,OAAO,CAACJ,KAAK,CAAC,oCAAoC,EAAEG,SAAS,CAAC;IAC9D,IAAI,CAACN,KAAK,CAACQ,OAAO,GAAGL,KAAK,EAAEG,SAAS,CAAC;EACxC;EAEAG,MAAMA,CAAA,EAAoB;IACxB,IAAI,IAAI,CAACR,KAAK,CAACC,QAAQ,EAAE;MACvB,IAAIQ,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,aAAa,EAAE;QAC1C,oBACEjB,KAAA,CAAAkB,aAAA;UAAKC,SAAS,EAAElB,MAAM,CAACmB;QAAU,gBAC/BpB,KAAA,CAAAkB,aAAA;UAAIC,SAAS,EAAElB,MAAM,CAACoB;QAAM,GAAC,eAEzB,CAAC,eACLrB,KAAA,CAAAkB,aAAA;UAAGC,SAAS,EAAElB,MAAM,CAACqB;QAAQ,GAAC,4CAE3B,CAAC,eACJtB,KAAA,CAAAkB,aAAA;UAAKC,SAAS,EAAElB,MAAM,CAACsB;QAAM,GAC1B,IAAI,CAACjB,KAAK,CAACE,KAAK,EAAEc,OAAO,EACzB,IAAI,EACJ,IAAI,CAAChB,KAAK,CAACE,KAAK,EAAEe,KAChB,CAAC,eACNvB,KAAA,CAAAkB,aAAA;UACEM,OAAO,EAAEA,CAAA,KAAM,IAAI,CAACC,QAAQ,CAAC;YAAElB,QAAQ,EAAE,KAAK;YAAEC,KAAK,EAAE;UAAK,CAAC,CAAE;UAC/DW,SAAS,EAAElB,MAAM,CAACyB;QAAY,GAC/B,OAEO,CACL,CAAC;MAEV;MAEA,OAAO,IAAI;IACb;IAEA,OAAO,IAAI,CAACrB,KAAK,CAACsB,QAAQ;EAC5B;AACF","ignoreList":[]}

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

@@ -0,0 +1,9 @@
+// AUTO-GENERATED by scripts/build-css.mjs. Do not edit by hand.
+const styles = {
+  "container": "MonitorErrorBoundary-module__container___5tzAcfsn",
+  "title": "MonitorErrorBoundary-module__title___goKqDL2v",
+  "message": "MonitorErrorBoundary-module__message___QOZveJPc",
+  "stack": "MonitorErrorBoundary-module__stack___RhJkOsV8",
+  "retryButton": "MonitorErrorBoundary-module__retryButton___hRRy-yEG"
+};
+export default styles;