@databiosphere/findable-ui 49.5.0 → 49.6.0

package/.release-please-manifest.json

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

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # Changelog
 
+## [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/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": "49.6.0",
   "description": "",
   "scripts": {
     "test": "node --experimental-vm-modules node_modules/jest/bin/jest.js",

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");
-  });
-});