@databiosphere/findable-ui 49.2.0 → 49.4.0

package/.release-please-manifest.json

@@ -1,3 +1,3 @@
 {
-  ".": "49.2.0"
+  ".": "49.4.0"
 }

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # Changelog
 
+## [49.4.0](https://github.com/DataBiosphere/findable-ui/compare/v49.3.0...v49.4.0) (2026-03-04)
+
+
+### Features
+
+* add tracking to research mode submit ([#812](https://github.com/DataBiosphere/findable-ui/issues/812)) ([#813](https://github.com/DataBiosphere/findable-ui/issues/813)) ([de4fac9](https://github.com/DataBiosphere/findable-ui/commit/de4fac9690dadd441fa14b5edafe8691f0bc5ebb))
+
+## [49.3.0](https://github.com/DataBiosphere/findable-ui/compare/v49.2.0...v49.3.0) (2026-03-02)
+
+
+### Features
+
+* render the research toggle button after the search toggle ([#809](https://github.com/DataBiosphere/findable-ui/issues/809)) ([#810](https://github.com/DataBiosphere/findable-ui/issues/810)) ([88ae5e5](https://github.com/DataBiosphere/findable-ui/commit/88ae5e5887b75cec3729a556bc7672c7842aa340))
+
 ## [49.2.0](https://github.com/DataBiosphere/findable-ui/compare/v49.1.0...v49.2.0) (2026-03-02)
 
 

package/lib/common/analytics/analytics.d.ts

@@ -10,8 +10,15 @@ export declare function getDataLayer(): DataLayer | undefined;
  */
 export declare function getGTMId(): string | undefined;
 /**
- * Send custom event to GTM.
+ * Sends a custom event to GTM without params.
+ * @param eventName - Event name.
+ * @returns void.
+ */
+export declare function track(eventName: Exclude<EVENT_NAME, keyof EventParams>): void;
+/**
+ * Sends a custom event to GTM with params.
  * @param eventName - Event name.
  * @param params - Event params.
+ * @returns void.
  */
-export declare function track(eventName: EVENT_NAME, params: EventParams[typeof eventName]): void;
+export declare function track<E extends keyof EventParams>(eventName: E, params: EventParams[E]): void;

package/lib/common/analytics/analytics.js

@@ -20,15 +20,10 @@ export function getGTMId() {
 function isTrackingEnabled() {
     return !!getDataLayer();
 }
-/**
- * Send custom event to GTM.
- * @param eventName - Event name.
- * @param params - Event params.
- */
 export function track(eventName, params) {
     if (!isTrackingEnabled()) {
         return;
     }
-    const event = { event: eventName, params: params };
+    const event = { event: eventName, params };
     getDataLayer().push(event);
 }

package/lib/common/analytics/entities.d.ts

@@ -4,6 +4,7 @@ export type DataLayer = any;
  */
 export declare enum EVENT_NAME {
     BULK_DOWNLOAD_REQUESTED = "bulk_download_requested",
+    CHAT_SUBMITTED = "chat_submitted",
     ENTITY_SELECTED = "entity_selected",
     ENTITY_TABLE_PAGINATED = "entity_table_paginated",
     ENTITY_TABLE_SORTED = "entity_table_sorted",

package/lib/common/analytics/entities.js

@@ -4,6 +4,7 @@
 export var EVENT_NAME;
 (function (EVENT_NAME) {
     EVENT_NAME["BULK_DOWNLOAD_REQUESTED"] = "bulk_download_requested";
+    EVENT_NAME["CHAT_SUBMITTED"] = "chat_submitted";
     EVENT_NAME["ENTITY_SELECTED"] = "entity_selected";
     EVENT_NAME["ENTITY_TABLE_PAGINATED"] = "entity_table_paginated";
     EVENT_NAME["ENTITY_TABLE_SORTED"] = "entity_table_sorted";

package/lib/views/ExploreView/entityList/filters/components/ToggleButtonGroup/toggleButtonGroup.js

@@ -13,5 +13,5 @@ export const ToggleButtonGroup = () => {
     const { routes } = useAiRoutes() || {};
     if (!routes)
         return null;
-    return (_jsx(StyledBox, { children: _jsxs(StyledToggleButtonGroup, { exclusive: true, children: [_jsxs(ToggleButton, { component: Link, href: routes.research, value: "research", children: ["Research ", _jsx(Beta, {})] }), _jsx(ToggleButton, { component: Link, href: routes.search, selected: true, value: "search", children: "Search" })] }) }));
+    return (_jsx(StyledBox, { children: _jsxs(StyledToggleButtonGroup, { exclusive: true, children: [_jsx(ToggleButton, { component: Link, href: routes.search, selected: true, value: "search", children: "Search" }), _jsxs(ToggleButton, { component: Link, href: routes.research, value: "research", children: ["Research ", _jsx(Beta, {})] })] }) }));
 };

package/lib/views/ResearchView/assistant/components/ToggleButtonGroup/toggleButtonGroup.js

@@ -12,5 +12,5 @@ export const ToggleButtonGroup = () => {
     const { routes } = useAiRoutes() || {};
     if (!routes)
         return null;
-    return (_jsx(StyledBox, { children: _jsxs(StyledToggleButtonGroup, { exclusive: true, children: [_jsxs(ToggleButton, { component: Link, href: routes.research, selected: true, value: "research", children: ["Research ", _jsx(Beta, {})] }), _jsx(ToggleButton, { component: Link, href: routes.search, value: "search", children: "Search" })] }) }));
+    return (_jsx(StyledBox, { children: _jsxs(StyledToggleButtonGroup, { exclusive: true, children: [_jsx(ToggleButton, { component: Link, href: routes.search, value: "search", children: "Search" }), _jsxs(ToggleButton, { component: Link, href: routes.research, selected: true, value: "research", children: ["Research ", _jsx(Beta, {})] })] }) }));
 };

package/lib/views/ResearchView/state/query/hooks/UseSubmit/hook.js

@@ -1,6 +1,8 @@
 import { useCallback, useRef } from "react";
 import { fetchResponse } from "../../../../query/fetch";
 import { useChatDispatch } from "../../../hooks/UseChatDispatch/hook";
+import { track } from "../../../../../../common/analytics/analytics";
+import { EVENT_NAME } from "../../../../../../common/analytics/entities";
 /**
  * Hook that manages query submission and abort lifecycle.
  * @param url - The API URL to send queries to.
@@ -16,6 +18,8 @@ export const useSubmit = (url) => {
         const { query } = payload;
         if (!query)
             return;
+        // Tracking chat submission event.
+        track(EVENT_NAME.CHAT_SUBMITTED);
         const form = e.currentTarget;
         // Dispatch query and loading state.
         dispatch.onSetQuery(query);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@databiosphere/findable-ui",
-  "version": "49.2.0",
+  "version": "49.4.0",
   "description": "",
   "scripts": {
     "test": "node --experimental-vm-modules node_modules/jest/bin/jest.js",

package/src/common/analytics/analytics.ts

@@ -26,17 +26,25 @@ function isTrackingEnabled(): boolean {
 }
 
 /**
- * Send custom event to GTM.
+ * Sends a custom event to GTM without params.
+ * @param eventName - Event name.
+ * @returns void.
+ */
+export function track(eventName: Exclude<EVENT_NAME, keyof EventParams>): void;
+/**
+ * Sends a custom event to GTM with params.
  * @param eventName - Event name.
  * @param params - Event params.
+ * @returns void.
  */
-export function track(
-  eventName: EVENT_NAME,
-  params: EventParams[typeof eventName],
-): void {
+export function track<E extends keyof EventParams>(
+  eventName: E,
+  params: EventParams[E],
+): void;
+export function track(eventName: EVENT_NAME, params?: unknown): void {
   if (!isTrackingEnabled()) {
     return;
   }
-  const event = { event: eventName, params: params };
+  const event = { event: eventName, params };
   getDataLayer().push(event);
 }

package/src/common/analytics/entities.ts

@@ -6,6 +6,7 @@ export type DataLayer = any;
  */
 export enum EVENT_NAME {
   BULK_DOWNLOAD_REQUESTED = "bulk_download_requested",
+  CHAT_SUBMITTED = "chat_submitted",
   ENTITY_SELECTED = "entity_selected",
   ENTITY_TABLE_PAGINATED = "entity_table_paginated",
   ENTITY_TABLE_SORTED = "entity_table_sorted",

package/src/views/ExploreView/entityList/filters/components/ToggleButtonGroup/toggleButtonGroup.tsx

@@ -18,9 +18,6 @@ export const ToggleButtonGroup = (): JSX.Element | null => {
   return (
     <StyledBox>
       <StyledToggleButtonGroup exclusive>
-        <ToggleButton component={Link} href={routes.research} value="research">
-          Research <Beta />
-        </ToggleButton>
         <ToggleButton
           component={Link}
           href={routes.search}
@@ -29,6 +26,9 @@ export const ToggleButtonGroup = (): JSX.Element | null => {
         >
           Search
         </ToggleButton>
+        <ToggleButton component={Link} href={routes.research} value="research">
+          Research <Beta />
+        </ToggleButton>
       </StyledToggleButtonGroup>
     </StyledBox>
   );

package/src/views/ResearchView/assistant/components/ToggleButtonGroup/toggleButtonGroup.tsx

@@ -17,6 +17,9 @@ export const ToggleButtonGroup = (): JSX.Element | null => {
   return (
     <StyledBox>
       <StyledToggleButtonGroup exclusive>
+        <ToggleButton component={Link} href={routes.search} value="search">
+          Search
+        </ToggleButton>
         <ToggleButton
           component={Link}
           href={routes.research}
@@ -25,9 +28,6 @@ export const ToggleButtonGroup = (): JSX.Element | null => {
         >
           Research <Beta />
         </ToggleButton>
-        <ToggleButton component={Link} href={routes.search} value="search">
-          Search
-        </ToggleButton>
       </StyledToggleButtonGroup>
     </StyledBox>
   );

package/src/views/ResearchView/state/query/hooks/UseSubmit/hook.ts

@@ -7,6 +7,8 @@ import {
   OnSubmitPayload,
   QueryContextValue,
 } from "../../types";
+import { track } from "../../../../../../common/analytics/analytics";
+import { EVENT_NAME } from "../../../../../../common/analytics/entities";
 
 /**
  * Hook that manages query submission and abort lifecycle.
@@ -30,6 +32,9 @@ export const useSubmit = (url: string): Pick<QueryContextValue, "onSubmit"> => {
       const { query } = payload;
       if (!query) return;
 
+      // Tracking chat submission event.
+      track(EVENT_NAME.CHAT_SUBMITTED);
+
       const form = e.currentTarget;
 
       // Dispatch query and loading state.