synapse-react-client 4.0.25 → 4.0.27

package/dist/components/ProvenanceGraph/ProvenanceGraph.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProvenanceGraph.js","names":[],"sources":["../../../src/components/ProvenanceGraph/ProvenanceGraph.tsx"],"sourcesContent":["import SynapseClient from '@/synapse-client'\nimport { useGetEntityHeaders } from '@/synapse-queries'\nimport { useSynapseContext } from '@/utils/context/SynapseContext'\nimport { CircularProgress } from '@mui/material'\nimport {\n  Activity,\n  EntityHeader,\n  ReferenceList,\n  Used,\n  USED_ENTITY_CONCRETE_TYPE_VALUE,\n  UsedEntity,\n  UsedURL,\n} from '@sage-bionetworks/synapse-types'\nimport { MouseEvent, useCallback, useEffect, useState, WheelEvent } from 'react'\nimport { useErrorHandler } from 'react-error-boundary'\nimport ReactFlow, {\n  Controls,\n  Edge,\n  getConnectedEdges,\n  Node,\n  ReactFlowProvider,\n  useEdgesState,\n  useNodesState,\n  useReactFlow,\n} from 'reactflow'\nimport { SynapseErrorBoundary } from '../error/ErrorBanner'\nimport { displayToast } from '../ToastMessage/ToastMessage'\nimport { ExpandGraphNodeDataProps } from './ExpandGraphNodeLabel'\nimport {\n  addActivityNode,\n  addEntityNode,\n  addEntityPlaceholderNode,\n  addExpandNode,\n  addExternalNode,\n  addUndefinedNode,\n  findEntityNode,\n  isRootEntity,\n} from './ProvenanceGraphUtils'\nimport {\n  getLayoutedElements,\n  isArrayEqual,\n  NodeType,\n  ProvenanceNodeData,\n} from './ProvenanceUtils'\nimport 'reactflow/dist/style.css'\n\nexport type ProvenanceProps = {\n  // what entity nodes should we start with?\n  entityRefs: ReferenceList\n  containerHeight?: string\n  initialNodes?: Node[]\n  initialEdges?: Edge[]\n  onNodesChangedListener?: (nodes: Node[]) => void\n  onEdgesChangedListener?: (edges: Edge[]) => void\n}\n\nconst MAX_ACTIVITY_EXPAND_NODES = 400\nconst DEFAULT_ZOOM = 0.85\n\n/**\n * Renders a Provenance Graph for a set of entities.\n * New Nodes are added to tempNodes, and new Edges are added to tempEdges.\n * On change, these are fed into the dagre js graph library to figure out the node positions,\n * and the output stored in 'nodes' and 'edges'. The 'nodes' and 'edges' arrays are used by the\n * ReactFlow component.\n */\nconst ProvenanceReactFlow = (props: ProvenanceProps): React.ReactNode => {\n  const {\n    entityRefs: rootEntityRefs,\n    containerHeight = '200px',\n    initialNodes = [],\n    initialEdges = [],\n    onNodesChangedListener,\n    onEdgesChangedListener,\n  } = props\n  const { accessToken } = useSynapseContext()\n  const [tempNodes, setTempNodes] = useState<Node[]>(initialNodes)\n  const [tempEdges, setTempEdges] = useState<Edge[]>(initialEdges)\n  const [nodes, setNodes] = useNodesState([])\n  const [edges, setEdges] = useEdgesState([])\n  const [clickedNode, setClickedNode] = useState<Node>()\n  const handleError = useErrorHandler()\n\n  const { data: rootEntityHeadersPage, isSuccess } = useGetEntityHeaders(\n    rootEntityRefs,\n    { throwOnError: true },\n  )\n  if (\n    isSuccess &&\n    rootEntityHeadersPage &&\n    rootEntityHeadersPage.totalNumberOfResults == 0\n  ) {\n    const synapseIds = rootEntityRefs.map(ref => ref.targetId).join(',')\n    handleError(\n      `Unable to load provenance for the given Synapse IDs: ${synapseIds}`,\n    )\n  }\n  const rootEntityHeaders = rootEntityHeadersPage?.results\n  const [initializedPosition, setInitializedPosition] = useState<boolean>(false)\n\n  // Get the react flow instance so we attempt to properly center the view.\n  const reactFlowInstance = useReactFlow()\n\n  const onClickNode = useCallback((_event: MouseEvent, node: Node) => {\n    setClickedNode(node)\n  }, [])\n\n  /**\n   * Called when we have a new entity to add to the graph.  This will result in adding\n   * a new Entity Node to the nodesCopy, a link from the usedInActivity to the new Entity Node,\n   * AND it will look for an Activity associated with the new entity.  If an Activity is found,\n   * it will add an Expand Node for the user to click (to expand to see this Activity!).\n   * If this is a root node (starting entity node), then we automatically add the Activity Node\n   * and process it.\n   */\n  const addEntity = useCallback(\n    async (params: {\n      entityHeader: EntityHeader\n      usedInActivity?: Activity\n      nodesCopy: Node[]\n      edgesCopy: Edge[]\n    }) => {\n      const { entityHeader, nodesCopy, edgesCopy, usedInActivity } = params\n      addEntityNode({\n        entityHeader,\n        activity: usedInActivity,\n        nodesCopy,\n        edgesCopy,\n      })\n      //look for Activity\n      try {\n        const activity = await SynapseClient.getActivityForEntity(\n          entityHeader.id,\n          entityHeader.versionNumber,\n          accessToken,\n        )\n        // if this is not a root node (or there are too many items to show), add an expand node\n        if (\n          !isRootEntity({ entityHeader, rootEntityHeaders }) ||\n          (activity.used && activity.used.length >= MAX_ACTIVITY_EXPAND_NODES)\n        ) {\n          addExpandNode({\n            entityHeader,\n            itemCount: activity.used?.length,\n            nodesCopy,\n            edgesCopy,\n          })\n        }\n      } catch (e) {\n        // Activity is not accessible\n        console.error(e)\n        if (\n          isRootEntity({\n            entityHeader,\n            rootEntityHeaders,\n          })\n        ) {\n          // add provenance undefined node\n          addUndefinedNode({\n            entityHeader,\n            nodesCopy,\n            edgesCopy,\n          })\n        }\n      }\n    },\n    [accessToken, rootEntityHeaders],\n  )\n\n  /**\n   * This effect attempts to center the graph on one of the root nodes.\n   * Only initializes after after a root node has been added to the graph.\n   */\n  useEffect(() => {\n    if (!initializedPosition && nodes.length > 0) {\n      setTimeout(() => {\n        if (rootEntityHeaders) {\n          const rootEntityNode = findEntityNode(rootEntityHeaders[0], nodes)\n          if (rootEntityNode) {\n            const currentZoom = reactFlowInstance.getZoom()\n            const zoom = currentZoom > DEFAULT_ZOOM ? DEFAULT_ZOOM : currentZoom\n            reactFlowInstance?.setCenter(\n              rootEntityNode.position.x + 150,\n              rootEntityNode.position.y - 30,\n              { zoom, duration: 0 },\n            )\n          }\n          setInitializedPosition(true)\n        }\n      })\n    }\n  }, [initializedPosition, nodes, reactFlowInstance, rootEntityHeaders])\n\n  /**\n   * This is called when the user clicks on an Expand Node.  It will add the associated Activity\n   * and all \"used\" items (entities and urls) to the graph by adding items to the nodesCopy and edgesCopy arrays.\n   */\n  const onExpandEntity = useCallback(\n    async (params: {\n      entityHeader: EntityHeader\n      nodesCopy: Node[]\n      edgesCopy: Edge[]\n    }) => {\n      const { entityHeader, nodesCopy, edgesCopy } = params\n      try {\n        const activity = await SynapseClient.getActivityForEntity(\n          entityHeader.id,\n          entityHeader.versionNumber,\n          accessToken,\n        )\n        addActivityNode({\n          activity,\n          entityHeader,\n          nodesCopy,\n          edgesCopy,\n        })\n        // go through Activity.used array to add these nodes/edges\n        if (activity.used && activity.used.length < MAX_ACTIVITY_EXPAND_NODES) {\n          const usedEntityReferences: ReferenceList = []\n          activity.used.forEach((usedItem: Used) => {\n            if (usedItem.concreteType == USED_ENTITY_CONCRETE_TYPE_VALUE) {\n              usedEntityReferences.push((usedItem as UsedEntity).reference)\n            } else {\n              // UsedURL\n              const usedURL = usedItem as UsedURL\n              addExternalNode({ usedURL, activity, nodesCopy, edgesCopy })\n            }\n          })\n          const usedEntityHeadersPage = await SynapseClient.getEntityHeaders(\n            usedEntityReferences,\n            accessToken,\n          )\n          const { results: usedEntityHeaderPageResults } = usedEntityHeadersPage\n          // find refs that were not returned by the entity header call\n          const refsMissingEntityHeaders = usedEntityReferences.filter(ref => {\n            return (\n              usedEntityHeaderPageResults.find(header => {\n                return header.id == ref.targetId\n              }) == undefined\n            )\n          })\n          refsMissingEntityHeaders.forEach(ref => {\n            addEntityPlaceholderNode({ ref, activity, nodesCopy, edgesCopy })\n          })\n          const addEntityPromises: Promise<void>[] = []\n          usedEntityHeaderPageResults.forEach(header => {\n            addEntityPromises.push(\n              addEntity({\n                entityHeader: header,\n                nodesCopy,\n                edgesCopy,\n                usedInActivity: activity,\n              }),\n            )\n          })\n          await Promise.allSettled(addEntityPromises)\n        }\n      } catch (e) {\n        // Activity is not accessible\n        console.error(e)\n      }\n    },\n    [accessToken, addEntity],\n  )\n\n  /**\n   * This effect code executes when no nodes have been added.\n   * It will add the root nodes, and attempt to expand the root nodes.\n   */\n  useEffect(() => {\n    if (rootEntityHeaders && tempNodes.length == 0) {\n      const nodesCopy = [...tempNodes]\n      const edgesCopy = [...tempEdges]\n      const addAndExpandPromises: Promise<void>[] = []\n      rootEntityHeaders.forEach(header => {\n        const addEntityPromise = addEntity({\n          entityHeader: header,\n          nodesCopy,\n          edgesCopy,\n        })\n        addAndExpandPromises.push(addEntityPromise)\n\n        const expandEntityPromise = onExpandEntity({\n          entityHeader: header,\n          nodesCopy,\n          edgesCopy,\n        })\n        addAndExpandPromises.push(expandEntityPromise)\n      })\n      Promise.allSettled(addAndExpandPromises).finally(() => {\n        setTempNodes(nodesCopy)\n        setTempEdges(edgesCopy)\n      })\n    }\n  }, [\n    addEntity,\n    handleError,\n    onExpandEntity,\n    rootEntityHeaders,\n    rootEntityRefs,\n    tempEdges,\n    tempNodes,\n  ])\n\n  /**\n   * This effect code executes when a node is clicked.\n   * We check to see if it is an expand node.  If it is, then we remove the expand node (and associated edge)\n   * and ask for the Activity and associated \"used\" nodes (entities and URLs)\n   */\n  useEffect(() => {\n    const nodeData: ProvenanceNodeData = clickedNode?.data as ProvenanceNodeData\n    if (clickedNode && nodeData?.type == NodeType.EXPAND) {\n      const expandNodeDataProps = nodeData.props as ExpandGraphNodeDataProps\n      if (expandNodeDataProps.itemCount > MAX_ACTIVITY_EXPAND_NODES) {\n        displayToast(\n          'Web visualization does not support expanding this many items at this time.',\n          'danger',\n        )\n        return\n      } else {\n        // graph will be used outside of synapse, so show a non-branded spinner\n        nodeData.label = <CircularProgress size={30} />\n        // remove clicked node\n        const nodesWithoutExpandNode = tempNodes.filter(\n          node => node.id != clickedNode.id,\n        )\n        const edgeToRemove = getConnectedEdges([clickedNode], tempEdges)[0]\n        const edgesWithoutExpandEdge = tempEdges.filter(\n          edge => edge != edgeToRemove,\n        )\n        onExpandEntity({\n          entityHeader: expandNodeDataProps.entityHeader,\n          nodesCopy: nodesWithoutExpandNode,\n          edgesCopy: edgesWithoutExpandEdge,\n        }).finally(() => {\n          setTempNodes(nodesWithoutExpandNode)\n          setTempEdges(edgesWithoutExpandEdge)\n        })\n      }\n      setClickedNode(undefined)\n    }\n  }, [clickedNode, tempNodes, tempEdges, onExpandEntity])\n\n  /**\n   * This effect code is run when the graph nodes or edges change.\n   * It feeds the nodes and edges into our layout library to figure out where they should be positioned.\n   * The result is saved in the state variable \"nodes\" and \"edges\".\n   */\n  useEffect(() => {\n    const { nodes: layoutedNodes, edges: layoutedEdges } = getLayoutedElements(\n      tempNodes,\n      tempEdges,\n      'TB',\n    )\n    // hack: ProvenanceUtils.getProvenanceNode() returns a new object every time, so check to see if\n    // there were any real changes\n    if (!isArrayEqual(layoutedNodes, nodes)) {\n      setNodes(layoutedNodes)\n      if (onNodesChangedListener) {\n        onNodesChangedListener(layoutedNodes)\n      }\n    }\n    if (!isArrayEqual(layoutedEdges, edges)) {\n      setEdges(layoutedEdges)\n      if (onEdgesChangedListener) {\n        onEdgesChangedListener(layoutedEdges)\n      }\n    }\n  }, [\n    tempNodes,\n    tempEdges,\n    nodes,\n    edges,\n    setNodes,\n    setEdges,\n    initializedPosition,\n    reactFlowInstance,\n    rootEntityRefs,\n    onNodesChangedListener,\n    onEdgesChangedListener,\n  ])\n\n  const onPaneScrollFunction: (event?: WheelEvent) => void = useCallback(\n    event => {\n      // Cannot simply check the truthy value of event.deltaX (or Y) because the value might be 0 (or -0), which is falsy\n      if (\n        event &&\n        typeof event.deltaX !== 'undefined' &&\n        typeof event.deltaY !== 'undefined'\n      ) {\n        window.scrollTo(\n          window.scrollX + event.deltaX,\n          window.scrollY + event.deltaY,\n        )\n      }\n    },\n    [],\n  )\n  return (\n    <div\n      className=\"ProvenanceWidget\"\n      role=\"graphics-doc\" //https://www.w3.org/wiki/SVG_Accessibility/ARIA_roles_for_charts#Document_Roles\n      style={{ width: '100%', height: containerHeight }}\n    >\n      <ReactFlow\n        defaultViewport={{ x: 0, y: 0, zoom: DEFAULT_ZOOM }}\n        nodes={nodes}\n        edges={edges}\n        onNodeClick={onClickNode}\n        // onNodesChange={onNodesChange}  // SWC-6804: When the nodes/edges are updated (expanded) the graph is already re-rendered.\n        // onEdgesChange={onEdgesChange}  // Specifying these callbacks causes an infinite re-rendering loop.\n        attributionPosition=\"bottom-right\"\n        onConnect={undefined}\n        zoomOnScroll={false}\n        onPaneScroll={onPaneScrollFunction}\n      >\n        <Controls />\n      </ReactFlow>\n    </div>\n  )\n}\n\nconst ProvenanceGraph = (props: ProvenanceProps): React.ReactNode => {\n  return (\n    <SynapseErrorBoundary>\n      <ReactFlowProvider>\n        <ProvenanceReactFlow {...props} />\n      </ReactFlowProvider>\n    </SynapseErrorBoundary>\n  )\n}\n\nexport default ProvenanceGraph\n"],"mappings":"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"}
+{"version":3,"file":"ProvenanceGraph.js","names":[],"sources":["../../../src/components/ProvenanceGraph/ProvenanceGraph.tsx"],"sourcesContent":["import SynapseClient from '@/synapse-client'\nimport { useGetEntityHeaders } from '@/synapse-queries'\nimport {\n  entityTypeToFriendlyName,\n  getEntityTypeFromHeader,\n} from '@/utils/functions/EntityTypeUtils'\nimport { useSynapseContext } from '@/utils/context/SynapseContext'\nimport { CircularProgress, Typography, Button, Stack } from '@mui/material'\nimport {\n  Activity,\n  EntityHeader,\n  ReferenceList,\n  Used,\n  USED_ENTITY_CONCRETE_TYPE_VALUE,\n  UsedEntity,\n  UsedURL,\n} from '@sage-bionetworks/synapse-types'\nimport { MouseEvent, useCallback, useEffect, useState, WheelEvent } from 'react'\nimport { useErrorHandler } from 'react-error-boundary'\nimport ReactFlow, {\n  Controls,\n  Edge,\n  getConnectedEdges,\n  Node,\n  ReactFlowProvider,\n  useEdgesState,\n  useNodesState,\n  useReactFlow,\n} from 'reactflow'\nimport { SynapseErrorBoundary } from '../error/ErrorBanner'\nimport { displayToast } from '../ToastMessage/ToastMessage'\nimport { ExpandGraphNodeDataProps } from './ExpandGraphNodeLabel'\nimport {\n  addActivityNode,\n  addEntityNode,\n  addEntityPlaceholderNode,\n  addExpandNode,\n  addExternalNode,\n  addUndefinedNode,\n  findEntityNode,\n  isRootEntity,\n} from './ProvenanceGraphUtils'\nimport {\n  getLayoutedElements,\n  isArrayEqual,\n  NodeType,\n  ProvenanceNodeData,\n} from './ProvenanceUtils'\nimport 'reactflow/dist/style.css'\n\nexport type ProvenanceProps = {\n  // what entity nodes should we start with?\n  entityRefs: ReferenceList\n  containerHeight?: string\n  initialNodes?: Node[]\n  initialEdges?: Edge[]\n  onNodesChangedListener?: (nodes: Node[]) => void\n  onEdgesChangedListener?: (edges: Edge[]) => void\n  onEditProvenanceClicked?: () => void\n}\n\nconst MAX_ACTIVITY_EXPAND_NODES = 400\nconst DEFAULT_ZOOM = 0.85\nexport const EDIT_PROVENANCE_TEXT = 'Edit Provenance'\nexport const NO_PROVENANCE_TITLE = 'No provenance data'\nconst NO_PROVENANCE_MESSAGE = (entityTypeName: string) =>\n  `We don’t have any provenance information for this ${entityTypeName} yet.`\nconst NO_PROVENANCE_TEXT_COLOR = '#3B4046'\nconst PROVENANCE_BACKGROUND_COLOR = '#F9F9FA'\nconst EDIT_PROVENANCE_BUTTON_TEXT_COLOR = '#4D535A'\nconst EDIT_PROVENANCE_BUTTON_BORDER_COLOR = '#9EAAB7'\nconst EDIT_PROVENANCE_BUTTON_BACKGROUND_COLOR = 'rgba(255, 255, 255, 0.60)'\n\n/**\n * Renders a Provenance Graph for a set of entities.\n * New Nodes are added to tempNodes, and new Edges are added to tempEdges.\n * On change, these are fed into the dagre js graph library to figure out the node positions,\n * and the output stored in 'nodes' and 'edges'. The 'nodes' and 'edges' arrays are used by the\n * ReactFlow component.\n */\nconst ProvenanceReactFlow = (props: ProvenanceProps): React.ReactNode => {\n  const {\n    entityRefs: rootEntityRefs,\n    containerHeight = '200px',\n    initialNodes = [],\n    initialEdges = [],\n    onNodesChangedListener,\n    onEdgesChangedListener,\n    onEditProvenanceClicked,\n  } = props\n  const { accessToken } = useSynapseContext()\n  const [tempNodes, setTempNodes] = useState<Node[]>(initialNodes)\n  const [tempEdges, setTempEdges] = useState<Edge[]>(initialEdges)\n  const [nodes, setNodes] = useNodesState([])\n  const [edges, setEdges] = useEdgesState([])\n  const [clickedNode, setClickedNode] = useState<Node>()\n  const [initialBuildComplete, setInitialBuildComplete] =\n    useState<boolean>(false)\n  const handleError = useErrorHandler()\n\n  const { data: rootEntityHeadersPage, isSuccess } = useGetEntityHeaders(\n    rootEntityRefs,\n    { throwOnError: true },\n  )\n\n  const PROVENANCE_NODE_TYPES = [\n    NodeType.ENTITY_PLACEHOLDER,\n    NodeType.EXTERNAL,\n    NodeType.ACTIVITY,\n    NodeType.EXPAND,\n  ]\n  const hasProvenanceNodes = nodes.some(node =>\n    PROVENANCE_NODE_TYPES.includes((node.data as ProvenanceNodeData).type),\n  )\n\n  const showNoProvenance = initialBuildComplete && !hasProvenanceNodes\n\n  if (\n    isSuccess &&\n    rootEntityHeadersPage &&\n    rootEntityHeadersPage.totalNumberOfResults == 0\n  ) {\n    const synapseIds = rootEntityRefs.map(ref => ref.targetId).join(',')\n    handleError(\n      `Unable to load provenance for the given Synapse IDs: ${synapseIds}`,\n    )\n  }\n  const rootEntityHeaders = rootEntityHeadersPage?.results\n  const entityTypeName = rootEntityHeaders?.[0]\n    ? entityTypeToFriendlyName(\n        getEntityTypeFromHeader(rootEntityHeaders[0]),\n      ).toLowerCase()\n    : 'entity'\n  const [initializedPosition, setInitializedPosition] = useState<boolean>(false)\n\n  // Get the react flow instance so we attempt to properly center the view.\n  const reactFlowInstance = useReactFlow()\n\n  const onClickNode = useCallback((_event: MouseEvent, node: Node) => {\n    setClickedNode(node)\n  }, [])\n\n  /**\n   * Called when we have a new entity to add to the graph.  This will result in adding\n   * a new Entity Node to the nodesCopy, a link from the usedInActivity to the new Entity Node,\n   * AND it will look for an Activity associated with the new entity.  If an Activity is found,\n   * it will add an Expand Node for the user to click (to expand to see this Activity!).\n   * If this is a root node (starting entity node), then we automatically add the Activity Node\n   * and process it.\n   */\n  const addEntity = useCallback(\n    async (params: {\n      entityHeader: EntityHeader\n      usedInActivity?: Activity\n      nodesCopy: Node[]\n      edgesCopy: Edge[]\n    }) => {\n      const { entityHeader, nodesCopy, edgesCopy, usedInActivity } = params\n      addEntityNode({\n        entityHeader,\n        activity: usedInActivity,\n        nodesCopy,\n        edgesCopy,\n      })\n      //look for Activity\n      try {\n        const activity = await SynapseClient.getActivityForEntity(\n          entityHeader.id,\n          entityHeader.versionNumber,\n          accessToken,\n        )\n        // if this is not a root node (or there are too many items to show), add an expand node\n        if (\n          !isRootEntity({ entityHeader, rootEntityHeaders }) ||\n          (activity.used && activity.used.length >= MAX_ACTIVITY_EXPAND_NODES)\n        ) {\n          addExpandNode({\n            entityHeader,\n            itemCount: activity.used?.length,\n            nodesCopy,\n            edgesCopy,\n          })\n        }\n      } catch (e) {\n        // Activity is not accessible\n        console.error(e)\n        if (\n          isRootEntity({\n            entityHeader,\n            rootEntityHeaders,\n          })\n        ) {\n          // add provenance undefined node\n          addUndefinedNode({\n            entityHeader,\n            nodesCopy,\n            edgesCopy,\n          })\n        }\n      }\n    },\n    [accessToken, rootEntityHeaders],\n  )\n\n  /**\n   * This effect attempts to center the graph on one of the root nodes.\n   * Only initializes after after a root node has been added to the graph.\n   */\n  useEffect(() => {\n    if (!initializedPosition && nodes.length > 0) {\n      setTimeout(() => {\n        if (rootEntityHeaders) {\n          const rootEntityNode = findEntityNode(rootEntityHeaders[0], nodes)\n          if (rootEntityNode) {\n            const currentZoom = reactFlowInstance.getZoom()\n            const zoom = currentZoom > DEFAULT_ZOOM ? DEFAULT_ZOOM : currentZoom\n            reactFlowInstance?.setCenter(\n              rootEntityNode.position.x + 150,\n              rootEntityNode.position.y - 30,\n              { zoom, duration: 0 },\n            )\n          }\n          setInitializedPosition(true)\n        }\n      })\n    }\n  }, [initializedPosition, nodes, reactFlowInstance, rootEntityHeaders])\n\n  /**\n   * This is called when the user clicks on an Expand Node.  It will add the associated Activity\n   * and all \"used\" items (entities and urls) to the graph by adding items to the nodesCopy and edgesCopy arrays.\n   */\n  const onExpandEntity = useCallback(\n    async (params: {\n      entityHeader: EntityHeader\n      nodesCopy: Node[]\n      edgesCopy: Edge[]\n    }) => {\n      const { entityHeader, nodesCopy, edgesCopy } = params\n      try {\n        const activity = await SynapseClient.getActivityForEntity(\n          entityHeader.id,\n          entityHeader.versionNumber,\n          accessToken,\n        )\n        addActivityNode({\n          activity,\n          entityHeader,\n          nodesCopy,\n          edgesCopy,\n        })\n        // go through Activity.used array to add these nodes/edges\n        if (activity.used && activity.used.length < MAX_ACTIVITY_EXPAND_NODES) {\n          const usedEntityReferences: ReferenceList = []\n          activity.used.forEach((usedItem: Used) => {\n            if (usedItem.concreteType == USED_ENTITY_CONCRETE_TYPE_VALUE) {\n              usedEntityReferences.push((usedItem as UsedEntity).reference)\n            } else {\n              // UsedURL\n              const usedURL = usedItem as UsedURL\n              addExternalNode({ usedURL, activity, nodesCopy, edgesCopy })\n            }\n          })\n          const usedEntityHeadersPage = await SynapseClient.getEntityHeaders(\n            usedEntityReferences,\n            accessToken,\n          )\n          const { results: usedEntityHeaderPageResults } = usedEntityHeadersPage\n          // find refs that were not returned by the entity header call\n          const refsMissingEntityHeaders = usedEntityReferences.filter(ref => {\n            return (\n              usedEntityHeaderPageResults.find(header => {\n                return header.id == ref.targetId\n              }) == undefined\n            )\n          })\n          refsMissingEntityHeaders.forEach(ref => {\n            addEntityPlaceholderNode({ ref, activity, nodesCopy, edgesCopy })\n          })\n          const addEntityPromises: Promise<void>[] = []\n          usedEntityHeaderPageResults.forEach(header => {\n            addEntityPromises.push(\n              addEntity({\n                entityHeader: header,\n                nodesCopy,\n                edgesCopy,\n                usedInActivity: activity,\n              }),\n            )\n          })\n          await Promise.allSettled(addEntityPromises)\n        }\n      } catch (e) {\n        // Activity is not accessible\n        console.error(e)\n      }\n    },\n    [accessToken, addEntity],\n  )\n\n  /**\n   * This effect code executes when no nodes have been added.\n   * It will add the root nodes, and attempt to expand the root nodes.\n   */\n  useEffect(() => {\n    if (rootEntityHeaders && tempNodes.length == 0) {\n      const nodesCopy = [...tempNodes]\n      const edgesCopy = [...tempEdges]\n      const addAndExpandPromises: Promise<void>[] = []\n      rootEntityHeaders.forEach(header => {\n        const addEntityPromise = addEntity({\n          entityHeader: header,\n          nodesCopy,\n          edgesCopy,\n        })\n        addAndExpandPromises.push(addEntityPromise)\n\n        const expandEntityPromise = onExpandEntity({\n          entityHeader: header,\n          nodesCopy,\n          edgesCopy,\n        })\n        addAndExpandPromises.push(expandEntityPromise)\n      })\n      Promise.allSettled(addAndExpandPromises).finally(() => {\n        setTempNodes(nodesCopy)\n        setTempEdges(edgesCopy)\n        setInitialBuildComplete(true)\n      })\n    }\n  }, [\n    addEntity,\n    handleError,\n    onExpandEntity,\n    rootEntityHeaders,\n    rootEntityRefs,\n    tempEdges,\n    tempNodes,\n  ])\n\n  /**\n   * This effect code executes when a node is clicked.\n   * We check to see if it is an expand node.  If it is, then we remove the expand node (and associated edge)\n   * and ask for the Activity and associated \"used\" nodes (entities and URLs)\n   */\n  useEffect(() => {\n    const nodeData: ProvenanceNodeData = clickedNode?.data as ProvenanceNodeData\n    if (clickedNode && nodeData?.type == NodeType.EXPAND) {\n      const expandNodeDataProps = nodeData.props as ExpandGraphNodeDataProps\n      if (expandNodeDataProps.itemCount > MAX_ACTIVITY_EXPAND_NODES) {\n        displayToast(\n          'Web visualization does not support expanding this many items at this time.',\n          'danger',\n        )\n        return\n      } else {\n        // graph will be used outside of synapse, so show a non-branded spinner\n        nodeData.label = <CircularProgress size={30} />\n        // remove clicked node\n        const nodesWithoutExpandNode = tempNodes.filter(\n          node => node.id != clickedNode.id,\n        )\n        const edgeToRemove = getConnectedEdges([clickedNode], tempEdges)[0]\n        const edgesWithoutExpandEdge = tempEdges.filter(\n          edge => edge != edgeToRemove,\n        )\n        onExpandEntity({\n          entityHeader: expandNodeDataProps.entityHeader,\n          nodesCopy: nodesWithoutExpandNode,\n          edgesCopy: edgesWithoutExpandEdge,\n        }).finally(() => {\n          setTempNodes(nodesWithoutExpandNode)\n          setTempEdges(edgesWithoutExpandEdge)\n        })\n      }\n      setClickedNode(undefined)\n    }\n  }, [clickedNode, tempNodes, tempEdges, onExpandEntity])\n\n  /**\n   * This effect code is run when the graph nodes or edges change.\n   * It feeds the nodes and edges into our layout library to figure out where they should be positioned.\n   * The result is saved in the state variable \"nodes\" and \"edges\".\n   */\n  useEffect(() => {\n    const { nodes: layoutedNodes, edges: layoutedEdges } = getLayoutedElements(\n      tempNodes,\n      tempEdges,\n      'TB',\n    )\n    // hack: ProvenanceUtils.getProvenanceNode() returns a new object every time, so check to see if\n    // there were any real changes\n    if (!isArrayEqual(layoutedNodes, nodes)) {\n      setNodes(layoutedNodes)\n      if (onNodesChangedListener) {\n        onNodesChangedListener(layoutedNodes)\n      }\n    }\n    if (!isArrayEqual(layoutedEdges, edges)) {\n      setEdges(layoutedEdges)\n      if (onEdgesChangedListener) {\n        onEdgesChangedListener(layoutedEdges)\n      }\n    }\n  }, [\n    tempNodes,\n    tempEdges,\n    nodes,\n    edges,\n    setNodes,\n    setEdges,\n    initializedPosition,\n    reactFlowInstance,\n    rootEntityRefs,\n    onNodesChangedListener,\n    onEdgesChangedListener,\n  ])\n\n  const onPaneScrollFunction: (event?: WheelEvent) => void = useCallback(\n    event => {\n      // Cannot simply check the truthy value of event.deltaX (or Y) because the value might be 0 (or -0), which is falsy\n      if (\n        event &&\n        typeof event.deltaX !== 'undefined' &&\n        typeof event.deltaY !== 'undefined'\n      ) {\n        window.scrollTo(\n          window.scrollX + event.deltaX,\n          window.scrollY + event.deltaY,\n        )\n      }\n    },\n    [],\n  )\n  return (\n    <div\n      className=\"ProvenanceWidget\"\n      role=\"graphics-doc\" //https://www.w3.org/wiki/SVG_Accessibility/ARIA_roles_for_charts#Document_Roles\n      style={{\n        width: '100%',\n        height: containerHeight,\n        backgroundColor: PROVENANCE_BACKGROUND_COLOR,\n        padding: '15px',\n      }}\n    >\n      {showNoProvenance ? (\n        <Stack\n          sx={{\n            display: 'flex',\n            height: '100%',\n            alignItems: 'center',\n            justifyContent: 'center',\n            textAlign: 'center',\n          }}\n        >\n          <Typography\n            sx={{\n              color: NO_PROVENANCE_TEXT_COLOR,\n              fontSize: '16px',\n              lineHeight: '24px',\n              fontWeight: 540,\n              marginBottom: '12px',\n            }}\n          >\n            {NO_PROVENANCE_TITLE}\n          </Typography>\n          <Typography\n            sx={{\n              color: NO_PROVENANCE_TEXT_COLOR,\n              fontSize: '14px',\n              lineHeight: '20px',\n              fontWeight: 440,\n            }}\n          >\n            {NO_PROVENANCE_MESSAGE(entityTypeName)}\n          </Typography>\n          {onEditProvenanceClicked && (\n            <Button\n              variant=\"outlined\"\n              sx={{\n                borderRadius: '6px',\n                border: '1px solid',\n                borderColor: EDIT_PROVENANCE_BUTTON_BORDER_COLOR,\n                background: EDIT_PROVENANCE_BUTTON_BACKGROUND_COLOR,\n                color: EDIT_PROVENANCE_BUTTON_TEXT_COLOR,\n                fontWeight: 540,\n                lineHeight: '12px' /* 100% */,\n                letterSpacing: '-0.24px',\n                marginTop: '20px',\n                height: '28px',\n                padding: '8px',\n              }}\n              onClick={onEditProvenanceClicked}\n            >\n              {EDIT_PROVENANCE_TEXT}\n            </Button>\n          )}\n        </Stack>\n      ) : (\n        <ReactFlow\n          defaultViewport={{ x: 0, y: 0, zoom: DEFAULT_ZOOM }}\n          nodes={nodes}\n          edges={edges}\n          onNodeClick={onClickNode}\n          // onNodesChange={onNodesChange}  // SWC-6804: When the nodes/edges are updated (expanded) the graph is already re-rendered.\n          // onEdgesChange={onEdgesChange}  // Specifying these callbacks causes an infinite re-rendering loop.\n          attributionPosition=\"bottom-right\"\n          onConnect={undefined}\n          zoomOnScroll={false}\n          onPaneScroll={onPaneScrollFunction}\n        >\n          <Controls />\n        </ReactFlow>\n      )}\n    </div>\n  )\n}\n\nconst ProvenanceGraph = (props: ProvenanceProps): React.ReactNode => {\n  return (\n    <SynapseErrorBoundary>\n      <ReactFlowProvider>\n        <ProvenanceReactFlow {...props} />\n      </ReactFlowProvider>\n    </SynapseErrorBoundary>\n  )\n}\n\nexport default ProvenanceGraph\n"],"mappings":"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"}

package/dist/components/SearchQueryWrapper/SearchQueryUseQueryOptions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SearchQueryUseQueryOptions.d.ts","sourceRoot":"","sources":["../../../src/components/SearchQueryWrapper/SearchQueryUseQueryOptions.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"SearchQueryUseQueryOptions.d.ts","sourceRoot":"","sources":["../../../src/components/SearchQueryWrapper/SearchQueryUseQueryOptions.ts"],"names":[],"mappings":"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"}

