@osdk/react-devtools 0.5.0

package/build/esm/components/CacheInspectorTab.js

@@ -0,0 +1,291 @@
+/*
+ * 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, ButtonGroup, Card, Collapse, Icon, InputGroup, Tag, Tooltip } from "@blueprintjs/core";
+import React, { useMemo, useState } from "react";
+import { createPollingStore } from "../hooks/createPollingStore.js";
+import { formatBytes, formatRelativeTime } from "../utils/format.js";
+import styles from "./CacheInspectorTab.module.scss.js";
+import { CopyableCodeBlock } from "./CopyableCodeBlock.js";
+function getTypeColor(type) {
+  switch (type) {
+    case "object":
+      return "primary";
+    case "list":
+      return "success";
+    case "link":
+      return "warning";
+    case "objectSet":
+      return "danger";
+    default:
+      return undefined;
+  }
+}
+function getStatusIcon(status) {
+  switch (status) {
+    case "loaded":
+      return "tick-circle";
+    case "loading":
+      return "refresh";
+    case "error":
+      return "error";
+    case "init":
+      return "time";
+    default:
+      return "help";
+  }
+}
+function getStatusColor(status) {
+  switch (status) {
+    case "loaded":
+      return "success";
+    case "loading":
+      return "primary";
+    case "error":
+      return "danger";
+    case "init":
+      return "none";
+    default:
+      return undefined;
+  }
+}
+const emptySnapshot = {
+  entries: [],
+  stats: {
+    totalEntries: 0,
+    totalSize: 0,
+    totalHits: 0
+  }
+};
+export const CacheInspectorTab = ({
+  monitorStore
+}) => {
+  const [searchQuery, setSearchQuery] = useState("");
+  const [expandedKeys, setExpandedKeys] = useState(new Set());
+  const snapshotStore = React.useMemo(() => createPollingStore(async () => {
+    const entries = await monitorStore.loadCacheEntries();
+    const totalSize = entries.reduce((sum, e) => sum + e.metadata.size, 0);
+    const totalHits = entries.reduce((sum, e) => sum + (e.metadata.hitCount ?? 0), 0);
+    return {
+      entries,
+      stats: {
+        totalEntries: entries.length,
+        totalSize,
+        totalHits
+      }
+    };
+  }, 2000), [monitorStore]);
+  const polledSnapshot = React.useSyncExternalStore(snapshotStore.subscribe, snapshotStore.getSnapshot);
+  const snapshot = polledSnapshot ?? emptySnapshot;
+  const filteredEntries = useMemo(() => snapshot.entries.filter(entry => {
+    if (!searchQuery.trim()) {
+      return true;
+    }
+    const query = searchQuery.toLowerCase();
+    return entry.key.toLowerCase().includes(query) || entry.objectType.toLowerCase().includes(query) || entry.type.toLowerCase().includes(query);
+  }), [snapshot.entries, searchQuery]);
+  const toggleExpanded = key => {
+    const newSet = new Set(expandedKeys);
+    if (newSet.has(key)) {
+      newSet.delete(key);
+    } else {
+      newSet.add(key);
+    }
+    setExpandedKeys(newSet);
+  };
+  const [invalidateError, setInvalidateError] = useState(null);
+  const handleInvalidate = async entry => {
+    setInvalidateError(null);
+    try {
+      await monitorStore.invalidateCacheEntry(entry);
+      snapshotStore.forceRefresh();
+    } catch (error) {
+      setInvalidateError(error instanceof Error ? error : new Error(String(error)));
+    }
+  };
+  const handleClearAll = async () => {
+    if (confirm("Clear entire cache? This will force all queries to refetch.")) {
+      setInvalidateError(null);
+      try {
+        await monitorStore.clearCache();
+        snapshotStore.forceRefresh();
+      } catch (error) {
+        setInvalidateError(error instanceof Error ? error : new Error(String(error)));
+      }
+    }
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: styles.cacheInspector
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles.toolbar
+  }, /*#__PURE__*/React.createElement("h3", {
+    className: styles.title
+  }, "Cache Inspector"), /*#__PURE__*/React.createElement("div", {
+    className: styles.stats
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles.stat
+  }, /*#__PURE__*/React.createElement("span", {
+    className: styles.statLabel
+  }, "Entries"), /*#__PURE__*/React.createElement("span", {
+    className: styles.statValue
+  }, snapshot.stats.totalEntries)), /*#__PURE__*/React.createElement("div", {
+    className: styles.stat
+  }, /*#__PURE__*/React.createElement("span", {
+    className: styles.statLabel
+  }, "Total Size"), /*#__PURE__*/React.createElement("span", {
+    className: styles.statValue
+  }, formatBytes(snapshot.stats.totalSize))), /*#__PURE__*/React.createElement("div", {
+    className: styles.stat
+  }, /*#__PURE__*/React.createElement("span", {
+    className: styles.statLabel
+  }, "Total Hits"), /*#__PURE__*/React.createElement("span", {
+    className: styles.statValue
+  }, snapshot.stats.totalHits)))), /*#__PURE__*/React.createElement("div", {
+    className: styles.toolbarActions
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles.search
+  }, /*#__PURE__*/React.createElement(InputGroup, {
+    leftIcon: "search",
+    placeholder: "Search cache entries...",
+    value: searchQuery,
+    onChange: e => setSearchQuery(e.target.value),
+    fill: true
+  })), /*#__PURE__*/React.createElement(ButtonGroup, null, /*#__PURE__*/React.createElement(Button, {
+    icon: "refresh",
+    onClick: () => snapshotStore.forceRefresh(),
+    size: "small"
+  }, "Refresh"), /*#__PURE__*/React.createElement(Button, {
+    icon: "trash",
+    intent: "danger",
+    onClick: () => void handleClearAll(),
+    size: "small"
+  }, "Clear All"))), invalidateError && /*#__PURE__*/React.createElement("div", {
+    className: styles.errorBanner
+  }, /*#__PURE__*/React.createElement(Icon, {
+    icon: "error",
+    intent: "danger"
+  }), /*#__PURE__*/React.createElement("span", null, invalidateError.message), /*#__PURE__*/React.createElement(Button, {
+    icon: "cross",
+    variant: "minimal",
+    size: "small",
+    onClick: () => {
+      setInvalidateError(null);
+    }
+  })), /*#__PURE__*/React.createElement("div", {
+    className: styles.content
+  }, polledSnapshot === undefined && /*#__PURE__*/React.createElement("div", {
+    className: styles.skeletonList
+  }, Array.from({
+    length: 5
+  }).map((_, i) => /*#__PURE__*/React.createElement("div", {
+    key: i,
+    className: styles.skeletonEntry
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles.skeletonTag
+  }), /*#__PURE__*/React.createElement("div", {
+    className: styles.skeletonText
+  }), /*#__PURE__*/React.createElement("div", {
+    className: styles.skeletonBadge
+  })))), filteredEntries.length === 0 && polledSnapshot !== undefined && /*#__PURE__*/React.createElement("div", {
+    className: styles.emptyState
+  }, /*#__PURE__*/React.createElement(Icon, {
+    icon: "database",
+    size: 28
+  }), /*#__PURE__*/React.createElement("div", {
+    className: styles.emptyTitle
+  }, snapshot.entries.length === 0 ? "No Cache Entries" : "No Matching Entries"), /*#__PURE__*/React.createElement("div", {
+    className: styles.emptyDescription
+  }, snapshot.entries.length === 0 ? "The cache is empty. Query some data to see cache entries." : "Try a different search term.")), filteredEntries.map((entry, index) => {
+    const isExpanded = expandedKeys.has(entry.key);
+    return /*#__PURE__*/React.createElement(Card, {
+      key: entry.key,
+      className: styles.entryCard,
+      style: {
+        "--entrance-index": index
+      }
+    }, /*#__PURE__*/React.createElement("div", {
+      className: styles.entryHeader,
+      onClick: () => toggleExpanded(entry.key)
+    }, /*#__PURE__*/React.createElement("div", {
+      className: styles.entryHeaderLeft
+    }, /*#__PURE__*/React.createElement(Icon, {
+      icon: isExpanded ? "chevron-down" : "chevron-right",
+      size: 14,
+      className: styles.expandIcon
+    }), /*#__PURE__*/React.createElement(Tag, {
+      minimal: true,
+      intent: getTypeColor(entry.type),
+      className: styles.typeTag
+    }, entry.type), /*#__PURE__*/React.createElement("span", {
+      className: styles.objectType
+    }, entry.objectType), entry.metadata.isOptimistic && /*#__PURE__*/React.createElement(Tooltip, {
+      content: "Has optimistic updates"
+    }, /*#__PURE__*/React.createElement(Tag, {
+      minimal: true,
+      intent: "warning",
+      icon: "time"
+    }, "Optimistic"))), /*#__PURE__*/React.createElement("div", {
+      className: styles.entryHeaderRight
+    }, /*#__PURE__*/React.createElement(Tooltip, {
+      content: `Status: ${entry.metadata.status}`
+    }, /*#__PURE__*/React.createElement(Tag, {
+      minimal: true,
+      intent: getStatusColor(entry.metadata.status),
+      icon: getStatusIcon(entry.metadata.status)
+    }, entry.metadata.status)), /*#__PURE__*/React.createElement(Tooltip, {
+      content: `Last updated: ${new Date(entry.metadata.timestamp).toLocaleString()}`
+    }, /*#__PURE__*/React.createElement("span", {
+      className: styles.age
+    }, formatRelativeTime(entry.metadata.timestamp))), /*#__PURE__*/React.createElement(Tooltip, {
+      content: `Cache entry size`
+    }, /*#__PURE__*/React.createElement("span", {
+      className: styles.size
+    }, formatBytes(entry.metadata.size))), /*#__PURE__*/React.createElement(Button, {
+      icon: "refresh",
+      variant: "minimal",
+      size: "small",
+      onClick: e => {
+        e.stopPropagation();
+        void handleInvalidate(entry);
+      }
+    }))), /*#__PURE__*/React.createElement(Collapse, {
+      isOpen: isExpanded
+    }, /*#__PURE__*/React.createElement("div", {
+      className: styles.entryBody
+    }, /*#__PURE__*/React.createElement("div", {
+      className: styles.section
+    }, /*#__PURE__*/React.createElement("h4", null, "Cache Key"), /*#__PURE__*/React.createElement(CopyableCodeBlock, {
+      className: styles.codeBlock
+    }, entry.key)), entry.type === "list" && (entry.where != null || entry.orderBy != null) && /*#__PURE__*/React.createElement("div", {
+      className: styles.section
+    }, /*#__PURE__*/React.createElement("h4", null, "Query Parameters"), /*#__PURE__*/React.createElement(CopyableCodeBlock, {
+      className: styles.codeBlock
+    }, JSON.stringify({
+      where: entry.where,
+      orderBy: entry.orderBy,
+      pageSize: entry.pageSize
+    }, null, 2))), entry.type === "link" && entry.linkName != null && /*#__PURE__*/React.createElement("div", {
+      className: styles.section
+    }, /*#__PURE__*/React.createElement("h4", null, "Link"), /*#__PURE__*/React.createElement(CopyableCodeBlock, {
+      className: styles.codeBlock
+    }, entry.linkName)), entry.data !== undefined && /*#__PURE__*/React.createElement("div", {
+      className: styles.section
+    }, /*#__PURE__*/React.createElement("h4", null, "Cached Data"), /*#__PURE__*/React.createElement(CopyableCodeBlock, {
+      className: styles.codeBlock
+    }, JSON.stringify(entry.data, null, 2))))));
+  })));
+};
+//# sourceMappingURL=CacheInspectorTab.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CacheInspectorTab.js","names":["Button","ButtonGroup","Card","Collapse","Icon","InputGroup","Tag","Tooltip","React","useMemo","useState","createPollingStore","formatBytes","formatRelativeTime","styles","CopyableCodeBlock","getTypeColor","type","undefined","getStatusIcon","status","getStatusColor","emptySnapshot","entries","stats","totalEntries","totalSize","totalHits","CacheInspectorTab","monitorStore","searchQuery","setSearchQuery","expandedKeys","setExpandedKeys","Set","snapshotStore","loadCacheEntries","reduce","sum","e","metadata","size","hitCount","length","polledSnapshot","useSyncExternalStore","subscribe","getSnapshot","snapshot","filteredEntries","filter","entry","trim","query","toLowerCase","key","includes","objectType","toggleExpanded","newSet","has","delete","add","invalidateError","setInvalidateError","handleInvalidate","invalidateCacheEntry","forceRefresh","error","Error","String","handleClearAll","confirm","clearCache","createElement","className","cacheInspector","toolbar","title","stat","statLabel","statValue","toolbarActions","search","leftIcon","placeholder","value","onChange","target","fill","icon","onClick","intent","errorBanner","message","variant","content","skeletonList","Array","from","map","_","i","skeletonEntry","skeletonTag","skeletonText","skeletonBadge","emptyState","emptyTitle","emptyDescription","index","isExpanded","entryCard","style","entryHeader","entryHeaderLeft","expandIcon","minimal","typeTag","isOptimistic","entryHeaderRight","Date","timestamp","toLocaleString","age","stopPropagation","isOpen","entryBody","section","codeBlock","where","orderBy","JSON","stringify","pageSize","linkName","data"],"sources":["CacheInspectorTab.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  ButtonGroup,\n  Card,\n  Collapse,\n  Icon,\n  InputGroup,\n  Tag,\n  Tooltip,\n} from \"@blueprintjs/core\";\nimport type { CacheEntry } from \"@osdk/client/observable\";\nimport React, { useMemo, useState } from \"react\";\nimport { createPollingStore } from \"../hooks/createPollingStore.js\";\nimport type { MonitorStore } from \"../store/MonitorStore.js\";\nimport { formatBytes, formatRelativeTime } from \"../utils/format.js\";\nimport styles from \"./CacheInspectorTab.module.scss\";\nimport { CopyableCodeBlock } from \"./CopyableCodeBlock.js\";\n\nfunction getTypeColor(type: string) {\n  switch (type) {\n    case \"object\":\n      return \"primary\";\n    case \"list\":\n      return \"success\";\n    case \"link\":\n      return \"warning\";\n    case \"objectSet\":\n      return \"danger\";\n    default:\n      return undefined;\n  }\n}\n\nfunction getStatusIcon(status: string) {\n  switch (status) {\n    case \"loaded\":\n      return \"tick-circle\";\n    case \"loading\":\n      return \"refresh\";\n    case \"error\":\n      return \"error\";\n    case \"init\":\n      return \"time\";\n    default:\n      return \"help\";\n  }\n}\n\nfunction getStatusColor(status: string) {\n  switch (status) {\n    case \"loaded\":\n      return \"success\";\n    case \"loading\":\n      return \"primary\";\n    case \"error\":\n      return \"danger\";\n    case \"init\":\n      return \"none\";\n    default:\n      return undefined;\n  }\n}\n\nexport interface CacheInspectorTabProps {\n  monitorStore: MonitorStore;\n}\n\ninterface CacheSnapshot {\n  entries: CacheEntry[];\n  stats: {\n    totalEntries: number;\n    totalSize: number;\n    totalHits: number;\n  };\n}\n\nconst emptySnapshot: CacheSnapshot = {\n  entries: [],\n  stats: { totalEntries: 0, totalSize: 0, totalHits: 0 },\n};\n\nexport const CacheInspectorTab: React.FC<CacheInspectorTabProps> = (\n  { monitorStore },\n) => {\n  const [searchQuery, setSearchQuery] = useState(\"\");\n  const [expandedKeys, setExpandedKeys] = useState<Set<string>>(new Set());\n  const snapshotStore = React.useMemo(\n    () =>\n      createPollingStore(async () => {\n        const entries = await monitorStore.loadCacheEntries();\n        const totalSize = entries.reduce(\n          (sum: number, e: CacheEntry) => sum + e.metadata.size,\n          0,\n        );\n        const totalHits = entries.reduce(\n          (sum: number, e: CacheEntry) => sum + (e.metadata.hitCount ?? 0),\n          0,\n        );\n        return {\n          entries,\n          stats: {\n            totalEntries: entries.length,\n            totalSize,\n            totalHits,\n          },\n        };\n      }, 2000),\n    [monitorStore],\n  );\n  const polledSnapshot = React.useSyncExternalStore(\n    snapshotStore.subscribe,\n    snapshotStore.getSnapshot,\n  );\n\n  const snapshot: CacheSnapshot = polledSnapshot ?? emptySnapshot;\n\n  const filteredEntries = useMemo(() =>\n    snapshot.entries.filter(entry => {\n      if (!searchQuery.trim()) {\n        return true;\n      }\n      const query = searchQuery.toLowerCase();\n      return (\n        entry.key.toLowerCase().includes(query)\n        || entry.objectType.toLowerCase().includes(query)\n        || entry.type.toLowerCase().includes(query)\n      );\n    }), [snapshot.entries, searchQuery]);\n\n  const toggleExpanded = (key: string) => {\n    const newSet = new Set(expandedKeys);\n    if (newSet.has(key)) {\n      newSet.delete(key);\n    } else {\n      newSet.add(key);\n    }\n    setExpandedKeys(newSet);\n  };\n\n  const [invalidateError, setInvalidateError] = useState<Error | null>(null);\n\n  const handleInvalidate = async (entry: CacheEntry) => {\n    setInvalidateError(null);\n    try {\n      await monitorStore.invalidateCacheEntry(entry);\n      snapshotStore.forceRefresh();\n    } catch (error) {\n      setInvalidateError(\n        error instanceof Error ? error : new Error(String(error)),\n      );\n    }\n  };\n\n  const handleClearAll = async () => {\n    if (\n      confirm(\"Clear entire cache? This will force all queries to refetch.\")\n    ) {\n      setInvalidateError(null);\n      try {\n        await monitorStore.clearCache();\n        snapshotStore.forceRefresh();\n      } catch (error) {\n        setInvalidateError(\n          error instanceof Error ? error : new Error(String(error)),\n        );\n      }\n    }\n  };\n\n  return (\n    <div className={styles.cacheInspector}>\n      <div className={styles.toolbar}>\n        <h3 className={styles.title}>Cache Inspector</h3>\n\n        <div className={styles.stats}>\n          <div className={styles.stat}>\n            <span className={styles.statLabel}>Entries</span>\n            <span className={styles.statValue}>\n              {snapshot.stats.totalEntries}\n            </span>\n          </div>\n\n          <div className={styles.stat}>\n            <span className={styles.statLabel}>Total Size</span>\n            <span className={styles.statValue}>\n              {formatBytes(snapshot.stats.totalSize)}\n            </span>\n          </div>\n\n          <div className={styles.stat}>\n            <span className={styles.statLabel}>Total Hits</span>\n            <span className={styles.statValue}>{snapshot.stats.totalHits}</span>\n          </div>\n        </div>\n      </div>\n\n      <div className={styles.toolbarActions}>\n        <div className={styles.search}>\n          <InputGroup\n            leftIcon=\"search\"\n            placeholder=\"Search cache entries...\"\n            value={searchQuery}\n            onChange={(e) => setSearchQuery(e.target.value)}\n            fill={true}\n          />\n        </div>\n\n        <ButtonGroup>\n          <Button\n            icon=\"refresh\"\n            onClick={() => snapshotStore.forceRefresh()}\n            size=\"small\"\n          >\n            Refresh\n          </Button>\n          <Button\n            icon=\"trash\"\n            intent=\"danger\"\n            onClick={() => void handleClearAll()}\n            size=\"small\"\n          >\n            Clear All\n          </Button>\n        </ButtonGroup>\n      </div>\n\n      {invalidateError && (\n        <div className={styles.errorBanner}>\n          <Icon icon=\"error\" intent=\"danger\" />\n          <span>{invalidateError.message}</span>\n          <Button\n            icon=\"cross\"\n            variant=\"minimal\"\n            size=\"small\"\n            onClick={() => {\n              setInvalidateError(null);\n            }}\n          />\n        </div>\n      )}\n\n      <div className={styles.content}>\n        {polledSnapshot === undefined && (\n          <div className={styles.skeletonList}>\n            {Array.from({ length: 5 }).map((_, i) => (\n              <div key={i} className={styles.skeletonEntry}>\n                <div className={styles.skeletonTag} />\n                <div className={styles.skeletonText} />\n                <div className={styles.skeletonBadge} />\n              </div>\n            ))}\n          </div>\n        )}\n\n        {filteredEntries.length === 0 && polledSnapshot !== undefined && (\n          <div className={styles.emptyState}>\n            <Icon icon=\"database\" size={28} />\n            <div className={styles.emptyTitle}>\n              {snapshot.entries.length === 0\n                ? \"No Cache Entries\"\n                : \"No Matching Entries\"}\n            </div>\n            <div className={styles.emptyDescription}>\n              {snapshot.entries.length === 0\n                ? \"The cache is empty. Query some data to see cache entries.\"\n                : \"Try a different search term.\"}\n            </div>\n          </div>\n        )}\n\n        {filteredEntries.map((entry, index) => {\n          const isExpanded = expandedKeys.has(entry.key);\n          return (\n            <Card\n              key={entry.key}\n              className={styles.entryCard}\n              style={{ \"--entrance-index\": index } as React.CSSProperties}\n            >\n              <div\n                className={styles.entryHeader}\n                onClick={() => toggleExpanded(entry.key)}\n              >\n                <div className={styles.entryHeaderLeft}>\n                  <Icon\n                    icon={isExpanded ? \"chevron-down\" : \"chevron-right\"}\n                    size={14}\n                    className={styles.expandIcon}\n                  />\n                  <Tag\n                    minimal={true}\n                    intent={getTypeColor(entry.type)}\n                    className={styles.typeTag}\n                  >\n                    {entry.type}\n                  </Tag>\n                  <span className={styles.objectType}>{entry.objectType}</span>\n                  {entry.metadata.isOptimistic && (\n                    <Tooltip content=\"Has optimistic updates\">\n                      <Tag minimal={true} intent=\"warning\" icon=\"time\">\n                        Optimistic\n                      </Tag>\n                    </Tooltip>\n                  )}\n                </div>\n\n                <div className={styles.entryHeaderRight}>\n                  <Tooltip content={`Status: ${entry.metadata.status}`}>\n                    <Tag\n                      minimal={true}\n                      intent={getStatusColor(entry.metadata.status)}\n                      icon={getStatusIcon(entry.metadata.status)}\n                    >\n                      {entry.metadata.status}\n                    </Tag>\n                  </Tooltip>\n                  <Tooltip\n                    content={`Last updated: ${\n                      new Date(entry.metadata.timestamp).toLocaleString()\n                    }`}\n                  >\n                    <span className={styles.age}>\n                      {formatRelativeTime(entry.metadata.timestamp)}\n                    </span>\n                  </Tooltip>\n                  <Tooltip content={`Cache entry size`}>\n                    <span className={styles.size}>\n                      {formatBytes(entry.metadata.size)}\n                    </span>\n                  </Tooltip>\n                  <Button\n                    icon=\"refresh\"\n                    variant=\"minimal\"\n                    size=\"small\"\n                    onClick={(e) => {\n                      e.stopPropagation();\n                      void handleInvalidate(entry);\n                    }}\n                  />\n                </div>\n              </div>\n\n              <Collapse isOpen={isExpanded}>\n                <div className={styles.entryBody}>\n                  <div className={styles.section}>\n                    <h4>Cache Key</h4>\n                    <CopyableCodeBlock className={styles.codeBlock}>\n                      {entry.key}\n                    </CopyableCodeBlock>\n                  </div>\n\n                  {entry.type === \"list\"\n                    && (entry.where != null || entry.orderBy != null) && (\n                    <div className={styles.section}>\n                      <h4>Query Parameters</h4>\n                      <CopyableCodeBlock className={styles.codeBlock}>\n                        {JSON.stringify(\n                          {\n                            where: entry.where,\n                            orderBy: entry.orderBy,\n                            pageSize: entry.pageSize,\n                          },\n                          null,\n                          2,\n                        )}\n                      </CopyableCodeBlock>\n                    </div>\n                  )}\n\n                  {entry.type === \"link\" && entry.linkName != null && (\n                    <div className={styles.section}>\n                      <h4>Link</h4>\n                      <CopyableCodeBlock className={styles.codeBlock}>\n                        {entry.linkName}\n                      </CopyableCodeBlock>\n                    </div>\n                  )}\n\n                  {entry.data !== undefined && (\n                    <div className={styles.section}>\n                      <h4>Cached Data</h4>\n                      <CopyableCodeBlock className={styles.codeBlock}>\n                        {JSON.stringify(entry.data, null, 2)}\n                      </CopyableCodeBlock>\n                    </div>\n                  )}\n                </div>\n              </Collapse>\n            </Card>\n          );\n        })}\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,39 @@
+// AUTO-GENERATED by scripts/build-css.mjs. Do not edit by hand.
+const styles = {
+  "cacheInspector": "CacheInspectorTab-module__cacheInspector___0pTFp4iE",
+  "toolbar": "CacheInspectorTab-module__toolbar___zGcbShwN",
+  "title": "CacheInspectorTab-module__title___3bcYim5b",
+  "stats": "CacheInspectorTab-module__stats___zjIkUbZ-",
+  "stat": "CacheInspectorTab-module__stat___N5shnit-",
+  "statLabel": "CacheInspectorTab-module__statLabel___QRj1olUh",
+  "statValue": "CacheInspectorTab-module__statValue___rKUZv6Ig",
+  "toolbarActions": "CacheInspectorTab-module__toolbarActions___4fhMzxCo",
+  "search": "CacheInspectorTab-module__search___963zrlxE",
+  "errorBanner": "CacheInspectorTab-module__errorBanner___sQ0cXPIy",
+  "content": "CacheInspectorTab-module__content___Sfk9-0ev",
+  "empty": "CacheInspectorTab-module__empty___eglE5xhh",
+  "entryCard": "CacheInspectorTab-module__entryCard___63Z-EsdU",
+  "dt-fade-up": "CacheInspectorTab-module__dt-fade-up___--iXhYKu",
+  "entryHeader": "CacheInspectorTab-module__entryHeader___-aCymZEs",
+  "entryHeaderLeft": "CacheInspectorTab-module__entryHeaderLeft___u3v9fniB",
+  "expandIcon": "CacheInspectorTab-module__expandIcon___55C3Sw1J",
+  "typeTag": "CacheInspectorTab-module__typeTag___p6D-09S1",
+  "objectType": "CacheInspectorTab-module__objectType___AhYHuO3-",
+  "entryHeaderRight": "CacheInspectorTab-module__entryHeaderRight___X-B6V3GW",
+  "age": "CacheInspectorTab-module__age___xXiWG-wZ",
+  "size": "CacheInspectorTab-module__size___lLjfu2mJ",
+  "entryBody": "CacheInspectorTab-module__entryBody___utmRh5bL",
+  "section": "CacheInspectorTab-module__section___ZoZ0TYcg",
+  "codeBlock": "CacheInspectorTab-module__codeBlock___ernkTy8t",
+  "callout": "CacheInspectorTab-module__callout___foEeQTsC",
+  "emptyState": "CacheInspectorTab-module__emptyState___HjYFi2jd",
+  "emptyTitle": "CacheInspectorTab-module__emptyTitle___SCvU7CKc",
+  "emptyDescription": "CacheInspectorTab-module__emptyDescription___sDVcthMS",
+  "skeletonList": "CacheInspectorTab-module__skeletonList___iH9w-cS5",
+  "skeletonEntry": "CacheInspectorTab-module__skeletonEntry___H615KpZc",
+  "skeletonTag": "CacheInspectorTab-module__skeletonTag___nFw9vTy8",
+  "dt-shimmer": "CacheInspectorTab-module__dt-shimmer___nasBcNkO",
+  "skeletonText": "CacheInspectorTab-module__skeletonText___9bDpA0d7",
+  "skeletonBadge": "CacheInspectorTab-module__skeletonBadge___22IU0H7P"
+};
+export default styles;

