@truedat/ai 8.7.0 → 8.7.2

package/src/components/actions/ActionForm.js

@@ -9,7 +9,7 @@ import { linkTo } from "@truedat/core/routes";
 import { useAgents } from "@truedat/auth/hooks/useUsers";
 
 const SelectableDynamicForm = lazy(
-  () => import("@truedat/df/components/SelectableDynamicForm")
+  () => import("@truedat/df/components/SelectableDynamicForm"),
 );
 
 const ActionForm = ({

package/src/components/actions/ActionsContext.js

@@ -32,7 +32,7 @@ export const ActionsContextProvider = (props) => {
   }, [defaultFilters]);
 
   const searchData = _.flow(
-    _.orderBy([sortColumn], [sortDirection == "ascending" ? "asc" : "desc"])
+    _.orderBy([sortColumn], [sortDirection == "ascending" ? "asc" : "desc"]),
   )(rawData);
 
   const context = {

package/src/components/actions/ActionsTable.js

@@ -95,7 +95,7 @@ export const ActionsTable = () => {
                   setSortDirection,
                   setSortColumn,
                   sortDirection,
-                  sortColumn
+                  sortColumn,
                 )
               }
             />

package/src/components/actions/__tests__/ActionsTable.spec.js

@@ -45,7 +45,7 @@ describe("<ActionsTable />", () => {
     const { container } = render(
       <ActionsContextProvider {...searchProps}>
         <ActionsTable />
-      </ActionsContextProvider>
+      </ActionsContextProvider>,
     );
     expect(container).toMatchSnapshot();
   });

package/src/components/aiSandbox/AiSandbox.js

@@ -38,7 +38,7 @@ export default function AiSandbox() {
       key: id,
       text: `${name} - ${type}`,
       value: id,
-    }))
+    })),
   )(data);
 
   return (
@@ -94,7 +94,7 @@ export default function AiSandbox() {
                 <CommentText>{content}</CommentText>
               </CommentContent>
             </Comment>
-          )
+          ),
         )}
       </CommentGroup>
       {selectedProvider ? (

package/src/components/aiSandbox/RequestForm.js

@@ -31,7 +31,7 @@ export default function AiSandbox({ provider, messages, setMessages }) {
           setMessages([
             ...requestMessages,
             { role: "assistant", content: data },
-          ])
+          ]),
         )
         .catch((response) => {
           const content = _.propOr("Error", "response.data.error")(response);

package/src/components/assistant/Assistant.js

@@ -5,9 +5,9 @@ import { useIntl } from "react-intl";
 import { useNavigate } from "react-router";
 import truedatLogo from "assets/truedat-logo-home-no-text.png";
 
+import useAgentConversations from "../../hooks/useAgentConversations";
 import useAssistantSocket from "./hooks/useAssistantSocket";
 import useAgentConversation from "./hooks/useAgentConversation";
-import useAgentConversations from "../../hooks/useAgentConversations";
 import AssistantChat from "./AssistantChat";
 
 const EMPTY_CONVERSATION = [];
@@ -30,7 +30,8 @@ const Assistant = () => {
   const [isClosing, setIsClosing] = useState(false);
   const { conversationId, startNewConversation, selectConversation } =
     useAgentConversation(isOpen);
-  const { conversations, refresh: refreshConversations } = useAgentConversations();
+  const { conversations, refresh: refreshConversations } =
+    useAgentConversations();
   const [conversation, setConversation] = useState(EMPTY_CONVERSATION);
   const [conversationTitle, setConversationTitle] = useState(null);
 
@@ -59,7 +60,7 @@ const Assistant = () => {
       if (conversationId != null) {
         setConversation(EMPTY_CONVERSATION);
         const fromList = conversations.find(
-          (c) => String(c.id) === String(conversationId)
+          (c) => String(c.id) === String(conversationId),
         );
         setConversationTitle(fromList?.title ?? null);
       }
@@ -119,7 +120,7 @@ const Assistant = () => {
       conversations.some((c) => String(c.id) === String(conversationId));
     navigate(
       AI_ASSISTANT_PATH,
-      isInteracted ? { state: { conversationId } } : undefined
+      isInteracted ? { state: { conversationId } } : undefined,
     );
   }, [navigate, conversationId, conversations]);
 
@@ -148,9 +149,10 @@ const Assistant = () => {
   const currentTitle = useMemo(
     () =>
       conversationTitle ??
-      conversations.find((c) => String(c.id) === String(conversationId))?.title ??
+      conversations.find((c) => String(c.id) === String(conversationId))
+        ?.title ??
       null,
-    [conversationTitle, conversationId, conversations]
+    [conversationTitle, conversationId, conversations],
   );
   const { socketReady, sendPrompt } = useAssistantSocket(disableTdAi, {
     conversationId: effectiveConversationId,

package/src/components/assistant/AssistantChat.js

@@ -92,6 +92,7 @@ function isThinkingStreamMessage(msg) {
  * Converts a flat list of visible messages into render items:
  * consecutive log messages (and inline thinking errors) are bundled into a "thinking-block".
  */
+/* eslint-disable fp/no-let, fp/no-mutation */
 function buildRenderItems(messages) {
   const result = [];
   let logBuffer = [];
@@ -132,6 +133,7 @@ function buildRenderItems(messages) {
   }
   return result;
 }
+/* eslint-enable fp/no-let, fp/no-mutation */
 
 const AssistantChat = ({
   conversation,
@@ -167,11 +169,13 @@ const AssistantChat = ({
     // overflow:hidden means no scrollbar → stable width → reliable scrollHeight in one read.
     // overflow:auto only once content exceeds the max line count, when height is already
     // capped so the scrollbar cannot trigger further reflow.
+    /* eslint-disable fp/no-mutation */
     el.style.overflowY = "hidden";
     el.style.height = "auto";
     const h = Math.min(el.scrollHeight, maxHeight);
     el.style.height = `${h}px`;
     el.style.overflowY = el.scrollHeight > maxHeight ? "auto" : "hidden";
+    /* eslint-enable fp/no-mutation */
 
     setInputExpanded(h > lh + padY + 2);
   }, []);

package/src/components/assistant/AssistantConversations.js

@@ -64,7 +64,7 @@ AssistantConversations.propTypes = {
       updated_at: PropTypes.string,
       title: PropTypes.string,
       preview: PropTypes.string,
-    })
+    }),
   ).isRequired,
   activeId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
   onSelect: PropTypes.func.isRequired,

package/src/components/assistant/AssistantPage.js

@@ -4,9 +4,9 @@ import { FormattedMessage } from "react-intl";
 import { Icon } from "semantic-ui-react";
 import { useWebContext } from "@truedat/core/webContext";
 
+import useAgentConversations from "../../hooks/useAgentConversations";
 import useAssistantSocket from "./hooks/useAssistantSocket";
 import useAgentConversation from "./hooks/useAgentConversation";
-import useAgentConversations from "../../hooks/useAgentConversations";
 import AssistantPageChat from "./AssistantPageChat";
 import AssistantConversations from "./AssistantConversations";
 
@@ -25,7 +25,7 @@ const historyToConversation = (messages) =>
             streaming: false,
             source: "history",
             priority: 0,
-          }
+          },
     );
 
 const AssistantPage = () => {
@@ -71,14 +71,14 @@ const AssistantPage = () => {
       }
       serverMessageHandlerRef.current?.(event, payload);
     },
-    [setConversation, refreshConversations]
+    [setConversation, refreshConversations],
   );
 
   const handleSelectConversation = useCallback(
     (id) => {
       selectConversation(id);
     },
-    [selectConversation]
+    [selectConversation],
   );
 
   const handleNewConversation = useCallback(() => {
@@ -89,7 +89,7 @@ const AssistantPage = () => {
   const handleContinueInPanel = useCallback(() => {
     if (!conversationId) return;
     window.dispatchEvent(
-      new CustomEvent("assistant:open", { detail: { conversationId } })
+      new CustomEvent("assistant:open", { detail: { conversationId } }),
     );
   }, [conversationId]);
 

package/src/components/assistant/AssistantPageChat.js

@@ -41,7 +41,7 @@ function getContentFromPayload(event, payload) {
       const err = payload.error;
       const errMsg =
         err && typeof err === "object"
-          ? err.message ?? err.reason ?? JSON.stringify(err)
+          ? (err.message ?? err.reason ?? JSON.stringify(err))
           : String(err ?? "");
       return { content: errMsg, isError: true, priority, source };
     }
@@ -49,7 +49,7 @@ function getContentFromPayload(event, payload) {
       const log = payload.content;
       const logMsg =
         log && typeof log === "object"
-          ? log.message ?? log.level ?? JSON.stringify(log)
+          ? (log.message ?? log.level ?? JSON.stringify(log))
           : String(log ?? "");
       return { content: logMsg, isError: false, priority, source };
     }
@@ -89,10 +89,13 @@ function isThinkingStreamMessage(msg) {
 
 function buildRenderItems(messages) {
   const result = [];
+  // eslint-disable-next-line fp/no-let
   let logBuffer = [];
+  // eslint-disable-next-line fp/no-let
   let startIdx = null;
   messages.forEach((msg) => {
     if (isThinkingStreamMessage(msg)) {
+      // eslint-disable-next-line fp/no-mutation
       if (startIdx === null) startIdx = msg.index;
       logBuffer.push(msg);
     } else {
@@ -106,7 +109,9 @@ function buildRenderItems(messages) {
           collapsed: isFollowedByP0,
           key: `thinking-${startIdx}`,
         });
+        // eslint-disable-next-line fp/no-mutation
         logBuffer = [];
+        // eslint-disable-next-line fp/no-mutation
         startIdx = null;
       }
       result.push({
@@ -150,10 +155,14 @@ const AssistantPageChat = ({
     const lh = parseFloat(style.lineHeight) || 20;
     const padY = parseFloat(style.paddingTop) + parseFloat(style.paddingBottom);
     const maxHeight = lh * MAX_INPUT_LINES + padY;
+    // eslint-disable-next-line fp/no-mutation
     el.style.overflowY = "hidden";
+    // eslint-disable-next-line fp/no-mutation
     el.style.height = "auto";
     const h = Math.min(el.scrollHeight, maxHeight);
+    // eslint-disable-next-line fp/no-mutation
     el.style.height = `${h}px`;
+    // eslint-disable-next-line fp/no-mutation
     el.style.overflowY = el.scrollHeight > maxHeight ? "auto" : "hidden";
     setInputExpanded(h > lh + padY + 2);
   }, []);
@@ -168,12 +177,12 @@ const AssistantPageChat = ({
     ref.current = (event, payload) => {
       const { content, isError, priority, source } = getContentFromPayload(
         event,
-        payload
+        payload,
       );
       if (event === "stream") {
         requestAnimationFrame(() => {
           setConversation((prev) =>
-            appendStreamChunk(prev, source, content, priority)
+            appendStreamChunk(prev, source, content, priority),
           );
         });
       } else if (event === "log") {
@@ -221,17 +230,17 @@ const AssistantPageChat = ({
 
   const visibleMessages = useMemo(
     () => getVisibleMessages(conversation),
-    [conversation]
+    [conversation],
   );
 
   const renderItems = useMemo(
     () => buildRenderItems(visibleMessages),
-    [visibleMessages]
+    [visibleMessages],
   );
 
   const canSendMessages = useMemo(
     () => conversation.some((m) => m.side === "agent"),
-    [conversation]
+    [conversation],
   );
 
   const handleSubmit = useCallback(
@@ -248,7 +257,7 @@ const AssistantPageChat = ({
       setInputValue("");
       if (typeof onSendMessage === "function") onSendMessage(text);
     },
-    [inputValue, onSendMessage, canSendMessages, setConversation]
+    [inputValue, onSendMessage, canSendMessages, setConversation],
   );
 
   const handleKeyDown = useCallback(
@@ -259,7 +268,7 @@ const AssistantPageChat = ({
         handleSubmit();
       }
     },
-    [handleSubmit, canSendMessages]
+    [handleSubmit, canSendMessages],
   );
 
   const scrollToBottom = useCallback(() => {
@@ -271,10 +280,17 @@ const AssistantPageChat = ({
     const el = messagesRef.current;
     if (!el) return;
     const { scrollHeight, scrollTop, clientHeight } = el;
-    if (clientHeight < 2) { setShowScrollToBottom(false); return; }
+    if (clientHeight < 2) {
+      setShowScrollToBottom(false);
+      return;
+    }
     const hasOverflow = scrollHeight > clientHeight + SCROLL_OVERFLOW_EPSILON;
-    if (!hasOverflow) { setShowScrollToBottom(false); return; }
-    const atBottom = scrollHeight - scrollTop - clientHeight <= SCROLL_AT_BOTTOM_THRESHOLD;
+    if (!hasOverflow) {
+      setShowScrollToBottom(false);
+      return;
+    }
+    const atBottom =
+      scrollHeight - scrollTop - clientHeight <= SCROLL_AT_BOTTOM_THRESHOLD;
     setShowScrollToBottom(!atBottom);
   }, []);
 
@@ -298,7 +314,7 @@ const AssistantPageChat = ({
         if (!entry) return;
         setShowScrollToBottom(!entry.isIntersecting);
       },
-      { root, threshold: 0 }
+      { root, threshold: 0 },
     );
     io.observe(sentinel);
     return () => io.disconnect();
@@ -337,7 +353,8 @@ const AssistantPageChat = ({
             const { msg } = item;
             const isP0 = msg.priority === 0;
             const isErrorP0 = msg.isError && isP0;
-            const sourceLabel = isP0 && msg.source ? getSourceLabel(msg.source) : null;
+            const sourceLabel =
+              isP0 && msg.source ? getSourceLabel(msg.source) : null;
             return (
               <div
                 key={item.key}

package/src/components/assistant/__tests__/Assistant.spec.js

@@ -12,7 +12,7 @@ jest.mock("../hooks/useAssistantSocket", () =>
   jest.fn(() => ({
     socketReady: false,
     sendPrompt: jest.fn(),
-  }))
+  })),
 );
 
 jest.mock("../hooks/useAgentConversation", () =>
@@ -20,7 +20,7 @@ jest.mock("../hooks/useAgentConversation", () =>
     conversationId: null,
     startNewConversation: jest.fn(),
     selectConversation: jest.fn(),
-  }))
+  })),
 );
 
 jest.mock("../../../hooks/useAgentConversations", () =>
@@ -29,7 +29,7 @@ jest.mock("../../../hooks/useAgentConversations", () =>
     loading: false,
     error: null,
     refresh: jest.fn(),
-  }))
+  })),
 );
 
 jest.mock("react-router", () => ({

package/src/components/assistant/__tests__/AssistantChat.spec.js

@@ -27,7 +27,7 @@ describe("<AssistantChat />", () => {
 
   it("shows the title in the header when provided", async () => {
     const rendered = render(
-      <AssistantChat {...defaultProps} title="My Conversation Title" />
+      <AssistantChat {...defaultProps} title="My Conversation Title" />,
     );
     await waitForLoad(rendered);
 
@@ -38,9 +38,7 @@ describe("<AssistantChat />", () => {
     const rendered = render(<AssistantChat {...defaultProps} title={null} />);
     await waitForLoad(rendered);
 
-    expect(
-      rendered.getByText("assistant.newConversation")
-    ).toBeInTheDocument();
+    expect(rendered.getByText("assistant.newConversation")).toBeInTheDocument();
   });
 
   it("groups logs in a thinking block and auto-collapses when a priority-0 response arrives", async () => {
@@ -69,13 +67,19 @@ describe("<AssistantChat />", () => {
     ];
 
     const rendered = render(
-      <AssistantChat {...defaultProps} conversation={conversation} />
+      <AssistantChat {...defaultProps} conversation={conversation} />,
     );
     await waitForLoad(rendered);
 
-    expect(rendered.container.querySelector(".thinking-block")).toBeInTheDocument();
-    expect(rendered.container.querySelector(".thinking-section__body")).not.toBeInTheDocument();
-    expect(rendered.container.querySelector(".thinking-section__header")).toBeInTheDocument();
+    expect(
+      rendered.container.querySelector(".thinking-block"),
+    ).toBeInTheDocument();
+    expect(
+      rendered.container.querySelector(".thinking-section__body"),
+    ).not.toBeInTheDocument();
+    expect(
+      rendered.container.querySelector(".thinking-section__header"),
+    ).toBeInTheDocument();
   });
 
   it("shows source label for priority-0 response messages", async () => {
@@ -90,7 +94,7 @@ describe("<AssistantChat />", () => {
     ];
 
     const rendered = render(
-      <AssistantChat {...defaultProps} conversation={conversation} />
+      <AssistantChat {...defaultProps} conversation={conversation} />,
     );
     await waitForLoad(rendered);
 
@@ -111,12 +115,12 @@ describe("<AssistantChat />", () => {
     ];
 
     const rendered = render(
-      <AssistantChat {...defaultProps} conversation={conversation} />
+      <AssistantChat {...defaultProps} conversation={conversation} />,
     );
     await waitForLoad(rendered);
 
     const errorMessage = rendered.container.querySelector(
-      ".assistant-chat__message--error"
+      ".assistant-chat__message--error",
     );
     expect(errorMessage).toBeInTheDocument();
     expect(rendered.getByText("Workflow Normalizer")).toBeInTheDocument();

package/src/components/assistant/__tests__/AssistantConversations.spec.js

@@ -34,14 +34,14 @@ const defaultProps = {
 
 describe("<AssistantConversations />", () => {
   beforeAll(() => {
-    jest.spyOn(Date.prototype, "toLocaleString").mockImplementation(
-      function (_, options) {
+    jest
+      .spyOn(Date.prototype, "toLocaleString")
+      .mockImplementation(function (_, options) {
         return new Intl.DateTimeFormat("en", {
           ...options,
           timeZone: "UTC",
         }).format(this);
-      }
-    );
+      });
   });
 
   afterAll(() => {
@@ -65,7 +65,7 @@ describe("<AssistantConversations />", () => {
     expect(rendered.getByText("Data governance overview")).toBeInTheDocument();
     expect(rendered.getByText("What is a data domain?")).toBeInTheDocument();
     expect(
-      rendered.getByText("assistant.conversation.noPreview")
+      rendered.getByText("assistant.conversation.noPreview"),
     ).toBeInTheDocument();
   });
 
@@ -74,7 +74,7 @@ describe("<AssistantConversations />", () => {
     await waitForLoad(rendered);
 
     const items = rendered.container.querySelectorAll(
-      ".ai-conversation-list__item-preview"
+      ".ai-conversation-list__item-preview",
     );
     expect(items[0]).toHaveTextContent("Data governance overview");
     expect(items[1]).toHaveTextContent("What is a data domain?");
@@ -83,12 +83,12 @@ describe("<AssistantConversations />", () => {
 
   it("marks the active conversation", async () => {
     const rendered = render(
-      <AssistantConversations {...defaultProps} activeId={1} />
+      <AssistantConversations {...defaultProps} activeId={1} />,
     );
     await waitForLoad(rendered);
 
     const items = rendered.container.querySelectorAll(
-      ".ai-conversation-list__item"
+      ".ai-conversation-list__item",
     );
     expect(items[0]).toHaveClass("ai-conversation-list__item--active");
     expect(items[1]).not.toHaveClass("ai-conversation-list__item--active");
@@ -97,12 +97,12 @@ describe("<AssistantConversations />", () => {
   it("calls onSelect with conversation id when an item is clicked", async () => {
     const onSelect = jest.fn();
     const rendered = render(
-      <AssistantConversations {...defaultProps} onSelect={onSelect} />
+      <AssistantConversations {...defaultProps} onSelect={onSelect} />,
     );
     await waitForLoad(rendered);
 
     const items = rendered.container.querySelectorAll(
-      ".ai-conversation-list__item"
+      ".ai-conversation-list__item",
     );
     fireEvent.click(items[0]);
     expect(onSelect).toHaveBeenCalledWith(1);
@@ -114,12 +114,12 @@ describe("<AssistantConversations />", () => {
       <AssistantConversations
         {...defaultProps}
         onNewConversation={onNewConversation}
-      />
+      />,
     );
     await waitForLoad(rendered);
 
     fireEvent.click(
-      rendered.container.querySelector(".ai-conversation-list__new")
+      rendered.container.querySelector(".ai-conversation-list__new"),
     );
     expect(onNewConversation).toHaveBeenCalled();
   });

package/src/components/assistant/hooks/useAgentConversation.js

@@ -6,7 +6,7 @@ import { API_AGENT_LAYER_CONVERSATION } from "../../../api";
 
 const useAgentConversation = (isOpen, initialId = null) => {
   const [conversationId, setConversationId] = useState(
-    initialId != null ? String(initialId) : null
+    initialId != null ? String(initialId) : null,
   );
 
   useEffect(() => {
@@ -27,7 +27,7 @@ const useAgentConversation = (isOpen, initialId = null) => {
             : null;
         if (id != null) setConversationId(id);
       })
-      .catch(() => { });
+      .catch(() => {});
   }, [isOpen, conversationId]);
 
   const startNewConversation = useCallback(() => {

package/src/components/assistant/hooks/useAssistantSocket.js

@@ -38,6 +38,7 @@ const useAssistantSocket = (disabled = false, options = {}) => {
     socketRef.current = socket;
 
     const disconnectRequestedRef = { current: false };
+    /* eslint-disable fp/no-let, fp/no-mutation */
     let reconnectTimeoutId = null;
     let connectTimeoutId = null;
 
@@ -67,6 +68,7 @@ const useAssistantSocket = (disabled = false, options = {}) => {
       }
       setSocketReady(false);
     };
+    /* eslint-enable fp/no-let, fp/no-mutation */
   }, [disabled]);
 
   useEffect(() => {

package/src/components/index.js

@@ -3,4 +3,11 @@ import TranslationModal from "./TranslationModal";
 import Assistant from "./assistant/Assistant";
 import AssistantPage from "./assistant/AssistantPage";
 import ThinkingOutLoud, { getSourceLabel } from "./ThinkingOutLoud";
-export { AiRoutes, TranslationModal, Assistant, AssistantPage, ThinkingOutLoud, getSourceLabel };
+export {
+  AiRoutes,
+  TranslationModal,
+  Assistant,
+  AssistantPage,
+  ThinkingOutLoud,
+  getSourceLabel,
+};

package/src/components/prompts/PromptEditor.js

@@ -29,7 +29,7 @@ export default function PromptEditor({
   const resourceTypeOptions = usePromptResourceTypeOptions();
   const { defaultLang, enabledLangs } = useLanguage();
   const [isTranslationPrompt, setIsTranslationPrompt] = useState(
-    selectedPrompt?.resource_type === "translation"
+    selectedPrompt?.resource_type === "translation",
   );
 
   const localeOptions = _.map((key) => ({
@@ -83,7 +83,7 @@ export default function PromptEditor({
                   prop: formatMessage({
                     id: "prompts.form.name",
                   }),
-                }
+                },
               ),
             }}
             render={({
@@ -116,7 +116,7 @@ export default function PromptEditor({
                   prop: formatMessage({
                     id: "prompts.form.resource_type",
                   }),
-                }
+                },
               ),
             }}
             render={({ field: { onBlur, onChange, value } }) => (
@@ -148,7 +148,7 @@ export default function PromptEditor({
                   prop: formatMessage({
                     id: "prompts.form.language",
                   }),
-                }
+                },
               ),
             }}
             render={({ field: { onBlur, onChange, value } }) => (
@@ -190,7 +190,7 @@ export default function PromptEditor({
                   prop: formatMessage({
                     id: "prompts.form.system_prompt",
                   }),
-                }
+                },
               ),
             }}
             render={({
@@ -223,7 +223,7 @@ export default function PromptEditor({
                   prop: formatMessage({
                     id: "prompts.form.user_prompt_template",
                   }),
-                }
+                },
               ),
             }}
             render={({
@@ -256,7 +256,7 @@ export default function PromptEditor({
                   prop: formatMessage({
                     id: "prompts.form.provider",
                   }),
-                }
+                },
               ),
             }}
             render={({ field: { onBlur, onChange, value } }) => (

package/src/components/prompts/Prompts.js

@@ -44,7 +44,7 @@ export default function Prompts() {
 
   const providersOptions = _.flow(
     _.prop("data"),
-    _.map(({ id, name }) => ({ key: id, value: id, text: name }))
+    _.map(({ id, name }) => ({ key: id, value: id, text: name })),
   )(providers);
 
   const setStateNewPrompt = () => setSelectedPrompt(NEW_PROMPT);