package/dist/components/SearchQueryWrapper/SearchQueryUseQueryOptions.js

@@ -110,15 +110,15 @@ function h(e, t, n, r) {
 			rows: o
 		}
 	} : void 0, u = e.aggregationResults, d = Object.entries(u ?? {}).map(([e, t]) => {
-		let n = t, i = n[`sterms#${e}`] ?? n[e], a = i?.buckets === void 0 ? t : i, o = r?.filter((t) => t.concreteType === c && t.columnName === e).flatMap((e) => e.facetValues ?? []) ?? [];
+		let n = t, i = Object.keys(n).find((t) => t.endsWith(`#${e}`)), a = (i === void 0 ? void 0 : n[i]) ?? n[e], o = a?.buckets === void 0 ? t : a, s = r?.filter((t) => t.concreteType === c && t.columnName === e).flatMap((e) => e.facetValues ?? []) ?? [];
 		return {
 			concreteType: "org.sagebionetworks.repo.model.table.FacetColumnResultValues",
 			facetType: "enumeration",
 			columnName: e,
-			facetValues: (a.buckets ?? []).map((e) => ({
+			facetValues: (o.buckets ?? []).map((e) => ({
 				value: String(e.key),
 				count: e.doc_count,
-				isSelected: o.includes(String(e.key))
+				isSelected: s.includes(String(e.key))
 			}))
 		};
 	}), f = (n ?? []).filter((e) => e.facetType === "range" && (e.columnType === "DATE" || e.columnType === "DOUBLE" || e.columnType === "INTEGER") && !d.some((t) => t.columnName === e.name)).map((e) => {

package/dist/components/SearchQueryWrapper/SearchQueryUseQueryOptions.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchQueryUseQueryOptions.js","names":[],"sources":["../../../src/components/SearchQueryWrapper/SearchQueryUseQueryOptions.ts"],"sourcesContent":["import * as SynapseClient from '@/synapse-client/SynapseClient'\nimport { tableQueryUseQueryDefaults } from '@/synapse-queries'\nimport { useGetEntityBundle } from '@/synapse-queries/entity/useEntityBundle'\nimport { useSynapseContext } from '@/utils/context/SynapseContext'\nimport {\n  AsynchronousJobStatus,\n  ColumnModel,\n  FACET_COLUMN_RANGE_REQUEST_CONCRETE_TYPE_VALUE,\n  FacetColumnRangeRequest,\n  FacetColumnResultRange,\n  FacetColumnResultValues,\n  FACET_COLUMN_VALUES_REQUEST_CONCRETE_TYPE_VALUE,\n  FacetColumnValuesRequest,\n  QueryBundleRequest,\n  QueryResultBundle,\n  RowSet,\n  SortItem,\n  TEXT_MATCHES_QUERY_FILTER_CONCRETE_TYPE_VALUE,\n  TextMatchesQueryFilter,\n} from '@sage-bionetworks/synapse-types'\nimport type {\n  Aggregation,\n  DslQuery,\n  SearchIndexQuery,\n  SearchQueryResults,\n  SearchSearchQuery,\n  SynapseClientError,\n  TermsAggregation,\n} from '@sage-bionetworks/synapse-client'\nimport {\n  InfiniteData,\n  QueryKey,\n  UseInfiniteQueryOptions,\n  UseSuspenseQueryOptions,\n} from '@tanstack/react-query'\nimport { omit } from 'lodash-es'\nimport dayjs from 'dayjs'\nimport { useCallback, useMemo } from 'react'\nimport { KeyFactory } from '@/synapse-queries/KeyFactory'\n\n// ─── Local OpenSearch DSL types ─────────────────────────────────────────────\n// Narrow typings for the OpenSearch structures we build (query DSL, sort) and\n// parse (aggregation results). These are intentionally minimal – only the fields\n// we actually produce/consume are declared. Aggregation types use the generated\n// Aggregation/TermsAggregation types from @sage-bionetworks/synapse-client.\n\nexport type SearchQueryStrategy =\n  | 'MULTI_MATCH'\n  | 'MULTI_MATCH_BEST_FIELDS'\n  | 'MULTI_MATCH_CROSS_FIELDS'\n  | 'SIMPLE_QUERY_STRING'\n  | 'PHRASE_PREFIX'\n  | 'BOOSTED_FUZZY'\n\nexport type SearchQueryConfig = {\n  /**\n   * Which OpenSearch query clause to emit when the user has typed a search term.\n   * Defaults to 'MULTI_MATCH' (all fields, fuzziness AUTO — today's behavior).\n   */\n  queryStrategy?: SearchQueryStrategy\n  /**\n   * Per-field relevance multipliers. Serialized to the OpenSearch `fields` array\n   * as e.g. `[\"resourceName^5\", \"synonyms^4\"]`. When omitted, all fields are\n   * queried at equal weight.\n   */\n  fieldBoosts?: Record<string, number>\n  /**\n   * Fuzziness override. Overrides the per-strategy default. Leave undefined to\n   * use each strategy's natural default (AUTO for MULTI_MATCH/BOOSTED_FUZZY,\n   * none for the rest).\n   */\n  fuzziness?: string\n}\n\ntype FilterClause =\n  | { terms: Record<string, string[]> }\n  | { range: Record<string, { gte?: string; lte?: string }> }\n\ntype MultiMatchClause = {\n  multi_match: {\n    query: string\n    fuzziness?: string\n    type?: 'best_fields' | 'cross_fields' | 'phrase_prefix'\n    fields?: string[]\n  }\n}\n\ntype SimpleQueryStringClause = {\n  simple_query_string: { query: string; fields?: string[] }\n}\n\ntype BoolQuery = {\n  bool: {\n    must?: MultiMatchClause[] | FilterClause[]\n    filter?: FilterClause[]\n  }\n}\n\n// post_filter / per-facet aggregation filter: a single FilterClause, match_all, or AND of many.\ntype SelectionFilter =\n  | FilterClause\n  | { match_all: Record<never, never> }\n  | { bool: { must: FilterClause[] } }\n\ntype SearchQueryDSL =\n  | MultiMatchClause\n  | SimpleQueryStringClause\n  | { match_all: Record<never, never> }\n  | BoolQuery\n\nfunction resolveFields(\n  fieldBoosts: Record<string, number> | undefined,\n): string[] | undefined {\n  if (!fieldBoosts) return undefined\n  return Object.entries(fieldBoosts).map(([field, boost]) =>\n    boost === 1 ? field : `${field}^${boost}`,\n  )\n}\n\nfunction buildQueryClause(\n  queryText: string,\n  config: SearchQueryConfig = {},\n): MultiMatchClause | SimpleQueryStringClause {\n  const { queryStrategy = 'MULTI_MATCH', fieldBoosts, fuzziness } = config\n  const fields = resolveFields(fieldBoosts)\n\n  switch (queryStrategy) {\n    case 'SIMPLE_QUERY_STRING':\n      return {\n        simple_query_string: {\n          query: queryText,\n          ...(fields ? { fields } : {}),\n        },\n      }\n    case 'MULTI_MATCH_BEST_FIELDS':\n      return {\n        multi_match: {\n          query: queryText,\n          type: 'best_fields',\n          ...(fields ? { fields } : {}),\n          ...(fuzziness ? { fuzziness } : {}),\n        },\n      }\n    case 'MULTI_MATCH_CROSS_FIELDS':\n      return {\n        multi_match: {\n          query: queryText,\n          type: 'cross_fields',\n          ...(fields ? { fields } : {}),\n          ...(fuzziness ? { fuzziness } : {}),\n        },\n      }\n    case 'PHRASE_PREFIX':\n      return {\n        multi_match: {\n          query: queryText,\n          type: 'phrase_prefix',\n          ...(fields ? { fields } : {}),\n        },\n      }\n    case 'BOOSTED_FUZZY':\n      return {\n        multi_match: {\n          query: queryText,\n          ...(fields ? { fields } : {}),\n          fuzziness: fuzziness ?? 'AUTO',\n        },\n      }\n    default: // 'MULTI_MATCH'\n      return {\n        multi_match: {\n          query: queryText,\n          fuzziness: fuzziness ?? 'AUTO',\n        },\n      }\n  }\n}\n\ntype OpenSearchBucket = { key: unknown; doc_count: number }\ntype OpenSearchTermsAgg = { buckets?: OpenSearchBucket[] }\n\n/**\n * TanStack Query options for the SearchQueryServicesApi, mirroring TableQueryUseQueryOptions\n * but parameterised over SearchIndexQuery rather than QueryBundleRequest. This eliminates\n * `as unknown as` casts inside the implementation. A single cast to TableQueryUseQueryOptions\n * is still required at the boundary where SearchQueryWrapper assigns these into QueryContextType.\n */\nexport type SearchTableQueryUseQueryOptions = {\n  rowDataQueryOptions: UseSuspenseQueryOptions<\n    AsynchronousJobStatus<SearchIndexQuery, QueryResultBundle>,\n    SynapseClientError,\n    RowSet | undefined\n  >\n  rowDataInfiniteQueryOptions: UseInfiniteQueryOptions<\n    AsynchronousJobStatus<SearchIndexQuery, QueryResultBundle>,\n    SynapseClientError,\n    InfiniteData<AsynchronousJobStatus<SearchIndexQuery, QueryResultBundle>>,\n    QueryKey,\n    string | number | undefined\n  >\n  queryMetadataQueryOptions: UseSuspenseQueryOptions<\n    AsynchronousJobStatus<SearchIndexQuery, QueryResultBundle>,\n    SynapseClientError,\n    Omit<QueryResultBundle, 'queryResult'>\n  >\n}\n\nexport function getNextPageParamForSearchQueryResults(\n  lastPage: AsynchronousJobStatus<SearchIndexQuery, QueryResultBundle>,\n  allPages: AsynchronousJobStatus<SearchIndexQuery, QueryResultBundle>[],\n): number | string | undefined {\n  const rowsInLastPage =\n    lastPage.responseBody?.queryResult?.queryResults.rows?.length ?? 0\n  const requestedPageSize = lastPage.requestBody?.searchQuery?.size\n  const totalRows = lastPage.responseBody?.queryCount\n  const fetchedRows = allPages.reduce(\n    (acc, page) =>\n      acc + (page.responseBody?.queryResult?.queryResults.rows?.length ?? 0),\n    0,\n  )\n\n  if (rowsInLastPage === 0) {\n    return undefined\n  }\n\n  // A short page means we've reached the end, even when total hits is missing or stale.\n  if (requestedPageSize != null && rowsInLastPage < requestedPageSize) {\n    return undefined\n  }\n\n  if (totalRows != null && fetchedRows >= totalRows) {\n    return undefined\n  }\n\n  return fetchedRows\n}\n\n/**\n * Converts a QueryBundleRequest (used internally for state management) into a SearchIndexQuery\n * that can be sent to the SearchQueryServicesApi.\n *\n * Mapping:\n *  - columnModels (facetType 'enumeration') → aggregations (OpenSearch terms or filter-wrapped aggregations)\n *  - query.selectedFacets (enumeration) → post_filter (terms clauses) + per-facet filter aggregations\n *  - query.selectedFacets (range)       → post_filter (range clauses) + included in all per-facet aggregation filters\n *  - query.additionalFilters (TextMatchesQueryFilter) → multi_match query clause\n *  - query.sort → sort (SortItem { column, direction } → [{ column: 'asc'|'desc' }])\n *  - query.limit → size\n *  - query.offset → from\n *  - partMask → dropped (SearchIndexQuery has no bitmask concept)\n *\n * Per-facet filter bucketing (OpenSearch \"faceted search\" pattern):\n *   When any facet selections are active, each enum aggregation is wrapped in an OpenSearch\n *   filter aggregation whose filter is the AND of all OTHER selections (its own selection is\n *   dropped so the column stays wide). post_filter = AND of ALL selections, narrowing hits/total\n *   only. This lets each selected facet column show the full set of option counts while all\n *   other columns narrow to the selection — in a single request.\n */\nexport function toSearchIndexQuery(\n  queryBundleRequest: QueryBundleRequest,\n  searchIndexId: string,\n  columnModels?: ColumnModel[],\n  searchQueryConfig?: SearchQueryConfig,\n): SearchIndexQuery {\n  // Build aggregations from ColumnModels that have facetType 'enumeration'.\n  // Range columns are excluded: we synthesize FacetColumnResultRange entries client-side.\n  // Aggregations are built lazily after filterClauses is populated so the per-facet\n  // filter wrapping logic has access to all active selections.\n\n  // Build filter clauses from enumeration selectedFacets\n  const filterClauses: FilterClause[] = []\n\n  queryBundleRequest.query.selectedFacets\n    ?.filter(\n      (f): f is FacetColumnValuesRequest =>\n        f.concreteType === FACET_COLUMN_VALUES_REQUEST_CONCRETE_TYPE_VALUE,\n    )\n    .forEach(f => {\n      filterClauses.push({ terms: { [f.columnName]: f.facetValues ?? [] } })\n    })\n\n  // Build range filter clauses from range selectedFacets.\n  // DATE columns: the Range UI emits formatted dates (\"YYYY-MM-DD\") but OpenSearch\n  // expects unix millisecond timestamps. Convert here.\n  queryBundleRequest.query.selectedFacets\n    ?.filter(\n      (f): f is FacetColumnRangeRequest =>\n        f.concreteType === FACET_COLUMN_RANGE_REQUEST_CONCRETE_TYPE_VALUE,\n    )\n    .forEach(f => {\n      const columnType = columnModels?.find(\n        cm => cm.name === f.columnName,\n      )?.columnType\n      const toApiValue = (v: string | undefined): string | undefined => {\n        if (!v || columnType !== 'DATE') return v\n        // Convert \"YYYY-MM-DD\" → unix ms; leave already-numeric values untouched\n        if (/^\\d{4}-\\d{2}-\\d{2}$/.test(v)) {\n          return String(dayjs(v).valueOf())\n        }\n        return v\n      }\n      const rangeClause: { gte?: string; lte?: string } = {}\n      const min = toApiValue(f.min)\n      const max = toApiValue(f.max)\n      if (min !== undefined) rangeClause.gte = min\n      if (max !== undefined) rangeClause.lte = max\n      filterClauses.push({ range: { [f.columnName]: rangeClause } })\n    })\n\n  // Extract queryText by concatenating all TextMatchesQueryFilter searchExpression values\n  const textMatchesExpressions = queryBundleRequest.query.additionalFilters\n    ?.filter(\n      (f): f is TextMatchesQueryFilter =>\n        f.concreteType === TEXT_MATCHES_QUERY_FILTER_CONCRETE_TYPE_VALUE,\n    )\n    .map(f => f.searchExpression)\n    .filter((expr): expr is string => expr != null && expr.length > 0)\n  const queryText =\n    textMatchesExpressions && textMatchesExpressions.length > 0\n      ? textMatchesExpressions.join(' ')\n      : undefined\n\n  // Build the OpenSearch query DSL (text search only; facet selections go to post_filter).\n  let query: SearchQueryDSL\n  if (queryText) {\n    query = buildQueryClause(queryText, searchQueryConfig)\n  } else {\n    query = { match_all: {} }\n  }\n\n  // post_filter narrows hits/total by ALL active facet selections without affecting the\n  // aggregation counts. Each enum aggregation independently applies a per-facet filter\n  // (see aggregationEntries below) so each column stays wide for its own selection while\n  // all other columns narrow.\n  let postFilter: SelectionFilter | undefined\n  if (filterClauses.length === 1) {\n    postFilter = filterClauses[0]\n  } else if (filterClauses.length > 1) {\n    postFilter = { bool: { must: filterClauses } }\n  }\n\n  // Build aggregations. When selections are active, wrap each term's aggregation in an\n  // OpenSearch filter aggregation whose filter is ALL selections EXCEPT the one for this\n  // column. That keeps the column's own options wide while the others narrow.\n  const aggregationEntries = columnModels\n    ?.filter(cm => cm.facetType === 'enumeration')\n    .map(cm => {\n      const termsAgg: TermsAggregation = { field: cm.name, size: 100 }\n      if (cm.facetSortConfig?.property != null) {\n        // Map FacetColumnSortProperty ('VALUE'|'FREQUENCY') → OpenSearch order key ('_key'|'_count')\n        const orderKey =\n          cm.facetSortConfig.property === 'VALUE' ? '_key' : '_count'\n        const orderDir =\n          cm.facetSortConfig.direction === 'DESC' ? 'desc' : 'asc'\n        termsAgg.order = { [orderKey]: orderDir }\n      }\n\n      if (filterClauses.length === 0) {\n        // Baseline (no selections): plain terms aggregation, no wrapping needed.\n        return [cm.name, { terms: termsAgg }] as [string, Aggregation]\n      }\n\n      // Per-facet filter bucketing: exclude this column's own selection from the filter\n      // so it stays wide, while all other active selections narrow the counts.\n      const otherClauses = filterClauses.filter(clause => {\n        if ('terms' in clause) return !(cm.name in clause.terms)\n        if ('range' in clause) return !(cm.name in clause.range)\n        return true\n      })\n      const aggFilter: SelectionFilter =\n        otherClauses.length === 0\n          ? { match_all: {} }\n          : otherClauses.length === 1\n            ? otherClauses[0]\n            : { bool: { must: otherClauses } }\n      return [\n        cm.name,\n        {\n          filter: aggFilter,\n          aggregations: { [cm.name]: { terms: termsAgg } },\n        } as unknown as Aggregation,\n      ] as [string, Aggregation]\n    })\n  const aggregations =\n    aggregationEntries && aggregationEntries.length > 0\n      ? Object.fromEntries(aggregationEntries)\n      : undefined\n\n  // Map SortItem[] → OpenSearch sort shape: [{ columnName: 'asc'|'desc' }, ...]\n  // filtering out entries with no direction (which mean \"remove sort\").\n  const sortEntries = queryBundleRequest.query.sort\n    ?.filter(\n      (s): s is SortItem & { direction: 'ASC' | 'DESC' } =>\n        s.direction === 'ASC' || s.direction === 'DESC',\n    )\n    .map(s => ({ [s.column]: s.direction.toLowerCase() }))\n\n  const searchQuery: SearchSearchQuery = {\n    query: query as unknown as DslQuery,\n    post_filter: postFilter ? (postFilter as unknown as DslQuery) : undefined,\n    aggregations,\n    sort: sortEntries?.length ? sortEntries : undefined,\n    size: queryBundleRequest.query.limit,\n    from: queryBundleRequest.query.offset,\n  }\n\n  return {\n    concreteType:\n      'org.sagebionetworks.repo.model.search.table.SearchIndexQuery' as const,\n    searchIndexId,\n    searchQuery,\n  }\n}\n\n/**\n * Converts a SearchQueryResults (the actual API response) into a QueryResultBundle\n * so that existing subcomponents (FacetFilterControls, RowSetView, etc.) work unchanged.\n *\n * Mapping:\n *  - totalHits → queryCount\n *  - hits → queryResult.queryResults (rows derived from hit.rowId/rowVersion/fields)\n *  - aggregationResults → facets (parsed from opaque OpenSearch aggregation JSON)\n */\nexport function searchQueryResultsToQueryResultBundle(\n  results: SearchQueryResults | undefined,\n  query: SearchIndexQuery,\n  columnModels?: ColumnModel[],\n  selectedFacets?: (FacetColumnValuesRequest | FacetColumnRangeRequest)[],\n): QueryResultBundle {\n  if (!results) {\n    return {\n      concreteType: 'org.sagebionetworks.repo.model.table.QueryResultBundle',\n    }\n  }\n\n  // Derive column names from the server-returned selectColumns. Both the row data\n  // query and the metadata query request SELECT_COLUMNS, so this is always present.\n  const fieldNames: string[] =\n    results.selectColumns\n      ?.map(col => col.name)\n      .filter((n): n is string => !!n) ?? []\n\n  const headers = fieldNames.map(name => ({\n    name,\n    columnType:\n      columnModels?.find(cm => cm.name === name)?.columnType ??\n      ('STRING' as const),\n  }))\n\n  const rows = (results.hits ?? []).map(hit => ({\n    rowId: hit.rowId,\n    versionNumber: hit.rowVersion,\n    values: fieldNames.map(name => {\n      return hit.fields?.find(f => f.name === name)?.value ?? null\n    }),\n  }))\n\n  const queryResult =\n    headers.length > 0 || rows.length > 0\n      ? {\n          concreteType:\n            'org.sagebionetworks.repo.model.table.QueryResult' as const,\n          queryResults: {\n            concreteType:\n              'org.sagebionetworks.repo.model.table.RowSet' as const,\n            tableId: query.searchIndexId ?? '',\n            etag: '',\n            headers,\n            rows,\n          },\n        }\n      : undefined\n\n  // Parse aggregationResults (opaque OpenSearch aggregation JSON) into FacetColumnResultValues.\n  // Each key in aggregationResults corresponds to a column name whose aggregation was requested\n  // in toSearchIndexQuery. Two response shapes are possible:\n  //\n  //   Plain terms (no active selections):\n  //     { buckets: [{ key: unknown, doc_count: number }] }\n  //\n  //   Filter-wrapped terms (per-facet filter bucketing, selections active):\n  //     { doc_count: number, \"sterms#columnName\": { buckets: [...] } }\n  //\n  // We detect the shape by checking for a nested \"sterms#columnName\" property with buckets.\n  // OpenSearch prefixes the aggregation type to the name in the response (e.g. \"sterms#Program\").\n  const aggregationResults = results.aggregationResults as unknown as Record<\n    string,\n    OpenSearchTermsAgg | Record<string, OpenSearchTermsAgg>\n  > | null\n  const rawFacets: FacetColumnResultValues[] = Object.entries(\n    aggregationResults ?? {},\n  ).map(([columnName, agg]) => {\n    // Resolve the actual terms result: OpenSearch prefixes the agg type when it is\n    // nested inside a filter aggregation, producing a \"sterms#columnName\" key.\n    // Fall back to a direct [columnName] match (defensive), then to the agg itself\n    // for the plain (no-selection) terms shape.\n    const aggRecord = agg as Record<string, OpenSearchTermsAgg>\n    const nested = aggRecord[`sterms#${columnName}`] ?? aggRecord[columnName]\n    const termsAgg: OpenSearchTermsAgg =\n      nested?.buckets !== undefined ? nested : (agg as OpenSearchTermsAgg)\n    const selectedValues =\n      selectedFacets\n        ?.filter(\n          (f): f is FacetColumnValuesRequest =>\n            f.concreteType ===\n              FACET_COLUMN_VALUES_REQUEST_CONCRETE_TYPE_VALUE &&\n            f.columnName === columnName,\n        )\n        .flatMap(f => f.facetValues ?? []) ?? []\n    return {\n      concreteType:\n        'org.sagebionetworks.repo.model.table.FacetColumnResultValues' as const,\n      facetType: 'enumeration' as const,\n      columnName,\n      facetValues: (termsAgg.buckets ?? []).map(b => ({\n        value: String(b.key),\n        count: b.doc_count,\n        isSelected: selectedValues.includes(String(b.key)),\n      })),\n    }\n  })\n\n  // Synthesize FacetColumnResultRange for range-type DATE/DOUBLE/INTEGER columns. The Search\n  // API's aggregations only produce terms (enumeration) results; range stats are unavailable\n  // server-side. columnMin/columnMax are left empty; selectedMin/selectedMax are taken\n  // directly from selectedFacets so any applied range filter is still reflected in the UI.\n  // Note: for INTEGER columns the RangeSlider requires real bounds, so the UI falls back to a\n  // plain Range number input when columnMin/columnMax are absent.\n  const syntheticRangeFacets: FacetColumnResultRange[] = (columnModels ?? [])\n    .filter(\n      cm =>\n        cm.facetType === 'range' &&\n        (cm.columnType === 'DATE' ||\n          cm.columnType === 'DOUBLE' ||\n          cm.columnType === 'INTEGER') &&\n        !rawFacets.some(f => f.columnName === cm.name),\n    )\n    .map(cm => {\n      const rangeFilter = selectedFacets?.find(\n        (f): f is FacetColumnRangeRequest =>\n          f.concreteType === FACET_COLUMN_RANGE_REQUEST_CONCRETE_TYPE_VALUE &&\n          f.columnName === cm.name,\n      )\n      return {\n        concreteType:\n          'org.sagebionetworks.repo.model.table.FacetColumnResultRange' as const,\n        facetType: 'range' as const,\n        columnName: cm.name,\n        columnMin: '',\n        columnMax: '',\n        selectedMin: rangeFilter?.min,\n        selectedMax: rangeFilter?.max,\n      }\n    })\n\n  const allFacets: NonNullable<QueryResultBundle['facets']> = [\n    ...(rawFacets ?? []),\n    ...syntheticRangeFacets,\n  ]\n\n  // Reorder all facets to match the columnModels order so downstream components\n  // (e.g. FacetFilterControls) render facets in the expected column order.\n  const orderedFacets: QueryResultBundle['facets'] = columnModels\n    ? [\n        ...allFacets\n          .filter(f => columnModels.some(cm => cm.name === f.columnName))\n          .sort(\n            (a, b) =>\n              columnModels.findIndex(cm => cm.name === a.columnName) -\n              columnModels.findIndex(cm => cm.name === b.columnName),\n          ),\n        ...allFacets.filter(\n          f => !columnModels.some(cm => cm.name === f.columnName),\n        ),\n      ]\n    : allFacets\n\n  return {\n    concreteType: 'org.sagebionetworks.repo.model.table.QueryResultBundle',\n    queryCount: results.totalHits,\n    selectColumns: headers,\n    queryResult,\n    facets: orderedFacets,\n  }\n}\n\nexport function getSearchQueryUseQueryOptions(\n  queryBundleRequest: QueryBundleRequest,\n  keyFactory: KeyFactory,\n  accessToken: string | undefined,\n  searchIndexId: string,\n  columnModels?: ColumnModel[],\n  searchQueryConfig?: SearchQueryConfig,\n): SearchTableQueryUseQueryOptions {\n  const baseQuery: SearchIndexQuery = toSearchIndexQuery(\n    queryBundleRequest,\n    searchIndexId,\n    columnModels,\n    searchQueryConfig,\n  )\n  const rowDataQuery: SearchIndexQuery = {\n    ...baseQuery,\n    searchQuery: {\n      ...baseQuery.searchQuery,\n      // Omit aggregations from the row data query: facet aggregations are only needed\n      // in the metadata query. Removing them here keeps the row data query key stable\n      // while column models are loading, preventing an unnecessary re-fetch (and a brief\n      // loading flash) when column models first arrive.\n      aggregations: undefined,\n    },\n    // Request SELECT_COLUMNS so headers are available for row rendering.\n    // HITS is returned by default even when responseParts is specified.\n    responseParts: new Set(['HITS', 'SELECT_COLUMNS'] as const),\n  }\n  const metadataQuery: SearchIndexQuery = {\n    ...baseQuery,\n    // Request all opt-in parts needed for the metadata response:\n    // TOTAL_HITS → queryCount (drives tab count / spinner resolution)\n    // SELECT_COLUMNS → column headers for the table\n    // Aggregation results are returned automatically when aggregations is set on the query.\n    responseParts: new Set(['TOTAL_HITS', 'SELECT_COLUMNS'] as const),\n  }\n\n  // Convert responseParts Set → sorted array for query key building.\n  // JSON.stringify(new Set([...])) === '{}', so two queries whose only difference is\n  // their responseParts would hash to the same key and share a cache entry.\n  // Using a sorted array gives each query a distinct, stable key.\n  const toKeyShape = (query: SearchIndexQuery) => ({\n    ...query,\n    responseParts: query.responseParts\n      ? [...query.responseParts].sort()\n      : undefined,\n  })\n\n  // Fetches from the SearchQueryServicesApi and converts the SearchQueryResults responseBody\n  // into QueryResultBundle shape. This allows all downstream shared components\n  // (UseRowSet, QueryVisualizationWrapper, etc.) to access data.responseBody.*\n  // using the same patterns as regular table queries (queryResult.queryResults, selectColumns, etc.).\n  const fetchAndConvert = async (query: SearchIndexQuery) => {\n    const asyncStatus = await SynapseClient.getSearchQueryAsyncJobResults(\n      query,\n      accessToken,\n    )\n    return {\n      ...asyncStatus,\n      responseBody: searchQueryResultsToQueryResultBundle(\n        asyncStatus.responseBody,\n        query,\n        columnModels,\n        queryBundleRequest.query.selectedFacets as\n          | (FacetColumnValuesRequest | FacetColumnRangeRequest)[]\n          | undefined,\n      ),\n    }\n  }\n\n  // `as unknown as` is necessary because SearchIndexQuery.responseParts is a Set but\n  // toKeyShape converts it to a sorted string[] for stable cache key serialisation.\n  const rowDataQueryOptions: SearchTableQueryUseQueryOptions['rowDataQueryOptions'] =\n    {\n      ...tableQueryUseQueryDefaults,\n      queryKey: keyFactory.getSearchQueryResultWithAsyncStatusQueryKey(\n        toKeyShape(rowDataQuery) as unknown as SearchIndexQuery,\n        false,\n      ),\n      queryFn: () => fetchAndConvert(rowDataQuery),\n      select: (\n        data: AsynchronousJobStatus<SearchIndexQuery, QueryResultBundle>,\n      ): RowSet | undefined => data.responseBody?.queryResult?.queryResults,\n    }\n\n  const rowDataInfiniteQueryOptions: SearchTableQueryUseQueryOptions['rowDataInfiniteQueryOptions'] =\n    {\n      ...tableQueryUseQueryDefaults,\n      queryKey: keyFactory.getSearchQueryResultWithAsyncStatusQueryKey(\n        toKeyShape(rowDataQuery) as unknown as SearchIndexQuery,\n        true,\n      ),\n      initialPageParam: 0 as number | string | undefined,\n      getNextPageParam: (\n        lastPage: AsynchronousJobStatus<SearchIndexQuery, QueryResultBundle>,\n        allPages: AsynchronousJobStatus<SearchIndexQuery, QueryResultBundle>[],\n      ): number | string | undefined => {\n        return getNextPageParamForSearchQueryResults(lastPage, allPages)\n      },\n      queryFn: (context: { pageParam?: number | string }) => {\n        const offset =\n          typeof context.pageParam === 'string'\n            ? parseInt(context.pageParam)\n            : (context.pageParam ?? 0)\n        const requestForPage: SearchIndexQuery = {\n          ...rowDataQuery,\n          searchQuery: {\n            ...rowDataQuery.searchQuery,\n            from: offset,\n          },\n        }\n        return fetchAndConvert(requestForPage)\n      },\n      select: (\n        data: InfiniteData<\n          AsynchronousJobStatus<SearchIndexQuery, QueryResultBundle>\n        >,\n      ) => data,\n    }\n\n  const queryMetadataQueryOptions: SearchTableQueryUseQueryOptions['queryMetadataQueryOptions'] =\n    {\n      ...tableQueryUseQueryDefaults,\n      queryKey: keyFactory.getSearchQueryResultWithAsyncStatusQueryKey(\n        toKeyShape(metadataQuery) as unknown as SearchIndexQuery,\n        false,\n      ),\n      queryFn: () => fetchAndConvert(metadataQuery),\n      select: (\n        data: AsynchronousJobStatus<SearchIndexQuery, QueryResultBundle>,\n      ): Omit<QueryResultBundle, 'queryResult'> => {\n        const result = omit(data.responseBody ?? {}, 'queryResult') as Omit<\n          QueryResultBundle,\n          'queryResult'\n        >\n        return columnModels ? { ...result, columnModels } : result\n      },\n    }\n\n  return {\n    rowDataQueryOptions,\n    rowDataInfiniteQueryOptions,\n    queryMetadataQueryOptions,\n  }\n}\n\n/**\n * Returns a stable callback that fetches autocomplete suggestions for a search input\n * using the synchronous `POST /search/autocomplete` endpoint.\n *\n * The query is built from the current `searchIndexId` and `autocompleteFieldName`:\n *  - `searchQuery.query` is a `match_bool_prefix` clause scoped to `autocompleteFieldName`\n *  - `searchQuery._source` is set to `[autocompleteFieldName]` so only that field is returned\n *\n * When `autocompleteFieldName` is undefined, the returned callback immediately returns `[]`.\n */\nexport function useGetSuggestionsForSearchIndex(\n  searchIndexId: string,\n  autocompleteFieldName: string | undefined,\n): (searchText: string) => Promise<string[]> {\n  const { synapseClient } = useSynapseContext()\n\n  return useCallback(\n    async (searchText: string): Promise<string[]> => {\n      if (!autocompleteFieldName) return []\n      const trimmed = searchText.trim()\n      if (!trimmed) return []\n      const results =\n        await synapseClient.searchManagementServicesClient.postRepoV1SearchAutocomplete(\n          {\n            searchAutocompleteRequest: {\n              searchIndexId,\n              searchQuery: {\n                query: {\n                  match_bool_prefix: {\n                    [autocompleteFieldName]: { query: trimmed },\n                  },\n                },\n                _source: { includes: [autocompleteFieldName] },\n              },\n            },\n          },\n        )\n      const suggestions: string[] = []\n      for (const hit of results.hits ?? []) {\n        for (const field of hit.fields ?? []) {\n          if (field.value) {\n            suggestions.push(field.value)\n          }\n        }\n      }\n      return suggestions\n    },\n    [synapseClient, searchIndexId, autocompleteFieldName],\n  )\n}\n\n/**\n * Returns TanStack Query options that call the SearchQueryServicesApi (instead of the\n * standard Table Query API) but return data in the same QueryResultBundle format, allowing\n * all existing subcomponents (FacetFilterControls, RowSetView, etc.) to work unchanged.\n */\nexport function useSearchQueryUseQueryOptions(\n  queryBundleRequest: QueryBundleRequest,\n  searchIndexId: string,\n  synapseId?: string,\n  searchQueryConfig?: SearchQueryConfig,\n): SearchTableQueryUseQueryOptions {\n  const { keyFactory, accessToken } = useSynapseContext()\n\n  const { data: entityBundle } = useGetEntityBundle(synapseId, undefined, {\n    includeTableBundle: true,\n  })\n  const columnModels = entityBundle?.tableBundle?.columnModels\n\n  return useMemo(\n    () =>\n      getSearchQueryUseQueryOptions(\n        queryBundleRequest,\n        keyFactory,\n        accessToken,\n        searchIndexId,\n        columnModels,\n        searchQueryConfig,\n      ),\n    [\n      keyFactory,\n      accessToken,\n      queryBundleRequest,\n      searchIndexId,\n      columnModels,\n      searchQueryConfig,\n    ],\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"SearchQueryUseQueryOptions.js","names":[],"sources":["../../../src/components/SearchQueryWrapper/SearchQueryUseQueryOptions.ts"],"sourcesContent":["import * as SynapseClient from '@/synapse-client/SynapseClient'\nimport { tableQueryUseQueryDefaults } from '@/synapse-queries'\nimport { useGetEntityBundle } from '@/synapse-queries/entity/useEntityBundle'\nimport { useSynapseContext } from '@/utils/context/SynapseContext'\nimport {\n  AsynchronousJobStatus,\n  ColumnModel,\n  FACET_COLUMN_RANGE_REQUEST_CONCRETE_TYPE_VALUE,\n  FacetColumnRangeRequest,\n  FacetColumnResultRange,\n  FacetColumnResultValues,\n  FACET_COLUMN_VALUES_REQUEST_CONCRETE_TYPE_VALUE,\n  FacetColumnValuesRequest,\n  QueryBundleRequest,\n  QueryResultBundle,\n  RowSet,\n  SortItem,\n  TEXT_MATCHES_QUERY_FILTER_CONCRETE_TYPE_VALUE,\n  TextMatchesQueryFilter,\n} from '@sage-bionetworks/synapse-types'\nimport type {\n  Aggregation,\n  DslQuery,\n  SearchIndexQuery,\n  SearchQueryResults,\n  SearchSearchQuery,\n  SynapseClientError,\n  TermsAggregation,\n} from '@sage-bionetworks/synapse-client'\nimport {\n  InfiniteData,\n  QueryKey,\n  UseInfiniteQueryOptions,\n  UseSuspenseQueryOptions,\n} from '@tanstack/react-query'\nimport { omit } from 'lodash-es'\nimport dayjs from 'dayjs'\nimport { useCallback, useMemo } from 'react'\nimport { KeyFactory } from '@/synapse-queries/KeyFactory'\n\n// ─── Local OpenSearch DSL types ─────────────────────────────────────────────\n// Narrow typings for the OpenSearch structures we build (query DSL, sort) and\n// parse (aggregation results). These are intentionally minimal – only the fields\n// we actually produce/consume are declared. Aggregation types use the generated\n// Aggregation/TermsAggregation types from @sage-bionetworks/synapse-client.\n\nexport type SearchQueryStrategy =\n  | 'MULTI_MATCH'\n  | 'MULTI_MATCH_BEST_FIELDS'\n  | 'MULTI_MATCH_CROSS_FIELDS'\n  | 'SIMPLE_QUERY_STRING'\n  | 'PHRASE_PREFIX'\n  | 'BOOSTED_FUZZY'\n\nexport type SearchQueryConfig = {\n  /**\n   * Which OpenSearch query clause to emit when the user has typed a search term.\n   * Defaults to 'MULTI_MATCH' (all fields, fuzziness AUTO — today's behavior).\n   */\n  queryStrategy?: SearchQueryStrategy\n  /**\n   * Per-field relevance multipliers. Serialized to the OpenSearch `fields` array\n   * as e.g. `[\"resourceName^5\", \"synonyms^4\"]`. When omitted, all fields are\n   * queried at equal weight.\n   */\n  fieldBoosts?: Record<string, number>\n  /**\n   * Fuzziness override. Overrides the per-strategy default. Leave undefined to\n   * use each strategy's natural default (AUTO for MULTI_MATCH/BOOSTED_FUZZY,\n   * none for the rest).\n   */\n  fuzziness?: string\n}\n\ntype FilterClause =\n  | { terms: Record<string, string[]> }\n  | { range: Record<string, { gte?: string; lte?: string }> }\n\ntype MultiMatchClause = {\n  multi_match: {\n    query: string\n    fuzziness?: string\n    type?: 'best_fields' | 'cross_fields' | 'phrase_prefix'\n    fields?: string[]\n  }\n}\n\ntype SimpleQueryStringClause = {\n  simple_query_string: { query: string; fields?: string[] }\n}\n\ntype BoolQuery = {\n  bool: {\n    must?: MultiMatchClause[] | FilterClause[]\n    filter?: FilterClause[]\n  }\n}\n\n// post_filter / per-facet aggregation filter: a single FilterClause, match_all, or AND of many.\ntype SelectionFilter =\n  | FilterClause\n  | { match_all: Record<never, never> }\n  | { bool: { must: FilterClause[] } }\n\ntype SearchQueryDSL =\n  | MultiMatchClause\n  | SimpleQueryStringClause\n  | { match_all: Record<never, never> }\n  | BoolQuery\n\nfunction resolveFields(\n  fieldBoosts: Record<string, number> | undefined,\n): string[] | undefined {\n  if (!fieldBoosts) return undefined\n  return Object.entries(fieldBoosts).map(([field, boost]) =>\n    boost === 1 ? field : `${field}^${boost}`,\n  )\n}\n\nfunction buildQueryClause(\n  queryText: string,\n  config: SearchQueryConfig = {},\n): MultiMatchClause | SimpleQueryStringClause {\n  const { queryStrategy = 'MULTI_MATCH', fieldBoosts, fuzziness } = config\n  const fields = resolveFields(fieldBoosts)\n\n  switch (queryStrategy) {\n    case 'SIMPLE_QUERY_STRING':\n      return {\n        simple_query_string: {\n          query: queryText,\n          ...(fields ? { fields } : {}),\n        },\n      }\n    case 'MULTI_MATCH_BEST_FIELDS':\n      return {\n        multi_match: {\n          query: queryText,\n          type: 'best_fields',\n          ...(fields ? { fields } : {}),\n          ...(fuzziness ? { fuzziness } : {}),\n        },\n      }\n    case 'MULTI_MATCH_CROSS_FIELDS':\n      return {\n        multi_match: {\n          query: queryText,\n          type: 'cross_fields',\n          ...(fields ? { fields } : {}),\n          ...(fuzziness ? { fuzziness } : {}),\n        },\n      }\n    case 'PHRASE_PREFIX':\n      return {\n        multi_match: {\n          query: queryText,\n          type: 'phrase_prefix',\n          ...(fields ? { fields } : {}),\n        },\n      }\n    case 'BOOSTED_FUZZY':\n      return {\n        multi_match: {\n          query: queryText,\n          ...(fields ? { fields } : {}),\n          fuzziness: fuzziness ?? 'AUTO',\n        },\n      }\n    default: // 'MULTI_MATCH'\n      return {\n        multi_match: {\n          query: queryText,\n          fuzziness: fuzziness ?? 'AUTO',\n        },\n      }\n  }\n}\n\ntype OpenSearchBucket = { key: unknown; doc_count: number }\ntype OpenSearchTermsAgg = { buckets?: OpenSearchBucket[] }\n\n/**\n * TanStack Query options for the SearchQueryServicesApi, mirroring TableQueryUseQueryOptions\n * but parameterised over SearchIndexQuery rather than QueryBundleRequest. This eliminates\n * `as unknown as` casts inside the implementation. A single cast to TableQueryUseQueryOptions\n * is still required at the boundary where SearchQueryWrapper assigns these into QueryContextType.\n */\nexport type SearchTableQueryUseQueryOptions = {\n  rowDataQueryOptions: UseSuspenseQueryOptions<\n    AsynchronousJobStatus<SearchIndexQuery, QueryResultBundle>,\n    SynapseClientError,\n    RowSet | undefined\n  >\n  rowDataInfiniteQueryOptions: UseInfiniteQueryOptions<\n    AsynchronousJobStatus<SearchIndexQuery, QueryResultBundle>,\n    SynapseClientError,\n    InfiniteData<AsynchronousJobStatus<SearchIndexQuery, QueryResultBundle>>,\n    QueryKey,\n    string | number | undefined\n  >\n  queryMetadataQueryOptions: UseSuspenseQueryOptions<\n    AsynchronousJobStatus<SearchIndexQuery, QueryResultBundle>,\n    SynapseClientError,\n    Omit<QueryResultBundle, 'queryResult'>\n  >\n}\n\nexport function getNextPageParamForSearchQueryResults(\n  lastPage: AsynchronousJobStatus<SearchIndexQuery, QueryResultBundle>,\n  allPages: AsynchronousJobStatus<SearchIndexQuery, QueryResultBundle>[],\n): number | string | undefined {\n  const rowsInLastPage =\n    lastPage.responseBody?.queryResult?.queryResults.rows?.length ?? 0\n  const requestedPageSize = lastPage.requestBody?.searchQuery?.size\n  const totalRows = lastPage.responseBody?.queryCount\n  const fetchedRows = allPages.reduce(\n    (acc, page) =>\n      acc + (page.responseBody?.queryResult?.queryResults.rows?.length ?? 0),\n    0,\n  )\n\n  if (rowsInLastPage === 0) {\n    return undefined\n  }\n\n  // A short page means we've reached the end, even when total hits is missing or stale.\n  if (requestedPageSize != null && rowsInLastPage < requestedPageSize) {\n    return undefined\n  }\n\n  if (totalRows != null && fetchedRows >= totalRows) {\n    return undefined\n  }\n\n  return fetchedRows\n}\n\n/**\n * Converts a QueryBundleRequest (used internally for state management) into a SearchIndexQuery\n * that can be sent to the SearchQueryServicesApi.\n *\n * Mapping:\n *  - columnModels (facetType 'enumeration') → aggregations (OpenSearch terms or filter-wrapped aggregations)\n *  - query.selectedFacets (enumeration) → post_filter (terms clauses) + per-facet filter aggregations\n *  - query.selectedFacets (range)       → post_filter (range clauses) + included in all per-facet aggregation filters\n *  - query.additionalFilters (TextMatchesQueryFilter) → multi_match query clause\n *  - query.sort → sort (SortItem { column, direction } → [{ column: 'asc'|'desc' }])\n *  - query.limit → size\n *  - query.offset → from\n *  - partMask → dropped (SearchIndexQuery has no bitmask concept)\n *\n * Per-facet filter bucketing (OpenSearch \"faceted search\" pattern):\n *   When any facet selections are active, each enum aggregation is wrapped in an OpenSearch\n *   filter aggregation whose filter is the AND of all OTHER selections (its own selection is\n *   dropped so the column stays wide). post_filter = AND of ALL selections, narrowing hits/total\n *   only. This lets each selected facet column show the full set of option counts while all\n *   other columns narrow to the selection — in a single request.\n */\nexport function toSearchIndexQuery(\n  queryBundleRequest: QueryBundleRequest,\n  searchIndexId: string,\n  columnModels?: ColumnModel[],\n  searchQueryConfig?: SearchQueryConfig,\n): SearchIndexQuery {\n  // Build aggregations from ColumnModels that have facetType 'enumeration'.\n  // Range columns are excluded: we synthesize FacetColumnResultRange entries client-side.\n  // Aggregations are built lazily after filterClauses is populated so the per-facet\n  // filter wrapping logic has access to all active selections.\n\n  // Build filter clauses from enumeration selectedFacets\n  const filterClauses: FilterClause[] = []\n\n  queryBundleRequest.query.selectedFacets\n    ?.filter(\n      (f): f is FacetColumnValuesRequest =>\n        f.concreteType === FACET_COLUMN_VALUES_REQUEST_CONCRETE_TYPE_VALUE,\n    )\n    .forEach(f => {\n      filterClauses.push({ terms: { [f.columnName]: f.facetValues ?? [] } })\n    })\n\n  // Build range filter clauses from range selectedFacets.\n  // DATE columns: the Range UI emits formatted dates (\"YYYY-MM-DD\") but OpenSearch\n  // expects unix millisecond timestamps. Convert here.\n  queryBundleRequest.query.selectedFacets\n    ?.filter(\n      (f): f is FacetColumnRangeRequest =>\n        f.concreteType === FACET_COLUMN_RANGE_REQUEST_CONCRETE_TYPE_VALUE,\n    )\n    .forEach(f => {\n      const columnType = columnModels?.find(\n        cm => cm.name === f.columnName,\n      )?.columnType\n      const toApiValue = (v: string | undefined): string | undefined => {\n        if (!v || columnType !== 'DATE') return v\n        // Convert \"YYYY-MM-DD\" → unix ms; leave already-numeric values untouched\n        if (/^\\d{4}-\\d{2}-\\d{2}$/.test(v)) {\n          return String(dayjs(v).valueOf())\n        }\n        return v\n      }\n      const rangeClause: { gte?: string; lte?: string } = {}\n      const min = toApiValue(f.min)\n      const max = toApiValue(f.max)\n      if (min !== undefined) rangeClause.gte = min\n      if (max !== undefined) rangeClause.lte = max\n      filterClauses.push({ range: { [f.columnName]: rangeClause } })\n    })\n\n  // Extract queryText by concatenating all TextMatchesQueryFilter searchExpression values\n  const textMatchesExpressions = queryBundleRequest.query.additionalFilters\n    ?.filter(\n      (f): f is TextMatchesQueryFilter =>\n        f.concreteType === TEXT_MATCHES_QUERY_FILTER_CONCRETE_TYPE_VALUE,\n    )\n    .map(f => f.searchExpression)\n    .filter((expr): expr is string => expr != null && expr.length > 0)\n  const queryText =\n    textMatchesExpressions && textMatchesExpressions.length > 0\n      ? textMatchesExpressions.join(' ')\n      : undefined\n\n  // Build the OpenSearch query DSL (text search only; facet selections go to post_filter).\n  let query: SearchQueryDSL\n  if (queryText) {\n    query = buildQueryClause(queryText, searchQueryConfig)\n  } else {\n    query = { match_all: {} }\n  }\n\n  // post_filter narrows hits/total by ALL active facet selections without affecting the\n  // aggregation counts. Each enum aggregation independently applies a per-facet filter\n  // (see aggregationEntries below) so each column stays wide for its own selection while\n  // all other columns narrow.\n  let postFilter: SelectionFilter | undefined\n  if (filterClauses.length === 1) {\n    postFilter = filterClauses[0]\n  } else if (filterClauses.length > 1) {\n    postFilter = { bool: { must: filterClauses } }\n  }\n\n  // Build aggregations. When selections are active, wrap each term's aggregation in an\n  // OpenSearch filter aggregation whose filter is ALL selections EXCEPT the one for this\n  // column. That keeps the column's own options wide while the others narrow.\n  const aggregationEntries = columnModels\n    ?.filter(cm => cm.facetType === 'enumeration')\n    .map(cm => {\n      const termsAgg: TermsAggregation = { field: cm.name, size: 100 }\n      if (cm.facetSortConfig?.property != null) {\n        // Map FacetColumnSortProperty ('VALUE'|'FREQUENCY') → OpenSearch order key ('_key'|'_count')\n        const orderKey =\n          cm.facetSortConfig.property === 'VALUE' ? '_key' : '_count'\n        const orderDir =\n          cm.facetSortConfig.direction === 'DESC' ? 'desc' : 'asc'\n        termsAgg.order = { [orderKey]: orderDir }\n      }\n\n      if (filterClauses.length === 0) {\n        // Baseline (no selections): plain terms aggregation, no wrapping needed.\n        return [cm.name, { terms: termsAgg }] as [string, Aggregation]\n      }\n\n      // Per-facet filter bucketing: exclude this column's own selection from the filter\n      // so it stays wide, while all other active selections narrow the counts.\n      const otherClauses = filterClauses.filter(clause => {\n        if ('terms' in clause) return !(cm.name in clause.terms)\n        if ('range' in clause) return !(cm.name in clause.range)\n        return true\n      })\n      const aggFilter: SelectionFilter =\n        otherClauses.length === 0\n          ? { match_all: {} }\n          : otherClauses.length === 1\n            ? otherClauses[0]\n            : { bool: { must: otherClauses } }\n      return [\n        cm.name,\n        {\n          filter: aggFilter,\n          aggregations: { [cm.name]: { terms: termsAgg } },\n        } as unknown as Aggregation,\n      ] as [string, Aggregation]\n    })\n  const aggregations =\n    aggregationEntries && aggregationEntries.length > 0\n      ? Object.fromEntries(aggregationEntries)\n      : undefined\n\n  // Map SortItem[] → OpenSearch sort shape: [{ columnName: 'asc'|'desc' }, ...]\n  // filtering out entries with no direction (which mean \"remove sort\").\n  const sortEntries = queryBundleRequest.query.sort\n    ?.filter(\n      (s): s is SortItem & { direction: 'ASC' | 'DESC' } =>\n        s.direction === 'ASC' || s.direction === 'DESC',\n    )\n    .map(s => ({ [s.column]: s.direction.toLowerCase() }))\n\n  const searchQuery: SearchSearchQuery = {\n    query: query as unknown as DslQuery,\n    post_filter: postFilter ? (postFilter as unknown as DslQuery) : undefined,\n    aggregations,\n    sort: sortEntries?.length ? sortEntries : undefined,\n    size: queryBundleRequest.query.limit,\n    from: queryBundleRequest.query.offset,\n  }\n\n  return {\n    concreteType:\n      'org.sagebionetworks.repo.model.search.table.SearchIndexQuery' as const,\n    searchIndexId,\n    searchQuery,\n  }\n}\n\n/**\n * Converts a SearchQueryResults (the actual API response) into a QueryResultBundle\n * so that existing subcomponents (FacetFilterControls, RowSetView, etc.) work unchanged.\n *\n * Mapping:\n *  - totalHits → queryCount\n *  - hits → queryResult.queryResults (rows derived from hit.rowId/rowVersion/fields)\n *  - aggregationResults → facets (parsed from opaque OpenSearch aggregation JSON)\n */\nexport function searchQueryResultsToQueryResultBundle(\n  results: SearchQueryResults | undefined,\n  query: SearchIndexQuery,\n  columnModels?: ColumnModel[],\n  selectedFacets?: (FacetColumnValuesRequest | FacetColumnRangeRequest)[],\n): QueryResultBundle {\n  if (!results) {\n    return {\n      concreteType: 'org.sagebionetworks.repo.model.table.QueryResultBundle',\n    }\n  }\n\n  // Derive column names from the server-returned selectColumns. Both the row data\n  // query and the metadata query request SELECT_COLUMNS, so this is always present.\n  const fieldNames: string[] =\n    results.selectColumns\n      ?.map(col => col.name)\n      .filter((n): n is string => !!n) ?? []\n\n  const headers = fieldNames.map(name => ({\n    name,\n    columnType:\n      columnModels?.find(cm => cm.name === name)?.columnType ??\n      ('STRING' as const),\n  }))\n\n  const rows = (results.hits ?? []).map(hit => ({\n    rowId: hit.rowId,\n    versionNumber: hit.rowVersion,\n    values: fieldNames.map(name => {\n      return hit.fields?.find(f => f.name === name)?.value ?? null\n    }),\n  }))\n\n  const queryResult =\n    headers.length > 0 || rows.length > 0\n      ? {\n          concreteType:\n            'org.sagebionetworks.repo.model.table.QueryResult' as const,\n          queryResults: {\n            concreteType:\n              'org.sagebionetworks.repo.model.table.RowSet' as const,\n            tableId: query.searchIndexId ?? '',\n            etag: '',\n            headers,\n            rows,\n          },\n        }\n      : undefined\n\n  // Parse aggregationResults (opaque OpenSearch aggregation JSON) into FacetColumnResultValues.\n  // Each key in aggregationResults corresponds to a column name whose aggregation was requested\n  // in toSearchIndexQuery. Two response shapes are possible:\n  //\n  //   Plain terms (no active selections):\n  //     { buckets: [{ key: unknown, doc_count: number }] }\n  //\n  //   Filter-wrapped terms (per-facet filter bucketing, selections active):\n  //     { doc_count: number, \"<type>#columnName\": { buckets: [...] } }\n  //\n  // OpenSearch prefixes the aggregation type to the name in the response. The prefix depends\n  // on the field type: \"sterms\" for string fields, \"lterms\" for long/integer fields, etc.\n  // We detect the shape by looking for any \"type#columnName\" key with a buckets property.\n  const aggregationResults = results.aggregationResults as unknown as Record<\n    string,\n    OpenSearchTermsAgg | Record<string, OpenSearchTermsAgg>\n  > | null\n  const rawFacets: FacetColumnResultValues[] = Object.entries(\n    aggregationResults ?? {},\n  ).map(([columnName, agg]) => {\n    // Resolve the actual terms result: OpenSearch prefixes the agg type when it is\n    // nested inside a filter aggregation, producing a \"sterms#columnName\" key.\n    // Fall back to a direct [columnName] match (defensive), then to the agg itself\n    // for the plain (no-selection) terms shape.\n    const aggRecord = agg as Record<string, OpenSearchTermsAgg>\n    // OpenSearch prefixes the aggregation type to the name when nested inside a filter\n    // aggregation. For string fields this is \"sterms#columnName\"; for long/integer fields\n    // it is \"lterms#columnName\". Rather than hardcoding known prefixes, look for any key\n    // ending in \"#columnName\" so that future numeric types (e.g. double) also work.\n    const nestedKey = Object.keys(aggRecord).find(key =>\n      key.endsWith(`#${columnName}`),\n    )\n    const nested =\n      (nestedKey !== undefined ? aggRecord[nestedKey] : undefined) ??\n      aggRecord[columnName]\n    const termsAgg: OpenSearchTermsAgg =\n      nested?.buckets !== undefined ? nested : (agg as OpenSearchTermsAgg)\n    const selectedValues =\n      selectedFacets\n        ?.filter(\n          (f): f is FacetColumnValuesRequest =>\n            f.concreteType ===\n              FACET_COLUMN_VALUES_REQUEST_CONCRETE_TYPE_VALUE &&\n            f.columnName === columnName,\n        )\n        .flatMap(f => f.facetValues ?? []) ?? []\n    return {\n      concreteType:\n        'org.sagebionetworks.repo.model.table.FacetColumnResultValues' as const,\n      facetType: 'enumeration' as const,\n      columnName,\n      facetValues: (termsAgg.buckets ?? []).map(b => ({\n        value: String(b.key),\n        count: b.doc_count,\n        isSelected: selectedValues.includes(String(b.key)),\n      })),\n    }\n  })\n\n  // Synthesize FacetColumnResultRange for range-type DATE/DOUBLE/INTEGER columns. The Search\n  // API's aggregations only produce terms (enumeration) results; range stats are unavailable\n  // server-side. columnMin/columnMax are left empty; selectedMin/selectedMax are taken\n  // directly from selectedFacets so any applied range filter is still reflected in the UI.\n  // Note: for INTEGER columns the RangeSlider requires real bounds, so the UI falls back to a\n  // plain Range number input when columnMin/columnMax are absent.\n  const syntheticRangeFacets: FacetColumnResultRange[] = (columnModels ?? [])\n    .filter(\n      cm =>\n        cm.facetType === 'range' &&\n        (cm.columnType === 'DATE' ||\n          cm.columnType === 'DOUBLE' ||\n          cm.columnType === 'INTEGER') &&\n        !rawFacets.some(f => f.columnName === cm.name),\n    )\n    .map(cm => {\n      const rangeFilter = selectedFacets?.find(\n        (f): f is FacetColumnRangeRequest =>\n          f.concreteType === FACET_COLUMN_RANGE_REQUEST_CONCRETE_TYPE_VALUE &&\n          f.columnName === cm.name,\n      )\n      return {\n        concreteType:\n          'org.sagebionetworks.repo.model.table.FacetColumnResultRange' as const,\n        facetType: 'range' as const,\n        columnName: cm.name,\n        columnMin: '',\n        columnMax: '',\n        selectedMin: rangeFilter?.min,\n        selectedMax: rangeFilter?.max,\n      }\n    })\n\n  const allFacets: NonNullable<QueryResultBundle['facets']> = [\n    ...(rawFacets ?? []),\n    ...syntheticRangeFacets,\n  ]\n\n  // Reorder all facets to match the columnModels order so downstream components\n  // (e.g. FacetFilterControls) render facets in the expected column order.\n  const orderedFacets: QueryResultBundle['facets'] = columnModels\n    ? [\n        ...allFacets\n          .filter(f => columnModels.some(cm => cm.name === f.columnName))\n          .sort(\n            (a, b) =>\n              columnModels.findIndex(cm => cm.name === a.columnName) -\n              columnModels.findIndex(cm => cm.name === b.columnName),\n          ),\n        ...allFacets.filter(\n          f => !columnModels.some(cm => cm.name === f.columnName),\n        ),\n      ]\n    : allFacets\n\n  return {\n    concreteType: 'org.sagebionetworks.repo.model.table.QueryResultBundle',\n    queryCount: results.totalHits,\n    selectColumns: headers,\n    queryResult,\n    facets: orderedFacets,\n  }\n}\n\nexport function getSearchQueryUseQueryOptions(\n  queryBundleRequest: QueryBundleRequest,\n  keyFactory: KeyFactory,\n  accessToken: string | undefined,\n  searchIndexId: string,\n  columnModels?: ColumnModel[],\n  searchQueryConfig?: SearchQueryConfig,\n): SearchTableQueryUseQueryOptions {\n  const baseQuery: SearchIndexQuery = toSearchIndexQuery(\n    queryBundleRequest,\n    searchIndexId,\n    columnModels,\n    searchQueryConfig,\n  )\n  const rowDataQuery: SearchIndexQuery = {\n    ...baseQuery,\n    searchQuery: {\n      ...baseQuery.searchQuery,\n      // Omit aggregations from the row data query: facet aggregations are only needed\n      // in the metadata query. Removing them here keeps the row data query key stable\n      // while column models are loading, preventing an unnecessary re-fetch (and a brief\n      // loading flash) when column models first arrive.\n      aggregations: undefined,\n    },\n    // Request SELECT_COLUMNS so headers are available for row rendering.\n    // HITS is returned by default even when responseParts is specified.\n    responseParts: new Set(['HITS', 'SELECT_COLUMNS'] as const),\n  }\n  const metadataQuery: SearchIndexQuery = {\n    ...baseQuery,\n    // Request all opt-in parts needed for the metadata response:\n    // TOTAL_HITS → queryCount (drives tab count / spinner resolution)\n    // SELECT_COLUMNS → column headers for the table\n    // Aggregation results are returned automatically when aggregations is set on the query.\n    responseParts: new Set(['TOTAL_HITS', 'SELECT_COLUMNS'] as const),\n  }\n\n  // Convert responseParts Set → sorted array for query key building.\n  // JSON.stringify(new Set([...])) === '{}', so two queries whose only difference is\n  // their responseParts would hash to the same key and share a cache entry.\n  // Using a sorted array gives each query a distinct, stable key.\n  const toKeyShape = (query: SearchIndexQuery) => ({\n    ...query,\n    responseParts: query.responseParts\n      ? [...query.responseParts].sort()\n      : undefined,\n  })\n\n  // Fetches from the SearchQueryServicesApi and converts the SearchQueryResults responseBody\n  // into QueryResultBundle shape. This allows all downstream shared components\n  // (UseRowSet, QueryVisualizationWrapper, etc.) to access data.responseBody.*\n  // using the same patterns as regular table queries (queryResult.queryResults, selectColumns, etc.).\n  const fetchAndConvert = async (query: SearchIndexQuery) => {\n    const asyncStatus = await SynapseClient.getSearchQueryAsyncJobResults(\n      query,\n      accessToken,\n    )\n    return {\n      ...asyncStatus,\n      responseBody: searchQueryResultsToQueryResultBundle(\n        asyncStatus.responseBody,\n        query,\n        columnModels,\n        queryBundleRequest.query.selectedFacets as\n          | (FacetColumnValuesRequest | FacetColumnRangeRequest)[]\n          | undefined,\n      ),\n    }\n  }\n\n  // `as unknown as` is necessary because SearchIndexQuery.responseParts is a Set but\n  // toKeyShape converts it to a sorted string[] for stable cache key serialisation.\n  const rowDataQueryOptions: SearchTableQueryUseQueryOptions['rowDataQueryOptions'] =\n    {\n      ...tableQueryUseQueryDefaults,\n      queryKey: keyFactory.getSearchQueryResultWithAsyncStatusQueryKey(\n        toKeyShape(rowDataQuery) as unknown as SearchIndexQuery,\n        false,\n      ),\n      queryFn: () => fetchAndConvert(rowDataQuery),\n      select: (\n        data: AsynchronousJobStatus<SearchIndexQuery, QueryResultBundle>,\n      ): RowSet | undefined => data.responseBody?.queryResult?.queryResults,\n    }\n\n  const rowDataInfiniteQueryOptions: SearchTableQueryUseQueryOptions['rowDataInfiniteQueryOptions'] =\n    {\n      ...tableQueryUseQueryDefaults,\n      queryKey: keyFactory.getSearchQueryResultWithAsyncStatusQueryKey(\n        toKeyShape(rowDataQuery) as unknown as SearchIndexQuery,\n        true,\n      ),\n      initialPageParam: 0 as number | string | undefined,\n      getNextPageParam: (\n        lastPage: AsynchronousJobStatus<SearchIndexQuery, QueryResultBundle>,\n        allPages: AsynchronousJobStatus<SearchIndexQuery, QueryResultBundle>[],\n      ): number | string | undefined => {\n        return getNextPageParamForSearchQueryResults(lastPage, allPages)\n      },\n      queryFn: (context: { pageParam?: number | string }) => {\n        const offset =\n          typeof context.pageParam === 'string'\n            ? parseInt(context.pageParam)\n            : (context.pageParam ?? 0)\n        const requestForPage: SearchIndexQuery = {\n          ...rowDataQuery,\n          searchQuery: {\n            ...rowDataQuery.searchQuery,\n            from: offset,\n          },\n        }\n        return fetchAndConvert(requestForPage)\n      },\n      select: (\n        data: InfiniteData<\n          AsynchronousJobStatus<SearchIndexQuery, QueryResultBundle>\n        >,\n      ) => data,\n    }\n\n  const queryMetadataQueryOptions: SearchTableQueryUseQueryOptions['queryMetadataQueryOptions'] =\n    {\n      ...tableQueryUseQueryDefaults,\n      queryKey: keyFactory.getSearchQueryResultWithAsyncStatusQueryKey(\n        toKeyShape(metadataQuery) as unknown as SearchIndexQuery,\n        false,\n      ),\n      queryFn: () => fetchAndConvert(metadataQuery),\n      select: (\n        data: AsynchronousJobStatus<SearchIndexQuery, QueryResultBundle>,\n      ): Omit<QueryResultBundle, 'queryResult'> => {\n        const result = omit(data.responseBody ?? {}, 'queryResult') as Omit<\n          QueryResultBundle,\n          'queryResult'\n        >\n        return columnModels ? { ...result, columnModels } : result\n      },\n    }\n\n  return {\n    rowDataQueryOptions,\n    rowDataInfiniteQueryOptions,\n    queryMetadataQueryOptions,\n  }\n}\n\n/**\n * Returns a stable callback that fetches autocomplete suggestions for a search input\n * using the synchronous `POST /search/autocomplete` endpoint.\n *\n * The query is built from the current `searchIndexId` and `autocompleteFieldName`:\n *  - `searchQuery.query` is a `match_bool_prefix` clause scoped to `autocompleteFieldName`\n *  - `searchQuery._source` is set to `[autocompleteFieldName]` so only that field is returned\n *\n * When `autocompleteFieldName` is undefined, the returned callback immediately returns `[]`.\n */\nexport function useGetSuggestionsForSearchIndex(\n  searchIndexId: string,\n  autocompleteFieldName: string | undefined,\n): (searchText: string) => Promise<string[]> {\n  const { synapseClient } = useSynapseContext()\n\n  return useCallback(\n    async (searchText: string): Promise<string[]> => {\n      if (!autocompleteFieldName) return []\n      const trimmed = searchText.trim()\n      if (!trimmed) return []\n      const results =\n        await synapseClient.searchManagementServicesClient.postRepoV1SearchAutocomplete(\n          {\n            searchAutocompleteRequest: {\n              searchIndexId,\n              searchQuery: {\n                query: {\n                  match_bool_prefix: {\n                    [autocompleteFieldName]: { query: trimmed },\n                  },\n                },\n                _source: { includes: [autocompleteFieldName] },\n              },\n            },\n          },\n        )\n      const suggestions: string[] = []\n      for (const hit of results.hits ?? []) {\n        for (const field of hit.fields ?? []) {\n          if (field.value) {\n            suggestions.push(field.value)\n          }\n        }\n      }\n      return suggestions\n    },\n    [synapseClient, searchIndexId, autocompleteFieldName],\n  )\n}\n\n/**\n * Returns TanStack Query options that call the SearchQueryServicesApi (instead of the\n * standard Table Query API) but return data in the same QueryResultBundle format, allowing\n * all existing subcomponents (FacetFilterControls, RowSetView, etc.) to work unchanged.\n */\nexport function useSearchQueryUseQueryOptions(\n  queryBundleRequest: QueryBundleRequest,\n  searchIndexId: string,\n  synapseId?: string,\n  searchQueryConfig?: SearchQueryConfig,\n): SearchTableQueryUseQueryOptions {\n  const { keyFactory, accessToken } = useSynapseContext()\n\n  const { data: entityBundle } = useGetEntityBundle(synapseId, undefined, {\n    includeTableBundle: true,\n  })\n  const columnModels = entityBundle?.tableBundle?.columnModels\n\n  return useMemo(\n    () =>\n      getSearchQueryUseQueryOptions(\n        queryBundleRequest,\n        keyFactory,\n        accessToken,\n        searchIndexId,\n        columnModels,\n        searchQueryConfig,\n      ),\n    [\n      keyFactory,\n      accessToken,\n      queryBundleRequest,\n      searchIndexId,\n      columnModels,\n      searchQueryConfig,\n    ],\n  )\n}\n"],"mappings":";;;;;;;;;;AA8GA,SAAS,EACP,GACsB;CACjB,OACL,OAAO,OAAO,QAAQ,CAAW,EAAE,KAAK,CAAC,GAAO,OAC9C,MAAU,IAAI,IAAQ,GAAG,EAAM,GAAG,GACpC;AACF;AAEA,SAAS,EACP,GACA,IAA4B,CAAC,GACe;CAC5C,IAAM,EAAE,mBAAgB,eAAe,gBAAa,iBAAc,GAC5D,IAAS,EAAc,CAAW;CAExC,QAAQ,GAAR;EACE,KAAK,uBACH,OAAO,EACL,qBAAqB;GACnB,OAAO;GACP,GAAI,IAAS,EAAE,UAAO,IAAI,CAAC;EAC7B,EACF;EACF,KAAK,2BACH,OAAO,EACL,aAAa;GACX,OAAO;GACP,MAAM;GACN,GAAI,IAAS,EAAE,UAAO,IAAI,CAAC;GAC3B,GAAI,IAAY,EAAE,aAAU,IAAI,CAAC;EACnC,EACF;EACF,KAAK,4BACH,OAAO,EACL,aAAa;GACX,OAAO;GACP,MAAM;GACN,GAAI,IAAS,EAAE,UAAO,IAAI,CAAC;GAC3B,GAAI,IAAY,EAAE,aAAU,IAAI,CAAC;EACnC,EACF;EACF,KAAK,iBACH,OAAO,EACL,aAAa;GACX,OAAO;GACP,MAAM;GACN,GAAI,IAAS,EAAE,UAAO,IAAI,CAAC;EAC7B,EACF;EACF,KAAK,iBACH,OAAO,EACL,aAAa;GACX,OAAO;GACP,GAAI,IAAS,EAAE,UAAO,IAAI,CAAC;GAC3B,WAAW,KAAa;EAC1B,EACF;EACF,SACE,OAAO,EACL,aAAa;GACX,OAAO;GACP,WAAW,KAAa;EAC1B,EACF;CACJ;AACF;AA+BA,SAAgB,EACd,GACA,GAC6B;CAC7B,IAAM,IACJ,EAAS,cAAc,aAAa,aAAa,MAAM,UAAU,GAC7D,IAAoB,EAAS,aAAa,aAAa,MACvD,IAAY,EAAS,cAAc,YACnC,IAAc,EAAS,QAC1B,GAAK,MACJ,KAAO,EAAK,cAAc,aAAa,aAAa,MAAM,UAAU,IACtE,CACF;CAEI,UAAmB,KAKnB,OAAqB,QAAQ,IAAiB,MAI9C,OAAa,QAAQ,KAAe,IAIxC,OAAO;AACT;AAuBA,SAAgB,EACd,GACA,GACA,GACA,GACkB;CAOlB,IAAM,IAAgC,CAAC;CAcvC,AAZA,EAAmB,MAAM,gBACrB,QACC,MACC,EAAE,iBAAiB,CACvB,EACC,SAAQ,MAAK;EACZ,EAAc,KAAK,EAAE,OAAO,GAAG,EAAE,aAAa,EAAE,eAAe,CAAC,EAAE,EAAE,CAAC;CACvE,CAAC,GAKH,EAAmB,MAAM,gBACrB,QACC,MACC,EAAE,iBAAiB,CACvB,EACC,SAAQ,MAAK;EACZ,IAAM,IAAa,GAAc,MAC/B,MAAM,EAAG,SAAS,EAAE,UACtB,GAAG,YACG,KAAc,MACd,CAAC,KAAK,MAAe,SAAe,IAEpC,sBAAsB,KAAK,CAAC,IACvB,OAAO,EAAM,CAAC,EAAE,QAAQ,CAAC,IAE3B,GAEH,IAA8C,CAAC,GAC/C,IAAM,EAAW,EAAE,GAAG,GACtB,IAAM,EAAW,EAAE,GAAG;EAG5B,AAFI,MAAQ,KAAA,MAAW,EAAY,MAAM,IACrC,MAAQ,KAAA,MAAW,EAAY,MAAM,IACzC,EAAc,KAAK,EAAE,OAAO,GAAG,EAAE,aAAa,EAAY,EAAE,CAAC;CAC/D,CAAC;CAGH,IAAM,IAAyB,EAAmB,MAAM,mBACpD,QACC,MACC,EAAE,iBAAiB,CACvB,EACC,KAAI,MAAK,EAAE,gBAAgB,EAC3B,QAAQ,MAAyB,KAAQ,QAAQ,EAAK,SAAS,CAAC,GAC7D,IACJ,KAA0B,EAAuB,SAAS,IACtD,EAAuB,KAAK,GAAG,IAC/B,KAAA,GAGF;CACJ,AAGE,IAHE,IACM,EAAiB,GAAW,CAAiB,IAE7C,EAAE,WAAW,CAAC,EAAE;CAO1B,IAAI;CACJ,AAAI,EAAc,WAAW,IAC3B,IAAa,EAAc,KAClB,EAAc,SAAS,MAChC,IAAa,EAAE,MAAM,EAAE,MAAM,EAAc,EAAE;CAM/C,IAAM,IAAqB,GACvB,QAAO,MAAM,EAAG,cAAc,aAAa,EAC5C,KAAI,MAAM;EACT,IAAM,IAA6B;GAAE,OAAO,EAAG;GAAM,MAAM;EAAI;EAC/D,IAAI,EAAG,iBAAiB,YAAY,MAAM;GAExC,IAAM,IACJ,EAAG,gBAAgB,aAAa,UAAU,SAAS,UAC/C,IACJ,EAAG,gBAAgB,cAAc,SAAS,SAAS;GACrD,EAAS,QAAQ,GAAG,IAAW,EAAS;EAC1C;EAEA,IAAI,EAAc,WAAW,GAE3B,OAAO,CAAC,EAAG,MAAM,EAAE,OAAO,EAAS,CAAC;EAKtC,IAAM,IAAe,EAAc,QAAO,MACpC,WAAW,IAAe,EAAE,EAAG,QAAQ,EAAO,SAC9C,WAAW,IAAe,EAAE,EAAG,QAAQ,EAAO,SAC3C,EACR,GACK,IACJ,EAAa,WAAW,IACpB,EAAE,WAAW,CAAC,EAAE,IAChB,EAAa,WAAW,IACtB,EAAa,KACb,EAAE,MAAM,EAAE,MAAM,EAAa,EAAE;EACvC,OAAO,CACL,EAAG,MACH;GACE,QAAQ;GACR,cAAc,GAAG,EAAG,OAAO,EAAE,OAAO,EAAS,EAAE;EACjD,CACF;CACF,CAAC,GACG,IACJ,KAAsB,EAAmB,SAAS,IAC9C,OAAO,YAAY,CAAkB,IACrC,KAAA,GAIA,IAAc,EAAmB,MAAM,MACzC,QACC,MACC,EAAE,cAAc,SAAS,EAAE,cAAc,MAC7C,EACC,KAAI,OAAM,GAAG,EAAE,SAAS,EAAE,UAAU,YAAY,EAAE,EAAE;CAWvD,OAAO;EACL,cACE;EACF;EACA,aAAA;GAZO;GACP,aAAa,KAAmD,KAAA;GAChE;GACA,MAAM,GAAa,SAAS,IAAc,KAAA;GAC1C,MAAM,EAAmB,MAAM;GAC/B,MAAM,EAAmB,MAAM;EAO/B;CACF;AACF;AAWA,SAAgB,EACd,GACA,GACA,GACA,GACmB;CACnB,IAAI,CAAC,GACH,OAAO,EACL,cAAc,yDAChB;CAKF,IAAM,IACJ,EAAQ,eACJ,KAAI,MAAO,EAAI,IAAI,EACpB,QAAQ,MAAmB,CAAC,CAAC,CAAC,KAAK,CAAC,GAEnC,IAAU,EAAW,KAAI,OAAS;EACtC;EACA,YACE,GAAc,MAAK,MAAM,EAAG,SAAS,CAAI,GAAG,cAC3C;CACL,EAAE,GAEI,KAAQ,EAAQ,QAAQ,CAAC,GAAG,KAAI,OAAQ;EAC5C,OAAO,EAAI;EACX,eAAe,EAAI;EACnB,QAAQ,EAAW,KAAI,MACd,EAAI,QAAQ,MAAK,MAAK,EAAE,SAAS,CAAI,GAAG,SAAS,IACzD;CACH,EAAE,GAEI,IACJ,EAAQ,SAAS,KAAK,EAAK,SAAS,IAChC;EACE,cACE;EACF,cAAc;GACZ,cACE;GACF,SAAS,EAAM,iBAAiB;GAChC,MAAM;GACN;GACA;EACF;CACF,IACA,KAAA,GAeA,IAAqB,EAAQ,oBAI7B,IAAuC,OAAO,QAClD,KAAsB,CAAC,CACzB,EAAE,KAAK,CAAC,GAAY,OAAS;EAK3B,IAAM,IAAY,GAKZ,IAAY,OAAO,KAAK,CAAS,EAAE,MAAK,MAC5C,EAAI,SAAS,IAAI,GAAY,CAC/B,GACM,KACH,MAAc,KAAA,IAAmC,KAAA,IAAvB,EAAU,OACrC,EAAU,IACN,IACJ,GAAQ,YAAY,KAAA,IAAsB,IAAV,GAC5B,IACJ,GACI,QACC,MACC,EAAE,iBACA,KACF,EAAE,eAAe,CACrB,EACC,SAAQ,MAAK,EAAE,eAAe,CAAC,CAAC,KAAK,CAAC;EAC3C,OAAO;GACL,cACE;GACF,WAAW;GACX;GACA,cAAc,EAAS,WAAW,CAAC,GAAG,KAAI,OAAM;IAC9C,OAAO,OAAO,EAAE,GAAG;IACnB,OAAO,EAAE;IACT,YAAY,EAAe,SAAS,OAAO,EAAE,GAAG,CAAC;GACnD,EAAE;EACJ;CACF,CAAC,GAQK,KAAkD,KAAgB,CAAC,GACtE,QACC,MACE,EAAG,cAAc,YAChB,EAAG,eAAe,UACjB,EAAG,eAAe,YAClB,EAAG,eAAe,cACpB,CAAC,EAAU,MAAK,MAAK,EAAE,eAAe,EAAG,IAAI,CACjD,EACC,KAAI,MAAM;EACT,IAAM,IAAc,GAAgB,MACjC,MACC,EAAE,iBAAiB,KACnB,EAAE,eAAe,EAAG,IACxB;EACA,OAAO;GACL,cACE;GACF,WAAW;GACX,YAAY,EAAG;GACf,WAAW;GACX,WAAW;GACX,aAAa,GAAa;GAC1B,aAAa,GAAa;EAC5B;CACF,CAAC,GAEG,IAAsD,CAC1D,GAAI,KAAa,CAAC,GAClB,GAAG,CACL,GAIM,IAA6C,IAC/C,CACE,GAAG,EACA,QAAO,MAAK,EAAa,MAAK,MAAM,EAAG,SAAS,EAAE,UAAU,CAAC,EAC7D,MACE,GAAG,MACF,EAAa,WAAU,MAAM,EAAG,SAAS,EAAE,UAAU,IACrD,EAAa,WAAU,MAAM,EAAG,SAAS,EAAE,UAAU,CACzD,GACF,GAAG,EAAU,QACX,MAAK,CAAC,EAAa,MAAK,MAAM,EAAG,SAAS,EAAE,UAAU,CACxD,CACF,IACA;CAEJ,OAAO;EACL,cAAc;EACd,YAAY,EAAQ;EACpB,eAAe;EACf;EACA,QAAQ;CACV;AACF;AAEA,SAAgB,EACd,GACA,GACA,GACA,GACA,GACA,GACiC;CACjC,IAAM,IAA8B,EAClC,GACA,GACA,GACA,CACF,GACM,IAAiC;EACrC,GAAG;EACH,aAAa;GACX,GAAG,EAAU;GAKb,cAAc,KAAA;EAChB;EAGA,eAAe,IAAI,IAAI,CAAC,QAAQ,gBAAgB,CAAU;CAC5D,GACM,IAAkC;EACtC,GAAG;EAKH,eAAe,IAAI,IAAI,CAAC,cAAc,gBAAgB,CAAU;CAClE,GAMM,KAAc,OAA6B;EAC/C,GAAG;EACH,eAAe,EAAM,gBACjB,CAAC,GAAG,EAAM,aAAa,EAAE,KAAK,IAC9B,KAAA;CACN,IAMM,IAAkB,OAAO,MAA4B;EACzD,IAAM,IAAc,MAAM,EACxB,GACA,CACF;EACA,OAAO;GACL,GAAG;GACH,cAAc,EACZ,EAAY,cACZ,GACA,GACA,EAAmB,MAAM,cAG3B;EACF;CACF;CAuEA,OAAO;EACL,qBAAA;GAlEE,GAAG;GACH,UAAU,EAAW,4CACnB,EAAW,CAAY,GACvB,EACF;GACA,eAAe,EAAgB,CAAY;GAC3C,SACE,MACuB,EAAK,cAAc,aAAa;EA0D3D;EACA,6BAAA;GAtDE,GAAG;GACH,UAAU,EAAW,4CACnB,EAAW,CAAY,GACvB,EACF;GACA,kBAAkB;GAClB,mBACE,GACA,MAEO,EAAsC,GAAU,CAAQ;GAEjE,UAAU,MAA6C;IACrD,IAAM,IACJ,OAAO,EAAQ,aAAc,WACzB,SAAS,EAAQ,SAAS,IACzB,EAAQ,aAAa;IAQ5B,OAAO,EAAgB;KANrB,GAAG;KACH,aAAa;MACX,GAAG,EAAa;MAChB,MAAM;KACR;IAEqB,CAAc;GACvC;GACA,SACE,MAGG;EAwBP;EACA,2BAAA;GApBE,GAAG;GACH,UAAU,EAAW,4CACnB,EAAW,CAAa,GACxB,EACF;GACA,eAAe,EAAgB,CAAa;GAC5C,SACE,MAC2C;IAC3C,IAAM,IAAS,EAAK,EAAK,gBAAgB,CAAC,GAAG,aAAa;IAI1D,OAAO,IAAe;KAAE,GAAG;KAAQ;IAAa,IAAI;GACtD;EAMF;CACF;AACF;AAYA,SAAgB,EACd,GACA,GAC2C;CAC3C,IAAM,EAAE,qBAAkB,EAAkB;CAE5C,OAAO,EACL,OAAO,MAA0C;EAC/C,IAAI,CAAC,GAAuB,OAAO,CAAC;EACpC,IAAM,IAAU,EAAW,KAAK;EAChC,IAAI,CAAC,GAAS,OAAO,CAAC;EACtB,IAAM,IACJ,MAAM,EAAc,+BAA+B,6BACjD,EACE,2BAA2B;GACzB;GACA,aAAa;IACX,OAAO,EACL,mBAAmB,GAChB,IAAwB,EAAE,OAAO,EAAQ,EAC5C,EACF;IACA,SAAS,EAAE,UAAU,CAAC,CAAqB,EAAE;GAC/C;EACF,EACF,CACF,GACI,IAAwB,CAAC;EAC/B,KAAK,IAAM,KAAO,EAAQ,QAAQ,CAAC,GACjC,KAAK,IAAM,KAAS,EAAI,UAAU,CAAC,GACjC,AAAI,EAAM,SACR,EAAY,KAAK,EAAM,KAAK;EAIlC,OAAO;CACT,GACA;EAAC;EAAe;EAAe;CAAqB,CACtD;AACF;AAOA,SAAgB,EACd,GACA,GACA,GACA,GACiC;CACjC,IAAM,EAAE,eAAY,mBAAgB,EAAkB,GAEhD,EAAE,MAAM,MAAiB,EAAmB,GAAW,KAAA,GAAW,EACtE,oBAAoB,GACtB,CAAC,GACK,IAAe,GAAc,aAAa;CAEhD,OAAO,QAEH,EACE,GACA,GACA,GACA,GACA,GACA,CACF,GACF;EACE;EACA;EACA;EACA;EACA;EACA;CACF,CACF;AACF"}

package/dist/components/StorybookComponentWrapper.js

@@ -5,9 +5,9 @@ import { SynapseContextProvider as r } from "../utils/context/SynapseContext.js"
 import i from "../utils/hooks/useDetectSSOCode.js";
 import { ApplicationSessionContextProvider as a } from "../utils/AppUtils/session/ApplicationSessionContext.js";
 import { defaultQueryClientConfig as o } from "../utils/context/FullContextProvider.js";
+import "./ToastMessage/index.js";
 import { SynapseSessionManager as s } from "../utils/AppUtils/session/SynapseSessionManager.js";
 import "../utils/index.js";
-import "./ToastMessage/index.js";
 import c from "./Authentication/StandaloneLoginForm.js";
 import "./Authentication/index.js";
 import { Suspense as l, useCallback as u, useEffect as d, useMemo as f, useRef as p, useSyncExternalStore as m } from "react";

package/dist/components/SynapseChat/SynapseChat.js

@@ -1,9 +1,9 @@
 import { displayToast as e } from "../ToastMessage/ToastMessage.js";
 import { useSynapseContext as t } from "../../utils/context/SynapseContext.js";
+import "../ToastMessage/index.js";
 import "../../utils/index.js";
 import { SkeletonParagraph as n } from "../Skeleton/SkeletonParagraph.js";
 import "../Skeleton/index.js";
-import "../ToastMessage/index.js";
 import { useCreateAgentSession as r, useUpdateAgentSession as i } from "../../synapse-queries/chat/useChat.js";
 import { useChatState as a } from "./useChatState.js";
 import { AccessLevelMenu as o } from "./AccessLevelMenu.js";

package/dist/components/SynapseHomepageV2/HotdropsAndNews.css

@@ -1 +1 @@
-._container_1tem6_1{background-color:#fff3;border-radius:9px;grid-template-columns:100%;justify-items:start;max-width:1300px;margin:auto;padding-top:0;padding-bottom:40px;display:grid}@media (width>=600px){._container_1tem6_1{grid-template-columns:50% 50%;padding-top:80px;padding-bottom:60px}}._item_1tem6_20{border-right:1px solid var(--synapse-gray-400);border-bottom:1px solid var(--synapse-gray-400);border-left:1px solid var(--synapse-gray-400);grid-template-columns:80% 20%;display:grid}._item_1tem6_20:first-child{border-top:1px solid var(--synapse-gray-400)}@media (width>=600px){._item_1tem6_20{border-top:none;border-left:none}._item_1tem6_20:nth-child(odd){border-left:1px solid var(--synapse-gray-400)}._item_1tem6_20:nth-child(-n+2){border-top:1px solid var(--synapse-gray-400)}}._item_1tem6_20{background-color:#ffffffe6;width:100%;padding:15px 0;text-decoration:none}._item_1tem6_20:hover{cursor:pointer;background-color:#e9f3fef2;text-decoration:none!important}._item_1tem6_20 ._itemTitle_1tem6_53{color:var(--synapse-gray-900);font-size:16px;font-weight:700}._item_1tem6_20 ._itemMeta_1tem6_58{color:var(--synapse-gray-700)}._adkpVariant_1tem6_62 ._item_1tem6_20:hover{background:linear-gradient(91deg,#7761b7 5.34%,#9067b6 24.31%,#816dc8 91.15%)}._adkpVariant_1tem6_62 ._item_1tem6_20:hover ._itemTitle_1tem6_53,._adkpVariant_1tem6_62 ._item_1tem6_20:hover ._itemMeta_1tem6_58{color:#fff}._itemContent_1tem6_70{color:var(--synapse-gray-900);padding-left:15px;padding-right:10px}._itemAction_1tem6_76{place-self:start end;padding-right:15px}._chip_1tem6_82.MuiChip-root{border-radius:5px;height:24px}
+._container_1beyq_1{background-color:#fff3;border-radius:9px;grid-template-columns:100%;justify-items:start;max-width:1300px;margin:auto;padding-top:0;padding-bottom:40px;display:grid}@media (width>=600px){._container_1beyq_1{grid-template-columns:50% 50%;padding-top:80px;padding-bottom:60px}}._item_1beyq_20{border-right:1px solid var(--synapse-gray-400);border-bottom:1px solid var(--synapse-gray-400);border-left:1px solid var(--synapse-gray-400);grid-template-columns:80% 20%;display:grid}._item_1beyq_20:first-child{border-top:1px solid var(--synapse-gray-400)}@media (width>=600px){._item_1beyq_20{border-top:none;border-left:none}._item_1beyq_20:nth-child(odd){border-left:1px solid var(--synapse-gray-400)}._item_1beyq_20:nth-child(-n+2){border-top:1px solid var(--synapse-gray-400)}}._item_1beyq_20{background-color:#ffffffe6;width:100%;padding:15px 0;text-decoration:none}._item_1beyq_20:hover{cursor:pointer;background-color:#e9f3fef2;text-decoration:none!important}._item_1beyq_20 ._itemTitle_1beyq_53{color:var(--synapse-gray-900);font-size:16px;font-weight:700}._item_1beyq_20 ._itemMeta_1beyq_58{color:var(--synapse-gray-700)}._adkpVariant_1beyq_62{background-color:#0000!important}._adkpVariant_1beyq_62 ._item_1beyq_20:hover{background:linear-gradient(91deg,#7761b7 5.34%,#9067b6 24.31%,#816dc8 91.15%)}._adkpVariant_1beyq_62 ._item_1beyq_20:hover ._itemTitle_1beyq_53,._adkpVariant_1beyq_62 ._item_1beyq_20:hover ._itemMeta_1beyq_58,._adkpVariant_1beyq_62 ._item_1beyq_20:hover ._itemDescription_1beyq_70{color:#fff}._itemContent_1beyq_74{color:var(--synapse-gray-900);padding-left:15px;padding-right:10px}._itemAction_1beyq_80{place-self:start end;padding-right:15px}._chip_1beyq_86.MuiChip-root{border-radius:5px;height:24px}

package/dist/components/SynapseHomepageV2/HotdropsAndNews.module.js

@@ -1,12 +1,13 @@
 import './HotdropsAndNews.css';var e = {
-	container: "_container_1tem6_1",
-	item: "_item_1tem6_20",
-	itemTitle: "_itemTitle_1tem6_53",
-	itemMeta: "_itemMeta_1tem6_58",
-	adkpVariant: "_adkpVariant_1tem6_62",
-	itemContent: "_itemContent_1tem6_70",
-	itemAction: "_itemAction_1tem6_76",
-	chip: "_chip_1tem6_82"
+	container: "_container_1beyq_1",
+	item: "_item_1beyq_20",
+	itemTitle: "_itemTitle_1beyq_53",
+	itemMeta: "_itemMeta_1beyq_58",
+	adkpVariant: "_adkpVariant_1beyq_62",
+	itemDescription: "_itemDescription_1beyq_70",
+	itemContent: "_itemContent_1beyq_74",
+	itemAction: "_itemAction_1beyq_80",
+	chip: "_chip_1beyq_86"
 };
 //#endregion
 export { e as default };

package/dist/components/SynapseHomepageV2/HotdropsAndNews.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"HotdropsAndNews.module.js","names":[],"sources":["../../../src/components/SynapseHomepageV2/HotdropsAndNews.module.scss"],"sourcesContent":["// ---------------------------------------------------------------------------\n// Grid container (SynapseHotDrops / WordPressNews outer wrapper)\n// ---------------------------------------------------------------------------\n\n.container {\n  display: grid;\n  justify-items: start;\n  background-color: rgba(255, 255, 255, 0.2);\n  border-radius: 9px;\n  max-width: 1300px;\n  margin: auto;\n\n  // Mobile-first: single column\n  grid-template-columns: 100%;\n  padding-top: 0;\n  padding-bottom: 40px;\n\n  // ≥ MUI 'sm' breakpoint (600px)\n  @media (min-width: 600px) {\n    grid-template-columns: 50% 50%;\n    padding-top: 80px;\n    padding-bottom: 60px;\n  }\n}\n\n// ---------------------------------------------------------------------------\n// Individual item row\n// ---------------------------------------------------------------------------\n\n.item {\n  display: grid;\n  grid-template-columns: 80% 20%;\n  // Each item provides its own right + bottom edge.\n  // Leading edges (top/left) are added selectively to avoid doubling.\n  border-right: 1px solid var(--synapse-gray-400); // lighter interior border\n  border-bottom: 1px solid var(--synapse-gray-400);\n\n  // Mobile: single column — every item is the left edge; only the first has a top edge.\n  border-left: 1px solid var(--synapse-gray-400);\n  &:first-child {\n    border-top: 1px solid var(--synapse-gray-400);\n  }\n\n  // Desktop: two columns — left edge belongs to odd items (col 1); top edge to the first two (row 1).\n  @media (min-width: 600px) {\n    border-left: none;\n    border-top: none;\n\n    &:nth-child(odd) {\n      border-left: 1px solid var(--synapse-gray-400);\n    }\n\n    &:nth-child(-n + 2) {\n      border-top: 1px solid var(--synapse-gray-400);\n    }\n  }\n\n  width: 100%;\n  background-color: rgba(255, 255, 255, 0.9);\n  padding: 15px 0;\n\n  text-decoration: none;\n\n  &:hover {\n    background-color: rgba(233, 243, 254, 0.95);\n    cursor: pointer;\n    text-decoration: none !important;\n  }\n\n  .itemTitle {\n    color: var(--synapse-gray-900);\n    font-size: 16px;\n    font-weight: 700;\n  }\n  .itemMeta {\n    color: var(--synapse-gray-700);\n  }\n}\n\n.adkpVariant {\n  .item:hover {\n    background: linear-gradient(\n      91deg,\n      #7761b7 5.34%,\n      #9067b6 24.31%,\n      #816dc8 91.15%\n    );\n\n    .itemTitle,\n    .itemMeta {\n      color: #fff;\n    }\n  }\n}\n\n// ---------------------------------------------------------------------------\n// Item: left content area\n// ---------------------------------------------------------------------------\n\n.itemContent {\n  color: var(--synapse-gray-900);\n  padding-left: 15px;\n  padding-right: 10px;\n}\n\n// ---------------------------------------------------------------------------\n// Item: right action area (chip container)\n// ---------------------------------------------------------------------------\n\n.itemAction {\n  justify-self: end;\n  align-self: start;\n  padding-right: 15px;\n}\n\n// ---------------------------------------------------------------------------\n// Category / type chip\n// ---------------------------------------------------------------------------\n\n.chip:global(.MuiChip-root) {\n  border-radius: 5px;\n  height: 24px;\n}\n"],"mappings":""}
+{"version":3,"file":"HotdropsAndNews.module.js","names":[],"sources":["../../../src/components/SynapseHomepageV2/HotdropsAndNews.module.scss"],"sourcesContent":["// ---------------------------------------------------------------------------\n// Grid container (SynapseHotDrops / WordPressNews outer wrapper)\n// ---------------------------------------------------------------------------\n\n.container {\n  display: grid;\n  justify-items: start;\n  background-color: rgba(255, 255, 255, 0.2);\n  border-radius: 9px;\n  max-width: 1300px;\n  margin: auto;\n\n  // Mobile-first: single column\n  grid-template-columns: 100%;\n  padding-top: 0;\n  padding-bottom: 40px;\n\n  // ≥ MUI 'sm' breakpoint (600px)\n  @media (min-width: 600px) {\n    grid-template-columns: 50% 50%;\n    padding-top: 80px;\n    padding-bottom: 60px;\n  }\n}\n\n// ---------------------------------------------------------------------------\n// Individual item row\n// ---------------------------------------------------------------------------\n\n.item {\n  display: grid;\n  grid-template-columns: 80% 20%;\n  // Each item provides its own right + bottom edge.\n  // Leading edges (top/left) are added selectively to avoid doubling.\n  border-right: 1px solid var(--synapse-gray-400); // lighter interior border\n  border-bottom: 1px solid var(--synapse-gray-400);\n\n  // Mobile: single column — every item is the left edge; only the first has a top edge.\n  border-left: 1px solid var(--synapse-gray-400);\n  &:first-child {\n    border-top: 1px solid var(--synapse-gray-400);\n  }\n\n  // Desktop: two columns — left edge belongs to odd items (col 1); top edge to the first two (row 1).\n  @media (min-width: 600px) {\n    border-left: none;\n    border-top: none;\n\n    &:nth-child(odd) {\n      border-left: 1px solid var(--synapse-gray-400);\n    }\n\n    &:nth-child(-n + 2) {\n      border-top: 1px solid var(--synapse-gray-400);\n    }\n  }\n\n  width: 100%;\n  background-color: rgba(255, 255, 255, 0.9);\n  padding: 15px 0;\n\n  text-decoration: none;\n\n  &:hover {\n    background-color: rgba(233, 243, 254, 0.95);\n    cursor: pointer;\n    text-decoration: none !important;\n  }\n\n  .itemTitle {\n    color: var(--synapse-gray-900);\n    font-size: 16px;\n    font-weight: 700;\n  }\n  .itemMeta {\n    color: var(--synapse-gray-700);\n  }\n}\n\n.adkpVariant {\n  background-color: transparent !important;\n\n  .item:hover {\n    background: linear-gradient(\n      91deg,\n      #7761b7 5.34%,\n      #9067b6 24.31%,\n      #816dc8 91.15%\n    );\n\n    .itemTitle,\n    .itemMeta,\n    .itemDescription {\n      color: #fff;\n    }\n  }\n}\n\n// ---------------------------------------------------------------------------\n// Item: left content area\n// ---------------------------------------------------------------------------\n\n.itemContent {\n  color: var(--synapse-gray-900);\n  padding-left: 15px;\n  padding-right: 10px;\n}\n\n// ---------------------------------------------------------------------------\n// Item: right action area (chip container)\n// ---------------------------------------------------------------------------\n\n.itemAction {\n  justify-self: end;\n  align-self: start;\n  padding-right: 15px;\n}\n\n// ---------------------------------------------------------------------------\n// Category / type chip\n// ---------------------------------------------------------------------------\n\n.chip:global(.MuiChip-root) {\n  border-radius: 5px;\n  height: 24px;\n}\n"],"mappings":""}

package/dist/components/SynapseHomepageV2/HotdropsAndNews.module.scss

@@ -78,6 +78,8 @@
 }
 
 .adkpVariant {
+  background-color: transparent !important;
+
   .item:hover {
     background: linear-gradient(
       91deg,
@@ -87,7 +89,8 @@
     );
 
     .itemTitle,
-    .itemMeta {
+    .itemMeta,
+    .itemDescription {
       color: #fff;
     }
   }

package/dist/components/SynapseHomepageV2/WordPressNews.d.ts

@@ -4,7 +4,8 @@ export type WordPressNewsProps = {
     /** Number of posts to display. Defaults to 10. */
     postCount?: number;
     showCategoryChips?: boolean;
+    showDescription?: boolean;
     variant?: 'adkp';
 };
-export declare function WordPressNews({ wordpressSiteUrl, postCount, showCategoryChips, variant, }: WordPressNewsProps): import("react/jsx-runtime").JSX.Element;
+export declare function WordPressNews({ wordpressSiteUrl, postCount, showCategoryChips, showDescription, variant, }: WordPressNewsProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=WordPressNews.d.ts.map

package/dist/components/SynapseHomepageV2/WordPressNews.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WordPressNews.d.ts","sourceRoot":"","sources":["../../../src/components/SynapseHomepageV2/WordPressNews.tsx"],"names":[],"mappings":"AAMA,MAAM,MAAM,kBAAkB,GAAG;IAC/B,gFAAgF;IAChF,gBAAgB,EAAE,MAAM,CAAA;IACxB,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,CAAA;AAED,wBAAgB,aAAa,CAAC,EAC5B,gBAAgB,EAChB,SAAc,EACd,iBAAwB,EACxB,OAAO,GACR,EAAE,kBAAkB,2CA6BpB"}
+{"version":3,"file":"WordPressNews.d.ts","sourceRoot":"","sources":["../../../src/components/SynapseHomepageV2/WordPressNews.tsx"],"names":[],"mappings":"AAMA,MAAM,MAAM,kBAAkB,GAAG;IAC/B,gFAAgF;IAChF,gBAAgB,EAAE,MAAM,CAAA;IACxB,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,CAAA;AAED,wBAAgB,aAAa,CAAC,EAC5B,gBAAgB,EAChB,SAAc,EACd,iBAAwB,EACxB,eAAuB,EACvB,OAAO,GACR,EAAE,kBAAkB,2CA8BpB"}

package/dist/components/SynapseHomepageV2/WordPressNews.js

@@ -5,15 +5,16 @@ import { WordPressNewsItem as r } from "./WordPressNewsItem.js";
 import { Box as i } from "@mui/material";
 import { Fragment as a, jsx as o } from "react/jsx-runtime";
 //#region src/components/SynapseHomepageV2/WordPressNews.tsx
-function s({ wordpressSiteUrl: s, postCount: c = 10, showCategoryChips: l = !0, variant: u }) {
-	let { data: d } = n(s, c), { data: f } = t(s), p = new Map((f ?? []).map((e) => [e.id, e.name]));
-	return !d || d.length === 0 ? /* @__PURE__ */ o(a, {}) : /* @__PURE__ */ o(i, {
-		className: `${e.container}${u === "adkp" ? ` ${e.adkpVariant}` : ""}`,
+function s({ wordpressSiteUrl: s, postCount: c = 10, showCategoryChips: l = !0, showDescription: u = !1, variant: d }) {
+	let { data: f } = n(s, c), { data: p } = t(s), m = new Map((p ?? []).map((e) => [e.id, e.name]));
+	return !f || f.length === 0 ? /* @__PURE__ */ o(a, {}) : /* @__PURE__ */ o(i, {
+		className: `${e.container}${d === "adkp" ? ` ${e.adkpVariant}` : ""}`,
 		sx: { color: "primary.100" },
-		children: d.map((e) => /* @__PURE__ */ o(r, {
+		children: f.map((e) => /* @__PURE__ */ o(r, {
 			post: e,
-			categoryName: p.get(e.categories[0]),
-			showCategoryChip: l
+			categoryName: m.get(e.categories[0]),
+			showCategoryChip: l,
+			showDescription: u
 		}, e.id))
 	});
 }

package/dist/components/SynapseHomepageV2/WordPressNews.js.map

@@ -1 +1 @@
-{"version":3,"file":"WordPressNews.js","names":[],"sources":["../../../src/components/SynapseHomepageV2/WordPressNews.tsx"],"sourcesContent":["import { Box } from '@mui/material'\nimport { useWordPressCategories } from '../WordPress/useWordPressCategories'\nimport { useWordPressPosts } from '../WordPress/useWordPressPosts'\nimport { WordPressNewsItem } from './WordPressNewsItem'\nimport styles from './HotdropsAndNews.module.scss'\n\nexport type WordPressNewsProps = {\n  /** Base URL of the WordPress site, e.g. \"https://news.adknowledgeportal.org\" */\n  wordpressSiteUrl: string\n  /** Number of posts to display. Defaults to 10. */\n  postCount?: number\n  showCategoryChips?: boolean\n  variant?: 'adkp'\n}\n\nexport function WordPressNews({\n  wordpressSiteUrl,\n  postCount = 10,\n  showCategoryChips = true,\n  variant,\n}: WordPressNewsProps) {\n  const { data: posts } = useWordPressPosts(wordpressSiteUrl, postCount)\n  const { data: categories } = useWordPressCategories(wordpressSiteUrl)\n\n  const categoryMap = new Map<number, string>(\n    (categories ?? []).map(c => [c.id, c.name]),\n  )\n\n  if (!posts || posts.length === 0) {\n    return <></>\n  }\n\n  return (\n    <Box\n      className={`${styles.container}${\n        variant === 'adkp' ? ` ${styles.adkpVariant}` : ''\n      }`}\n      sx={{ color: 'primary.100' }}\n    >\n      {posts.map(post => (\n        <WordPressNewsItem\n          key={post.id}\n          post={post}\n          categoryName={categoryMap.get(post.categories[0])}\n          showCategoryChip={showCategoryChips}\n        />\n      ))}\n    </Box>\n  )\n}\n"],"mappings":";;;;;;;AAeA,SAAgB,EAAc,EAC5B,qBACA,eAAY,IACZ,uBAAoB,IACpB,cACqB;CACrB,IAAM,EAAE,MAAM,MAAU,EAAkB,GAAkB,CAAS,GAC/D,EAAE,MAAM,MAAe,EAAuB,CAAgB,GAE9D,IAAc,IAAI,KACrB,KAAc,CAAC,GAAG,KAAI,MAAK,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,CAC5C;CAMA,OAJI,CAAC,KAAS,EAAM,WAAW,IACtB,kBAAA,GAAA,CAAI,CAAA,IAIX,kBAAC,GAAD;EACE,WAAW,GAAG,EAAO,YACnB,MAAY,SAAS,IAAI,EAAO,gBAAgB;EAElD,IAAI,EAAE,OAAO,cAAc;YAE1B,EAAM,KAAI,MACT,kBAAC,GAAD;GAEQ;GACN,cAAc,EAAY,IAAI,EAAK,WAAW,EAAE;GAChD,kBAAkB;EACnB,GAJM,EAAK,EAIX,CACF;CACE,CAAA;AAET"}
+{"version":3,"file":"WordPressNews.js","names":[],"sources":["../../../src/components/SynapseHomepageV2/WordPressNews.tsx"],"sourcesContent":["import { Box } from '@mui/material'\nimport { useWordPressCategories } from '../WordPress/useWordPressCategories'\nimport { useWordPressPosts } from '../WordPress/useWordPressPosts'\nimport { WordPressNewsItem } from './WordPressNewsItem'\nimport styles from './HotdropsAndNews.module.scss'\n\nexport type WordPressNewsProps = {\n  /** Base URL of the WordPress site, e.g. \"https://news.adknowledgeportal.org\" */\n  wordpressSiteUrl: string\n  /** Number of posts to display. Defaults to 10. */\n  postCount?: number\n  showCategoryChips?: boolean\n  showDescription?: boolean\n  variant?: 'adkp'\n}\n\nexport function WordPressNews({\n  wordpressSiteUrl,\n  postCount = 10,\n  showCategoryChips = true,\n  showDescription = false,\n  variant,\n}: WordPressNewsProps) {\n  const { data: posts } = useWordPressPosts(wordpressSiteUrl, postCount)\n  const { data: categories } = useWordPressCategories(wordpressSiteUrl)\n\n  const categoryMap = new Map<number, string>(\n    (categories ?? []).map(c => [c.id, c.name]),\n  )\n\n  if (!posts || posts.length === 0) {\n    return <></>\n  }\n\n  return (\n    <Box\n      className={`${styles.container}${\n        variant === 'adkp' ? ` ${styles.adkpVariant}` : ''\n      }`}\n      sx={{ color: 'primary.100' }}\n    >\n      {posts.map(post => (\n        <WordPressNewsItem\n          key={post.id}\n          post={post}\n          categoryName={categoryMap.get(post.categories[0])}\n          showCategoryChip={showCategoryChips}\n          showDescription={showDescription}\n        />\n      ))}\n    </Box>\n  )\n}\n"],"mappings":";;;;;;;AAgBA,SAAgB,EAAc,EAC5B,qBACA,eAAY,IACZ,uBAAoB,IACpB,qBAAkB,IAClB,cACqB;CACrB,IAAM,EAAE,MAAM,MAAU,EAAkB,GAAkB,CAAS,GAC/D,EAAE,MAAM,MAAe,EAAuB,CAAgB,GAE9D,IAAc,IAAI,KACrB,KAAc,CAAC,GAAG,KAAI,MAAK,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,CAC5C;CAMA,OAJI,CAAC,KAAS,EAAM,WAAW,IACtB,kBAAA,GAAA,CAAI,CAAA,IAIX,kBAAC,GAAD;EACE,WAAW,GAAG,EAAO,YACnB,MAAY,SAAS,IAAI,EAAO,gBAAgB;EAElD,IAAI,EAAE,OAAO,cAAc;YAE1B,EAAM,KAAI,MACT,kBAAC,GAAD;GAEQ;GACN,cAAc,EAAY,IAAI,EAAK,WAAW,EAAE;GAChD,kBAAkB;GACD;EAClB,GALM,EAAK,EAKX,CACF;CACE,CAAA;AAET"}

package/dist/components/SynapseHomepageV2/WordPressNewsItem.d.ts

@@ -5,6 +5,9 @@ export type WordPressPost = {
     title: {
         rendered: string;
     };
+    excerpt: {
+        rendered: string;
+    };
     categories: number[];
 };
 export type WordPressCategory = {
@@ -16,6 +19,7 @@ export type WordPressNewsItemProps = {
     post: WordPressPost;
     categoryName: string | undefined;
     showCategoryChip?: boolean;
+    showDescription?: boolean;
 };
-export declare function WordPressNewsItem({ post, categoryName, showCategoryChip, }: WordPressNewsItemProps): import("react/jsx-runtime").JSX.Element;
+export declare function WordPressNewsItem({ post, categoryName, showCategoryChip, showDescription, }: WordPressNewsItemProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=WordPressNewsItem.d.ts.map

package/dist/components/SynapseHomepageV2/WordPressNewsItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WordPressNewsItem.d.ts","sourceRoot":"","sources":["../../../src/components/SynapseHomepageV2/WordPressNewsItem.tsx"],"names":[],"mappings":"AAOA,MAAM,MAAM,aAAa,GAAG;IAC1B,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE;QAAE,QAAQ,EAAE,MAAM,CAAA;KAAE,CAAA;IAC3B,UAAU,EAAE,MAAM,EAAE,CAAA;CACrB,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG;IAC9B,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;AAED,MAAM,MAAM,sBAAsB,GAAG;IACnC,IAAI,EAAE,aAAa,CAAA;IACnB,YAAY,EAAE,MAAM,GAAG,SAAS,CAAA;IAChC,gBAAgB,CAAC,EAAE,OAAO,CAAA;CAC3B,CAAA;AAED,wBAAgB,iBAAiB,CAAC,EAChC,IAAI,EACJ,YAAY,EACZ,gBAAuB,GACxB,EAAE,sBAAsB,2CA2BxB"}
+{"version":3,"file":"WordPressNewsItem.d.ts","sourceRoot":"","sources":["../../../src/components/SynapseHomepageV2/WordPressNewsItem.tsx"],"names":[],"mappings":"AAOA,MAAM,MAAM,aAAa,GAAG;IAC1B,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE;QAAE,QAAQ,EAAE,MAAM,CAAA;KAAE,CAAA;IAC3B,OAAO,EAAE;QAAE,QAAQ,EAAE,MAAM,CAAA;KAAE,CAAA;IAC7B,UAAU,EAAE,MAAM,EAAE,CAAA;CACrB,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG;IAC9B,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;AAED,MAAM,MAAM,sBAAsB,GAAG;IACnC,IAAI,EAAE,aAAa,CAAA;IACnB,YAAY,EAAE,MAAM,GAAG,SAAS,CAAA;IAChC,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B,CAAA;AAED,wBAAgB,iBAAiB,CAAC,EAChC,IAAI,EACJ,YAAY,EACZ,gBAAuB,EACvB,eAAuB,GACxB,EAAE,sBAAsB,2CAkCxB"}

package/dist/components/SynapseHomepageV2/WordPressNewsItem.js

@@ -5,7 +5,7 @@ import o from "dayjs";
 import s from "dayjs/plugin/relativeTime";
 //#region src/components/SynapseHomepageV2/WordPressNewsItem.tsx
 o.extend(s);
-function c({ post: s, categoryName: c, showCategoryChip: l = !0 }) {
+function c({ post: s, categoryName: c, showCategoryChip: l = !0, showDescription: u = !1 }) {
 	return /* @__PURE__ */ a(t, {
 		component: "a",
 		href: s.link,
@@ -14,16 +14,24 @@ function c({ post: s, categoryName: c, showCategoryChip: l = !0 }) {
 		className: e.item,
 		children: [/* @__PURE__ */ a(t, {
 			className: e.itemContent,
-			children: [/* @__PURE__ */ i(r, {
-				variant: "body1",
-				className: e.itemTitle,
-				noWrap: !0,
-				dangerouslySetInnerHTML: { __html: s.title.rendered }
-			}), /* @__PURE__ */ i(r, {
-				variant: "body1",
-				className: e.itemMeta,
-				children: o(s.date).fromNow()
-			})]
+			children: [
+				/* @__PURE__ */ i(r, {
+					variant: "body1",
+					className: e.itemTitle,
+					noWrap: !0,
+					dangerouslySetInnerHTML: { __html: s.title.rendered }
+				}),
+				/* @__PURE__ */ i(r, {
+					variant: "body1",
+					className: e.itemMeta,
+					children: o(s.date).fromNow()
+				}),
+				u && /* @__PURE__ */ i(r, {
+					variant: "body1",
+					className: e.itemDescription,
+					dangerouslySetInnerHTML: { __html: s.excerpt.rendered }
+				})
+			]
 		}), /* @__PURE__ */ i(t, {
 			className: e.itemAction,
 			children: c && l && /* @__PURE__ */ i(n, {

package/dist/components/SynapseHomepageV2/WordPressNewsItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"WordPressNewsItem.js","names":[],"sources":["../../../src/components/SynapseHomepageV2/WordPressNewsItem.tsx"],"sourcesContent":["import { Box, Chip, Typography } from '@mui/material'\nimport dayjs from 'dayjs'\nimport relativeTime from 'dayjs/plugin/relativeTime'\nimport styles from './HotdropsAndNews.module.scss'\n\ndayjs.extend(relativeTime)\n\nexport type WordPressPost = {\n  id: number\n  date: string\n  link: string\n  title: { rendered: string }\n  categories: number[]\n}\n\nexport type WordPressCategory = {\n  id: number\n  name: string\n  slug: string\n}\n\nexport type WordPressNewsItemProps = {\n  post: WordPressPost\n  categoryName: string | undefined\n  showCategoryChip?: boolean\n}\n\nexport function WordPressNewsItem({\n  post,\n  categoryName,\n  showCategoryChip = true,\n}: WordPressNewsItemProps) {\n  return (\n    <Box\n      component=\"a\"\n      href={post.link}\n      target=\"_blank\"\n      rel=\"noopener noreferrer\"\n      className={styles.item}\n    >\n      <Box className={styles.itemContent}>\n        <Typography\n          variant=\"body1\"\n          className={styles.itemTitle}\n          noWrap\n          dangerouslySetInnerHTML={{ __html: post.title.rendered }}\n        />\n        <Typography variant=\"body1\" className={styles.itemMeta}>\n          {dayjs(post.date).fromNow()}\n        </Typography>\n      </Box>\n      <Box className={styles.itemAction}>\n        {categoryName && showCategoryChip && (\n          <Chip className={styles.chip} label={categoryName} color=\"primary\" />\n        )}\n      </Box>\n    </Box>\n  )\n}\n"],"mappings":";;;;;;AAKA,EAAM,OAAO,CAAY;AAsBzB,SAAgB,EAAkB,EAChC,SACA,iBACA,sBAAmB,MACM;CACzB,OACE,kBAAC,GAAD;EACE,WAAU;EACV,MAAM,EAAK;EACX,QAAO;EACP,KAAI;EACJ,WAAW,EAAO;YALpB,CAOE,kBAAC,GAAD;GAAK,WAAW,EAAO;aAAvB,CACE,kBAAC,GAAD;IACE,SAAQ;IACR,WAAW,EAAO;IAClB,QAAA;IACA,yBAAyB,EAAE,QAAQ,EAAK,MAAM,SAAS;GACxD,CAAA,GACD,kBAAC,GAAD;IAAY,SAAQ;IAAQ,WAAW,EAAO;cAC3C,EAAM,EAAK,IAAI,EAAE,QAAQ;GAChB,CAAA,CACT;MACL,kBAAC,GAAD;GAAK,WAAW,EAAO;aACpB,KAAgB,KACf,kBAAC,GAAD;IAAM,WAAW,EAAO;IAAM,OAAO;IAAc,OAAM;GAAW,CAAA;EAEnE,CAAA,CACF;;AAET"}
+{"version":3,"file":"WordPressNewsItem.js","names":[],"sources":["../../../src/components/SynapseHomepageV2/WordPressNewsItem.tsx"],"sourcesContent":["import { Box, Chip, Typography } from '@mui/material'\nimport dayjs from 'dayjs'\nimport relativeTime from 'dayjs/plugin/relativeTime'\nimport styles from './HotdropsAndNews.module.scss'\n\ndayjs.extend(relativeTime)\n\nexport type WordPressPost = {\n  id: number\n  date: string\n  link: string\n  title: { rendered: string }\n  excerpt: { rendered: string }\n  categories: number[]\n}\n\nexport type WordPressCategory = {\n  id: number\n  name: string\n  slug: string\n}\n\nexport type WordPressNewsItemProps = {\n  post: WordPressPost\n  categoryName: string | undefined\n  showCategoryChip?: boolean\n  showDescription?: boolean\n}\n\nexport function WordPressNewsItem({\n  post,\n  categoryName,\n  showCategoryChip = true,\n  showDescription = false,\n}: WordPressNewsItemProps) {\n  return (\n    <Box\n      component=\"a\"\n      href={post.link}\n      target=\"_blank\"\n      rel=\"noopener noreferrer\"\n      className={styles.item}\n    >\n      <Box className={styles.itemContent}>\n        <Typography\n          variant=\"body1\"\n          className={styles.itemTitle}\n          noWrap\n          dangerouslySetInnerHTML={{ __html: post.title.rendered }}\n        />\n        <Typography variant=\"body1\" className={styles.itemMeta}>\n          {dayjs(post.date).fromNow()}\n        </Typography>\n        {showDescription && (\n          <Typography\n            variant=\"body1\"\n            className={styles.itemDescription}\n            dangerouslySetInnerHTML={{ __html: post.excerpt.rendered }}\n          />\n        )}\n      </Box>\n      <Box className={styles.itemAction}>\n        {categoryName && showCategoryChip && (\n          <Chip className={styles.chip} label={categoryName} color=\"primary\" />\n        )}\n      </Box>\n    </Box>\n  )\n}\n"],"mappings":";;;;;;AAKA,EAAM,OAAO,CAAY;AAwBzB,SAAgB,EAAkB,EAChC,SACA,iBACA,sBAAmB,IACnB,qBAAkB,MACO;CACzB,OACE,kBAAC,GAAD;EACE,WAAU;EACV,MAAM,EAAK;EACX,QAAO;EACP,KAAI;EACJ,WAAW,EAAO;YALpB,CAOE,kBAAC,GAAD;GAAK,WAAW,EAAO;aAAvB;IACE,kBAAC,GAAD;KACE,SAAQ;KACR,WAAW,EAAO;KAClB,QAAA;KACA,yBAAyB,EAAE,QAAQ,EAAK,MAAM,SAAS;IACxD,CAAA;IACD,kBAAC,GAAD;KAAY,SAAQ;KAAQ,WAAW,EAAO;eAC3C,EAAM,EAAK,IAAI,EAAE,QAAQ;IAChB,CAAA;IACX,KACC,kBAAC,GAAD;KACE,SAAQ;KACR,WAAW,EAAO;KAClB,yBAAyB,EAAE,QAAQ,EAAK,QAAQ,SAAS;IAC1D,CAAA;GAEA;MACL,kBAAC,GAAD;GAAK,WAAW,EAAO;aACpB,KAAgB,KACf,kBAAC,GAAD;IAAM,WAAW,EAAO;IAAM,OAAO;IAAc,OAAM;GAAW,CAAA;EAEnE,CAAA,CACF;;AAET"}

package/dist/components/SynapseTable/datasets/DatasetItemsEditor.js

@@ -3,11 +3,11 @@ import { convertToEntityType as t, entityTypeToFriendlyName as n, isDataset as r
 import { useSet as a } from "../../../utils/hooks/useSet.js";
 import "../../../utils/hooks/index.js";
 import { BlockingLoader as o } from "../../LoadingScreen/LoadingScreen.js";
+import "../../ToastMessage/index.js";
 import { useGetEntity as s, useGetEntityPath as c, useUpdateEntity as l } from "../../../synapse-queries/entity/useEntity.js";
 import "../../../synapse-queries/index.js";
 import { SkeletonTable as ee } from "../../Skeleton/SkeletonTable.js";
 import "../../Skeleton/index.js";
-import "../../ToastMessage/index.js";
 import { WarningDialog as u } from "../../SynapseForm/WarningDialog.js";
 import { WideButton as d } from "../../styled/WideButton.js";
 import f from "../../TanStackTable/ColumnHeader.js";

package/dist/components/SynapseTable/table-top/DownloadOptions.js

@@ -29,7 +29,7 @@ function x(x) {
 			menuItems: m(() => {
 				let e = [];
 				return B && e.push(/* @__PURE__ */ y(_, {
-					title: V ? "A draft version of a dataset cannot be added to the Download Cart" : null,
+					title: V ? "A draft version of a dataset cannot be added to the Download List" : null,
 					placement: "left",
 					enterNextDelay: 300,
 					describeChild: !0,