@databiosphere/findable-ui 49.5.0 → 50.0.0

package/.release-please-manifest.json

@@ -1,3 +1,3 @@
 {
-  ".": "49.5.0"
+  ".": "50.0.0"
 }

package/CHANGELOG.md

@@ -1,5 +1,30 @@
 # Changelog
 
+## [50.0.0](https://github.com/DataBiosphere/findable-ui/compare/v49.6.0...v50.0.0) (2026-03-20)
+
+
+### ⚠ BREAKING CHANGES
+
+* update minor dependencies to resolve npm audit vulnerabilities ([#828](https://github.com/DataBiosphere/findable-ui/issues/828))
+
+### Bug Fixes
+
+* update 'open to terra' button to be a href ([#825](https://github.com/DataBiosphere/findable-ui/issues/825)) ([#826](https://github.com/DataBiosphere/findable-ui/issues/826)) ([49f686a](https://github.com/DataBiosphere/findable-ui/commit/49f686ac3eae32c9dbe3dfb1762f5c7a62a1ed12))
+* update nih account title to include researcher auth service (ras) ([#832](https://github.com/DataBiosphere/findable-ui/issues/832)) ([#833](https://github.com/DataBiosphere/findable-ui/issues/833)) ([bc424e6](https://github.com/DataBiosphere/findable-ui/commit/bc424e66e2babe513faf12302070bec67554d4be))
+
+
+### Chores
+
+* update minor dependencies to resolve npm audit vulnerabilities ([#827](https://github.com/DataBiosphere/findable-ui/issues/827)) ([954fe91](https://github.com/DataBiosphere/findable-ui/commit/954fe91ff941bb0abfedcb5dd0e10d773d6b5cd4))
+* update minor dependencies to resolve npm audit vulnerabilities ([#828](https://github.com/DataBiosphere/findable-ui/issues/828)) ([954fe91](https://github.com/DataBiosphere/findable-ui/commit/954fe91ff941bb0abfedcb5dd0e10d773d6b5cd4))
+
+## [49.6.0](https://github.com/DataBiosphere/findable-ui/compare/v49.5.0...v49.6.0) (2026-03-12)
+
+
+### Features
+
+* drop extracted mentions and mappings from chat response display ([#822](https://github.com/DataBiosphere/findable-ui/issues/822)) ([#823](https://github.com/DataBiosphere/findable-ui/issues/823)) ([a8a33e8](https://github.com/DataBiosphere/findable-ui/commit/a8a33e86a44f5707b15da60e585b8e25010e6d94))
+
 ## [49.5.0](https://github.com/DataBiosphere/findable-ui/compare/v49.4.1...v49.5.0) (2026-03-12)
 
 

package/lib/components/Export/components/ExportToTerra/components/ExportToTerraReady/exportToTerraReady.js

@@ -1,11 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ButtonPrimary } from "../../../../../common/Button/components/ButtonPrimary/buttonPrimary";
 import { FluidPaper } from "../../../../../common/Paper/paper.styles";
 import { ANCHOR_TARGET, REL_ATTRIBUTE, } from "../../../../../Links/common/entities";
 import { Section, SectionActions, SectionContent, } from "../../../../export.styles";
+import { BUTTON_PROPS } from "../../../../../../styles/common/mui/button";
+import { Button, Link } from "@mui/material";
 export const ExportToTerraReady = ({ ExportToTerraSuccess, exportURL, }) => {
-    const onOpenTerra = () => {
-        window.open(exportURL, ANCHOR_TARGET.BLANK, REL_ATTRIBUTE.NO_OPENER_NO_REFERRER);
-    };
-    return (_jsx(FluidPaper, { children: _jsxs(Section, { children: [_jsx(SectionContent, { children: _jsx(ExportToTerraSuccess, {}) }), _jsx(SectionActions, { children: _jsx(ButtonPrimary, { onClick: onOpenTerra, children: "Open Terra" }) })] }) }));
+    return (_jsx(FluidPaper, { children: _jsxs(Section, { children: [_jsx(SectionContent, { children: _jsx(ExportToTerraSuccess, {}) }), _jsx(SectionActions, { children: _jsx(Button, { color: BUTTON_PROPS.COLOR.PRIMARY, component: Link, href: exportURL, rel: REL_ATTRIBUTE.NO_OPENER_NO_REFERRER, target: ANCHOR_TARGET.BLANK, variant: BUTTON_PROPS.VARIANT.CONTAINED, children: "Open Terra" }) })] }) }));
 };

package/lib/components/Export/components/ExportToTerra/components/TerraSetUpForm/components/FormStep/components/ConnectTerraToNIHAccount/connectTerraToNIHAccount.js

@@ -6,5 +6,5 @@ export const ConnectTerraToNIHAccount = ({ active, completed, step, }) => {
     const onGotoTutorial = () => {
         window.open("https://support.terra.bio/hc/en-us/articles/32634034451099-RAS-Integration-for-AnVIL-Data-Launching-3-25-26", ANCHOR_TARGET.BLANK, REL_ATTRIBUTE.NO_OPENER_NO_REFERRER);
     };
-    return (_jsx(FormStep, { action: _jsx(ButtonPrimary, { onClick: onGotoTutorial, children: "Go to Tutorial" }), active: active, completed: completed, step: step, text: _jsx("p", { children: "Next, connect your Terra account to your NIH account by following the tutorial below." }), title: "Connect Terra to your NIH account" }));
+    return (_jsx(FormStep, { action: _jsx(ButtonPrimary, { onClick: onGotoTutorial, children: "Go to Tutorial" }), active: active, completed: completed, step: step, text: _jsx("p", { children: "Next, connect your Terra account to your NIH Researcher Auth Service (RAS) account by following the tutorial below." }), title: "Connect Terra to your NIH Researcher Auth Service (RAS) account" }));
 };

package/lib/views/ResearchView/assistant/components/Messages/components/AssistantMessage/assistantMessage.d.ts

@@ -4,6 +4,6 @@ import { AssistantMessageProps } from "./types";
  * Renders an assistant message.
  * @param props - Component props.
  * @param props.message - Assistant message.
- * @returns The assistant message element.
+ * @returns The assistant message element, or null if there is no message.
  */
-export declare const AssistantMessage: ({ message, }: AssistantMessageProps) => JSX.Element;
+export declare const AssistantMessage: ({ message, }: AssistantMessageProps) => JSX.Element | null;

package/lib/views/ResearchView/assistant/components/Messages/components/AssistantMessage/assistantMessage.js

@@ -1,15 +1,14 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Stack, Typography } from "@mui/material";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Typography } from "@mui/material";
 import { TYPOGRAPHY_PROPS } from "../../../../../../../styles/common/mui/typography";
-import { getMappings, getMentions } from "./utils";
 /**
  * Renders an assistant message.
  * @param props - Component props.
  * @param props.message - Assistant message.
- * @returns The assistant message element.
+ * @returns The assistant message element, or null if there is no message.
  */
 export const AssistantMessage = ({ message, }) => {
-    const mentions = getMentions(message);
-    const mappings = getMappings(message);
-    return (_jsxs(Stack, { gap: 2, useFlexGap: true, children: [message.response.message && (_jsx(Typography, { variant: TYPOGRAPHY_PROPS.VARIANT.BODY_400, children: message.response.message })), mentions && (_jsxs(Typography, { variant: TYPOGRAPHY_PROPS.VARIANT.BODY_SMALL_400, children: [_jsx(Typography, { color: TYPOGRAPHY_PROPS.COLOR.INK_LIGHT, variant: TYPOGRAPHY_PROPS.VARIANT.BODY_SMALL_500, children: "Extracted mentions:" }), " ", mentions] })), mappings && (_jsxs(Typography, { variant: TYPOGRAPHY_PROPS.VARIANT.BODY_SMALL_400, children: [_jsx(Typography, { color: TYPOGRAPHY_PROPS.COLOR.INK_LIGHT, variant: TYPOGRAPHY_PROPS.VARIANT.BODY_SMALL_500, children: "Extracted mappings:" }), " ", mappings] }))] }));
+    if (!message.response.message)
+        return null;
+    return (_jsx(Typography, { variant: TYPOGRAPHY_PROPS.VARIANT.BODY_400, children: message.response.message }));
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@databiosphere/findable-ui",
-  "version": "49.5.0",
+  "version": "50.0.0",
   "description": "",
   "scripts": {
     "test": "node --experimental-vm-modules node_modules/jest/bin/jest.js",
@@ -25,7 +25,7 @@
     "@commitlint/cli": "^20.2.0",
     "@commitlint/config-conventional": "^20.2.0",
     "@emotion/jest": "^11.14.2",
-    "@next/eslint-plugin-next": "^15.5.9",
+    "@next/eslint-plugin-next": "^15.5.13",
     "@storybook/nextjs-vite": "^10.1.10",
     "@testing-library/react": "^16.3.1",
     "@types/d3": "^7.4.3",
@@ -36,7 +36,7 @@
     "@types/react-window": "^1.8.5",
     "@typescript-eslint/eslint-plugin": "^8.50.0",
     "eslint": "^8.57.1",
-    "eslint-config-next": "^15.5.9",
+    "eslint-config-next": "^15.5.13",
     "eslint-config-prettier": "^10.1.8",
     "eslint-plugin-eslint-comments": "^3.2.0",
     "eslint-plugin-jsdoc": "^61.5.0",
@@ -69,7 +69,7 @@
     "gray-matter": "^4.0.3",
     "isomorphic-dompurify": "^2.34.0",
     "ky": "^1.7.2",
-    "next": "^15.5.9",
+    "next": "^15.5.13",
     "next-auth": "^4.24.13",
     "next-mdx-remote": "^5.0.0",
     "react": "^19.2.3",

package/src/components/Export/components/ExportToTerra/components/ExportToTerraReady/exportToTerraReady.tsx

@@ -1,5 +1,4 @@
 import { JSX, ElementType } from "react";
-import { ButtonPrimary } from "../../../../../common/Button/components/ButtonPrimary/buttonPrimary";
 import { FluidPaper } from "../../../../../common/Paper/paper.styles";
 import {
   ANCHOR_TARGET,
@@ -10,6 +9,8 @@ import {
   SectionActions,
   SectionContent,
 } from "../../../../export.styles";
+import { BUTTON_PROPS } from "../../../../../../styles/common/mui/button";
+import { Button, Link } from "@mui/material";
 
 export interface ExportToTerraReadyProps {
   ExportToTerraSuccess: ElementType;
@@ -20,13 +21,6 @@ export const ExportToTerraReady = ({
   ExportToTerraSuccess,
   exportURL,
 }: ExportToTerraReadyProps): JSX.Element => {
-  const onOpenTerra = (): void => {
-    window.open(
-      exportURL,
-      ANCHOR_TARGET.BLANK,
-      REL_ATTRIBUTE.NO_OPENER_NO_REFERRER,
-    );
-  };
   return (
     <FluidPaper>
       <Section>
@@ -34,7 +28,16 @@ export const ExportToTerraReady = ({
           <ExportToTerraSuccess />
         </SectionContent>
         <SectionActions>
-          <ButtonPrimary onClick={onOpenTerra}>Open Terra</ButtonPrimary>
+          <Button
+            color={BUTTON_PROPS.COLOR.PRIMARY}
+            component={Link}
+            href={exportURL}
+            rel={REL_ATTRIBUTE.NO_OPENER_NO_REFERRER}
+            target={ANCHOR_TARGET.BLANK}
+            variant={BUTTON_PROPS.VARIANT.CONTAINED}
+          >
+            Open Terra
+          </Button>
         </SectionActions>
       </Section>
     </FluidPaper>

package/src/components/Export/components/ExportToTerra/components/TerraSetUpForm/components/FormStep/components/ConnectTerraToNIHAccount/connectTerraToNIHAccount.tsx

@@ -34,11 +34,11 @@ export const ConnectTerraToNIHAccount = ({
       step={step}
       text={
         <p>
-          Next, connect your Terra account to your NIH account by following the
-          tutorial below.
+          Next, connect your Terra account to your NIH Researcher Auth Service
+          (RAS) account by following the tutorial below.
         </p>
       }
-      title="Connect Terra to your NIH account"
+      title="Connect Terra to your NIH Researcher Auth Service (RAS) account"
     />
   );
 };

package/src/views/ResearchView/assistant/components/Messages/components/AssistantMessage/assistantMessage.tsx

@@ -1,49 +1,21 @@
-import { Stack, Typography } from "@mui/material";
+import { Typography } from "@mui/material";
 import { JSX } from "react";
 import { AssistantMessageProps } from "./types";
 import { TYPOGRAPHY_PROPS } from "../../../../../../../styles/common/mui/typography";
-import { getMappings, getMentions } from "./utils";
 
 /**
  * Renders an assistant message.
  * @param props - Component props.
  * @param props.message - Assistant message.
- * @returns The assistant message element.
+ * @returns The assistant message element, or null if there is no message.
  */
 export const AssistantMessage = ({
   message,
-}: AssistantMessageProps): JSX.Element => {
-  const mentions = getMentions(message);
-  const mappings = getMappings(message);
+}: AssistantMessageProps): JSX.Element | null => {
+  if (!message.response.message) return null;
   return (
-    <Stack gap={2} useFlexGap>
-      {message.response.message && (
-        <Typography variant={TYPOGRAPHY_PROPS.VARIANT.BODY_400}>
-          {message.response.message}
-        </Typography>
-      )}
-      {mentions && (
-        <Typography variant={TYPOGRAPHY_PROPS.VARIANT.BODY_SMALL_400}>
-          <Typography
-            color={TYPOGRAPHY_PROPS.COLOR.INK_LIGHT}
-            variant={TYPOGRAPHY_PROPS.VARIANT.BODY_SMALL_500}
-          >
-            Extracted mentions:
-          </Typography>{" "}
-          {mentions}
-        </Typography>
-      )}
-      {mappings && (
-        <Typography variant={TYPOGRAPHY_PROPS.VARIANT.BODY_SMALL_400}>
-          <Typography
-            color={TYPOGRAPHY_PROPS.COLOR.INK_LIGHT}
-            variant={TYPOGRAPHY_PROPS.VARIANT.BODY_SMALL_500}
-          >
-            Extracted mappings:
-          </Typography>{" "}
-          {mappings}
-        </Typography>
-      )}
-    </Stack>
+    <Typography variant={TYPOGRAPHY_PROPS.VARIANT.BODY_400}>
+      {message.response.message}
+    </Typography>
   );
 };

package/lib/views/ResearchView/assistant/components/Messages/components/AssistantMessage/utils.d.ts

@@ -1,13 +0,0 @@
-import { AssistantMessage } from "../../../../../state/types";
-/**
- * Formats mention mappings from an assistant message as a readable string.
- * @param message - Assistant message containing response mentions.
- * @returns Formatted facet-value mappings separated by slashes, or empty string if no mentions.
- */
-export declare function getMappings(message: AssistantMessage): string;
-/**
- * Extracts original mention text from an assistant message.
- * @param message - Assistant message containing response mentions.
- * @returns Comma-separated original mention text, or empty string if no mentions.
- */
-export declare function getMentions(message: AssistantMessage): string;

package/lib/views/ResearchView/assistant/components/Messages/components/AssistantMessage/utils.js

@@ -1,25 +0,0 @@
-/**
- * Formats mention mappings from an assistant message as a readable string.
- * @param message - Assistant message containing response mentions.
- * @returns Formatted facet-value mappings separated by slashes, or empty string if no mentions.
- */
-export function getMappings(message) {
-    const mappings = message.response.query.mentions.reduce((acc, m) => {
-        const key = m.exclude ? `${m.facet} (exclude)` : m.facet;
-        acc[key] = [...(acc[key] || []), ...m.values];
-        return acc;
-    }, {});
-    return Object.entries(mappings)
-        .map(([facet, values]) => `${facet}: ${values.join(", ")}`)
-        .join(" / ");
-}
-/**
- * Extracts original mention text from an assistant message.
- * @param message - Assistant message containing response mentions.
- * @returns Comma-separated original mention text, or empty string if no mentions.
- */
-export function getMentions(message) {
-    return message.response.query.mentions
-        .map((mention) => mention.originalText)
-        .join(", ");
-}

package/src/views/ResearchView/assistant/components/Messages/components/AssistantMessage/utils.ts

@@ -1,31 +0,0 @@
-import { AssistantMessage } from "../../../../../state/types";
-
-/**
- * Formats mention mappings from an assistant message as a readable string.
- * @param message - Assistant message containing response mentions.
- * @returns Formatted facet-value mappings separated by slashes, or empty string if no mentions.
- */
-export function getMappings(message: AssistantMessage): string {
-  const mappings = message.response.query.mentions.reduce<
-    Record<string, string[]>
-  >((acc, m) => {
-    const key = m.exclude ? `${m.facet} (exclude)` : m.facet;
-    acc[key] = [...(acc[key] || []), ...m.values];
-    return acc;
-  }, {});
-
-  return Object.entries(mappings)
-    .map(([facet, values]) => `${facet}: ${values.join(", ")}`)
-    .join(" / ");
-}
-
-/**
- * Extracts original mention text from an assistant message.
- * @param message - Assistant message containing response mentions.
- * @returns Comma-separated original mention text, or empty string if no mentions.
- */
-export function getMentions(message: AssistantMessage): string {
-  return message.response.query.mentions
-    .map((mention) => mention.originalText)
-    .join(", ");
-}

package/tests/research.assistantMessageUtils.test.ts

@@ -1,149 +0,0 @@
-import {
-  getMappings,
-  getMentions,
-} from "../src/views/ResearchView/assistant/components/Messages/components/AssistantMessage/utils";
-import {
-  AssistantMessage,
-  MESSAGE_TYPE,
-} from "../src/views/ResearchView/state/types";
-
-/**
- * Creates a mock AssistantMessage with the given mentions.
- * @param mentions - Array of mention objects.
- * @returns A mock AssistantMessage.
- */
-function mockMessage(
-  mentions: AssistantMessage["response"]["query"]["mentions"],
-): AssistantMessage {
-  return {
-    createdAt: Date.now(),
-    response: {
-      intent: "auto",
-      message: null,
-      query: {
-        mentions,
-        message: null,
-      },
-      timing: {
-        lookupMs: 0,
-        pipelineMs: 0,
-        totalMs: 0,
-      },
-    },
-    type: MESSAGE_TYPE.ASSISTANT,
-  };
-}
-
-describe("getMappings", () => {
-  it("returns empty string for empty mentions", () => {
-    expect(getMappings(mockMessage([]))).toBe("");
-  });
-
-  it("formats a single mention", () => {
-    const message = mockMessage([
-      {
-        exclude: false,
-        facet: "disease",
-        originalText: "T2D",
-        values: ["T2D"],
-      },
-    ]);
-    expect(getMappings(message)).toBe("disease: T2D");
-  });
-
-  it("formats a mention with multiple values", () => {
-    const message = mockMessage([
-      {
-        exclude: false,
-        facet: "disease",
-        originalText: "cancer",
-        values: ["lung cancer", "breast cancer"],
-      },
-    ]);
-    expect(getMappings(message)).toBe("disease: lung cancer, breast cancer");
-  });
-
-  it("groups mentions by facet", () => {
-    const message = mockMessage([
-      {
-        exclude: false,
-        facet: "disease",
-        originalText: "T2D",
-        values: ["T2D"],
-      },
-      {
-        exclude: false,
-        facet: "disease",
-        originalText: "T1D",
-        values: ["T1D"],
-      },
-    ]);
-    expect(getMappings(message)).toBe("disease: T2D, T1D");
-  });
-
-  it("separates different facets with slashes", () => {
-    const message = mockMessage([
-      {
-        exclude: false,
-        facet: "disease",
-        originalText: "T2D",
-        values: ["T2D"],
-      },
-      {
-        exclude: false,
-        facet: "data_type",
-        originalText: "WGS",
-        values: ["WGS"],
-      },
-    ]);
-    expect(getMappings(message)).toBe("disease: T2D / data_type: WGS");
-  });
-
-  it("marks excluded facets", () => {
-    const message = mockMessage([
-      {
-        exclude: true,
-        facet: "disease",
-        originalText: "T2D",
-        values: ["T2D"],
-      },
-    ]);
-    expect(getMappings(message)).toBe("disease (exclude): T2D");
-  });
-});
-
-describe("getMentions", () => {
-  it("returns empty string for empty mentions", () => {
-    expect(getMentions(mockMessage([]))).toBe("");
-  });
-
-  it("returns original text for a single mention", () => {
-    const message = mockMessage([
-      {
-        exclude: false,
-        facet: "disease",
-        originalText: "T2D",
-        values: ["T2D"],
-      },
-    ]);
-    expect(getMentions(message)).toBe("T2D");
-  });
-
-  it("joins multiple mentions with commas", () => {
-    const message = mockMessage([
-      {
-        exclude: false,
-        facet: "disease",
-        originalText: "T2D",
-        values: ["T2D"],
-      },
-      {
-        exclude: false,
-        facet: "data_type",
-        originalText: "WGS",
-        values: ["WGS"],
-      },
-    ]);
-    expect(getMentions(message)).toBe("T2D, WGS");
-  });
-});