package/build/esm/components/CacheMetrics.js

@@ -0,0 +1,55 @@
+/*
+ * 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 CACHE_HIT_EXCELLENT = 0.8;
+const CACHE_HIT_GOOD = 0.5;
+export const CacheMetrics = ({
+  metrics
+}) => {
+  const totalObjects = metrics.aggregates.totalObjectsFromCache + metrics.aggregates.totalObjectsFromNetwork;
+  const objectBasedRate = totalObjects > 0 ? metrics.aggregates.totalObjectsFromCache / totalObjects : 0;
+  const rateClass = objectBasedRate >= CACHE_HIT_EXCELLENT ? styles.success : objectBasedRate >= CACHE_HIT_GOOD ? styles.warning : styles.danger;
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    className: styles.metric
+  }, /*#__PURE__*/React.createElement("span", {
+    className: styles.metricLabel
+  }, "Cache Hit Rate"), /*#__PURE__*/React.createElement("span", {
+    className: classNames(styles.metricValue, rateClass)
+  }, (objectBasedRate * 100).toFixed(0), "%"), /*#__PURE__*/React.createElement("span", {
+    className: styles.metricSubtext
+  }, formatNumber(metrics.aggregates.totalObjectsFromCache), " /", " ", formatNumber(totalObjects), " objects")), /*#__PURE__*/React.createElement("div", {
+    className: styles.metric
+  }, /*#__PURE__*/React.createElement("span", {
+    className: styles.metricLabel
+  }, "Cache Savings"), /*#__PURE__*/React.createElement("span", {
+    className: classNames(styles.metricValue, styles.success)
+  }, formatNumber(metrics.aggregates.cacheHits + metrics.aggregates.revalidations + metrics.aggregates.deduplications), " requests saved"), /*#__PURE__*/React.createElement("span", {
+    className: styles.metricSubtext
+  }, formatNumber(metrics.aggregates.deduplications), " deduped")), /*#__PURE__*/React.createElement("div", {
+    className: styles.metric
+  }, /*#__PURE__*/React.createElement("span", {
+    className: styles.metricLabel
+  }, "Avg Response"), /*#__PURE__*/React.createElement("span", {
+    className: styles.metricValue
+  }, formatTime(metrics.rates.averageResponseTime)), /*#__PURE__*/React.createElement("span", {
+    className: styles.metricSubtext
+  }, "Cache: ", formatTime(metrics.rates.averageCachedResponseTime))));
+};
+//# sourceMappingURL=CacheMetrics.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CacheMetrics.js","names":["classNames","React","formatNumber","formatTime","styles","CACHE_HIT_EXCELLENT","CACHE_HIT_GOOD","CacheMetrics","metrics","totalObjects","aggregates","totalObjectsFromCache","totalObjectsFromNetwork","objectBasedRate","rateClass","success","warning","danger","createElement","Fragment","className","metric","metricLabel","metricValue","toFixed","metricSubtext","cacheHits","revalidations","deduplications","rates","averageResponseTime","averageCachedResponseTime"],"sources":["CacheMetrics.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 CACHE_HIT_EXCELLENT = 0.8;\nconst CACHE_HIT_GOOD = 0.5;\n\nexport interface CacheMetricsProps {\n  metrics: MetricsSnapshot;\n}\n\nexport const CacheMetrics: React.FC<CacheMetricsProps> = ({ metrics }) => {\n  const totalObjects = metrics.aggregates.totalObjectsFromCache\n    + metrics.aggregates.totalObjectsFromNetwork;\n  const objectBasedRate = totalObjects > 0\n    ? metrics.aggregates.totalObjectsFromCache / totalObjects\n    : 0;\n  const rateClass = objectBasedRate >= CACHE_HIT_EXCELLENT\n    ? styles.success\n    : objectBasedRate >= CACHE_HIT_GOOD\n    ? styles.warning\n    : styles.danger;\n\n  return (\n    <>\n      <div className={styles.metric}>\n        <span className={styles.metricLabel}>Cache Hit Rate</span>\n        <span className={classNames(styles.metricValue, rateClass)}>\n          {(objectBasedRate * 100).toFixed(0)}%\n        </span>\n        <span className={styles.metricSubtext}>\n          {formatNumber(metrics.aggregates.totalObjectsFromCache)} /{\" \"}\n          {formatNumber(totalObjects)} objects\n        </span>\n      </div>\n\n      <div className={styles.metric}>\n        <span className={styles.metricLabel}>Cache Savings</span>\n        <span className={classNames(styles.metricValue, styles.success)}>\n          {formatNumber(\n            metrics.aggregates.cacheHits\n              + metrics.aggregates.revalidations\n              + metrics.aggregates.deduplications,\n          )} requests saved\n        </span>\n        <span className={styles.metricSubtext}>\n          {formatNumber(metrics.aggregates.deduplications)} deduped\n        </span>\n      </div>\n\n      <div className={styles.metric}>\n        <span className={styles.metricLabel}>Avg Response</span>\n        <span className={styles.metricValue}>\n          {formatTime(metrics.rates.averageResponseTime)}\n        </span>\n        <span className={styles.metricSubtext}>\n          Cache: {formatTime(metrics.rates.averageCachedResponseTime)}\n        </span>\n      </div>\n    </>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/build/esm/components/ComponentCard.js

@@ -0,0 +1,124 @@
+/*
+ * 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 { Icon, Tag, Tooltip } from "@blueprintjs/core";
+import classNames from "classnames";
+import React, { useState } from "react";
+import styles from "./ComponentCard.module.scss.js";
+import { HookRow } from "./HookRow.js";
+import { resolveComponentName } from "./resolveComponentName.js";
+export const ComponentCard = ({
+  componentId,
+  bindings,
+  formatTime = ms => `${ms.toFixed(1)}ms`,
+  monitorStore,
+  style,
+  issues = []
+}) => {
+  const [expanded, setExpanded] = useState(false);
+  if (bindings.length === 0) {
+    return null;
+  }
+  const componentName = resolveComponentName(bindings);
+  const totalRenders = bindings.reduce((sum, b) => sum + b.renderCount, 0);
+  const avgRenderDuration = bindings.reduce((sum, b) => sum + b.avgRenderDuration, 0) / bindings.length;
+  const hasWarnings = bindings.length > 10;
+  const errorCount = issues.filter(i => i.severity === "error").length;
+  const warningCount = issues.filter(i => i.severity === "warning").length;
+  const healthStatus = errorCount > 0 ? "error" : warningCount > 0 ? "warning" : "healthy";
+  return /*#__PURE__*/React.createElement("div", {
+    className: styles.componentCard,
+    style: style
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles.header,
+    onClick: () => setExpanded(!expanded)
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles.headerLeft
+  }, /*#__PURE__*/React.createElement(Icon, {
+    icon: expanded ? "chevron-down" : "chevron-right",
+    size: 14,
+    className: styles.expandIcon
+  }), /*#__PURE__*/React.createElement("span", {
+    className: classNames(styles.healthDot, styles[`health_${healthStatus}`])
+  }), /*#__PURE__*/React.createElement("span", {
+    className: styles.componentName
+  }, componentName)), /*#__PURE__*/React.createElement("div", {
+    className: styles.headerRight
+  }, hasWarnings && /*#__PURE__*/React.createElement(Tooltip, {
+    content: "This component has many hooks"
+  }, /*#__PURE__*/React.createElement(Tag, {
+    minimal: true,
+    intent: "warning",
+    className: styles.warningTag
+  }, /*#__PURE__*/React.createElement(Icon, {
+    icon: "warning-sign",
+    size: 10
+  }))), /*#__PURE__*/React.createElement(Tooltip, {
+    content: `${bindings.length} OSDK hooks`
+  }, /*#__PURE__*/React.createElement(Tag, {
+    minimal: true,
+    intent: "primary",
+    className: styles.hookCountTag
+  }, bindings.length)), issues.length > 0 && /*#__PURE__*/React.createElement(Tooltip, {
+    content: `${issues.length} issue${issues.length !== 1 ? "s" : ""}`
+  }, /*#__PURE__*/React.createElement(Tag, {
+    minimal: true,
+    intent: errorCount > 0 ? "danger" : "warning",
+    className: styles.issueCountTag
+  }, /*#__PURE__*/React.createElement(Icon, {
+    icon: "warning-sign",
+    size: 10
+  }), " ", issues.length)), issues.length === 0 && /*#__PURE__*/React.createElement("span", {
+    className: styles.healthyLabel
+  }, "healthy"), totalRenders > 0 && /*#__PURE__*/React.createElement(Tooltip, {
+    content: `${totalRenders} total renders`
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles.renderCount
+  }, /*#__PURE__*/React.createElement(Icon, {
+    icon: "refresh",
+    size: 10
+  }), /*#__PURE__*/React.createElement("span", null, totalRenders))), avgRenderDuration > 0 && /*#__PURE__*/React.createElement(Tooltip, {
+    content: `Average render time`
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles.avgDuration
+  }, /*#__PURE__*/React.createElement(Icon, {
+    icon: "time",
+    size: 10
+  }), /*#__PURE__*/React.createElement("span", null, formatTime(avgRenderDuration)))))), expanded && /*#__PURE__*/React.createElement("div", {
+    className: styles.body
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles.hooks
+  }, bindings.map((binding, index) => /*#__PURE__*/React.createElement(HookRow, {
+    key: `${binding.querySignature}-${index}`,
+    binding: binding,
+    formatTime: formatTime,
+    monitorStore: monitorStore
+  }))), issues.length > 0 && /*#__PURE__*/React.createElement("div", {
+    className: styles.inlineIssues
+  }, issues.map(issue => /*#__PURE__*/React.createElement("div", {
+    key: issue.id,
+    className: classNames(styles.inlineIssue, styles[`inlineIssue_${issue.severity}`])
+  }, /*#__PURE__*/React.createElement(Icon, {
+    icon: issue.severity === "error" ? "error" : issue.severity === "warning" ? "warning-sign" : "info-sign",
+    size: 12,
+    intent: issue.severity === "error" ? "danger" : issue.severity === "warning" ? "warning" : "primary"
+  }), /*#__PURE__*/React.createElement("span", {
+    className: styles.inlineIssueText
+  }, issue.title, issue.suggestion && /*#__PURE__*/React.createElement("span", {
+    className: styles.inlineIssueSuggestion
+  }, " \u2192 ", issue.suggestion)))))));
+};
+//# sourceMappingURL=ComponentCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ComponentCard.js","names":["Icon","Tag","Tooltip","classNames","React","useState","styles","HookRow","resolveComponentName","ComponentCard","componentId","bindings","formatTime","ms","toFixed","monitorStore","style","issues","expanded","setExpanded","length","componentName","totalRenders","reduce","sum","b","renderCount","avgRenderDuration","hasWarnings","errorCount","filter","i","severity","warningCount","healthStatus","createElement","className","componentCard","header","onClick","headerLeft","icon","size","expandIcon","healthDot","headerRight","content","minimal","intent","warningTag","hookCountTag","issueCountTag","healthyLabel","avgDuration","body","hooks","map","binding","index","key","querySignature","inlineIssues","issue","id","inlineIssue","inlineIssueText","title","suggestion","inlineIssueSuggestion"],"sources":["ComponentCard.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 { Icon, Tag, Tooltip } from \"@blueprintjs/core\";\nimport classNames from \"classnames\";\nimport React, { useState } from \"react\";\nimport type { MonitorStore } from \"../store/MonitorStore.js\";\nimport type { ComponentHookBinding } from \"../utils/ComponentQueryRegistry.js\";\nimport styles from \"./ComponentCard.module.scss\";\nimport { HookRow } from \"./HookRow.js\";\nimport type { Issue } from \"./issueTypes.js\";\nimport { resolveComponentName } from \"./resolveComponentName.js\";\n\nexport interface ComponentCardProps {\n  componentId: string;\n  bindings: ComponentHookBinding[];\n  formatTime?: (ms: number) => string;\n  monitorStore?: MonitorStore;\n  style?: React.CSSProperties;\n  issues?: Issue[];\n}\n\nexport const ComponentCard: React.FC<ComponentCardProps> = ({\n  componentId,\n  bindings,\n  formatTime = (ms) => `${ms.toFixed(1)}ms`,\n  monitorStore,\n  style,\n  issues = [],\n}) => {\n  const [expanded, setExpanded] = useState(false);\n\n  if (bindings.length === 0) {\n    return null;\n  }\n\n  const componentName = resolveComponentName(bindings);\n\n  const totalRenders = bindings.reduce((sum, b) => sum + b.renderCount, 0);\n  const avgRenderDuration = bindings.reduce(\n    (sum, b) => sum + b.avgRenderDuration,\n    0,\n  ) / bindings.length;\n\n  const hasWarnings = bindings.length > 10;\n\n  const errorCount = issues.filter(i => i.severity === \"error\").length;\n  const warningCount = issues.filter(i => i.severity === \"warning\").length;\n  const healthStatus: \"healthy\" | \"warning\" | \"error\" = errorCount > 0\n    ? \"error\"\n    : warningCount > 0\n    ? \"warning\"\n    : \"healthy\";\n\n  return (\n    <div className={styles.componentCard} style={style}>\n      <div\n        className={styles.header}\n        onClick={() => setExpanded(!expanded)}\n      >\n        <div className={styles.headerLeft}>\n          <Icon\n            icon={expanded ? \"chevron-down\" : \"chevron-right\"}\n            size={14}\n            className={styles.expandIcon}\n          />\n          <span\n            className={classNames(\n              styles.healthDot,\n              styles[`health_${healthStatus}`],\n            )}\n          />\n          <span className={styles.componentName}>{componentName}</span>\n        </div>\n\n        <div className={styles.headerRight}>\n          {hasWarnings && (\n            <Tooltip content=\"This component has many hooks\">\n              <Tag minimal intent=\"warning\" className={styles.warningTag}>\n                <Icon icon=\"warning-sign\" size={10} />\n              </Tag>\n            </Tooltip>\n          )}\n          <Tooltip content={`${bindings.length} OSDK hooks`}>\n            <Tag minimal intent=\"primary\" className={styles.hookCountTag}>\n              {bindings.length}\n            </Tag>\n          </Tooltip>\n          {issues.length > 0 && (\n            <Tooltip\n              content={`${issues.length} issue${\n                issues.length !== 1 ? \"s\" : \"\"\n              }`}\n            >\n              <Tag\n                minimal\n                intent={errorCount > 0 ? \"danger\" : \"warning\"}\n                className={styles.issueCountTag}\n              >\n                <Icon icon=\"warning-sign\" size={10} /> {issues.length}\n              </Tag>\n            </Tooltip>\n          )}\n          {issues.length === 0 && (\n            <span className={styles.healthyLabel}>healthy</span>\n          )}\n          {totalRenders > 0 && (\n            <Tooltip content={`${totalRenders} total renders`}>\n              <div className={styles.renderCount}>\n                <Icon icon=\"refresh\" size={10} />\n                <span>{totalRenders}</span>\n              </div>\n            </Tooltip>\n          )}\n          {avgRenderDuration > 0 && (\n            <Tooltip content={`Average render time`}>\n              <div className={styles.avgDuration}>\n                <Icon icon=\"time\" size={10} />\n                <span>{formatTime(avgRenderDuration)}</span>\n              </div>\n            </Tooltip>\n          )}\n        </div>\n      </div>\n\n      {expanded && (\n        <div className={styles.body}>\n          <div className={styles.hooks}>\n            {bindings.map((binding, index) => (\n              <HookRow\n                key={`${binding.querySignature}-${index}`}\n                binding={binding}\n                formatTime={formatTime}\n                monitorStore={monitorStore}\n              />\n            ))}\n          </div>\n          {issues.length > 0 && (\n            <div className={styles.inlineIssues}>\n              {issues.map(issue => (\n                <div\n                  key={issue.id}\n                  className={classNames(\n                    styles.inlineIssue,\n                    styles[`inlineIssue_${issue.severity}`],\n                  )}\n                >\n                  <Icon\n                    icon={issue.severity === \"error\"\n                      ? \"error\"\n                      : issue.severity === \"warning\"\n                      ? \"warning-sign\"\n                      : \"info-sign\"}\n                    size={12}\n                    intent={issue.severity === \"error\"\n                      ? \"danger\"\n                      : issue.severity === \"warning\"\n                      ? \"warning\"\n                      : \"primary\"}\n                  />\n                  <span className={styles.inlineIssueText}>\n                    {issue.title}\n                    {issue.suggestion && (\n                      <span className={styles.inlineIssueSuggestion}>\n                        {\" \\u2192 \"}\n                        {issue.suggestion}\n                      </span>\n                    )}\n                  </span>\n                </div>\n              ))}\n            </div>\n          )}\n        </div>\n      )}\n    </div>\n  );\n};\n"],"mappings":"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","ignoreList":[]}