@truedat/ai 8.7.0 → 8.7.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@truedat/ai",
-  "version": "8.7.0",
+  "version": "8.7.2",
   "description": "Truedat Web Artificial Intelligence package",
   "sideEffects": false,
   "module": "src/index.js",
@@ -50,7 +50,7 @@
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.3.0",
     "@testing-library/user-event": "^14.6.1",
-    "@truedat/test": "8.7.0",
+    "@truedat/test": "8.7.2",
     "identity-obj-proxy": "^3.0.0",
     "jest": "^29.7.0",
     "redux-saga-test-plan": "^4.0.6"
@@ -80,5 +80,5 @@
     "semantic-ui-react": "^3.0.0-beta.2",
     "swr": "^2.3.3"
   },
-  "gitHead": "375298315086154cea326bfaebc504d6e45873ed"
+  "gitHead": "e971cd8773dc15ad949f260abbfe4d3236473af7"
 }

package/src/components/ConceptSuggestions.js

@@ -4,9 +4,9 @@ import PropTypes from "prop-types";
 import { FormattedMessage } from "react-intl";
 import { Icon, Loader, Message } from "semantic-ui-react";
 import { ConceptSelectorTable } from "@truedat/bg/concepts/relations/components/ConceptSelector";
+import { useAgentLayerRun } from "../hooks/useAgentLayerRun";
 import useAssistantSocket from "./assistant/hooks/useAssistantSocket";
 import ThinkingOutLoud from "./ThinkingOutLoud";
-import { useAgentLayerRun } from "../hooks/useAgentLayerRun";
 import {
   reasonColumnDefinition,
   similarityColumnDefinition,
@@ -14,7 +14,10 @@ import {
 
 const extraColumns = [similarityColumnDefinition, reasonColumnDefinition];
 
-export const ConceptSuggestions = ({ selectedConcept, handleConceptSelected }) => {
+export const ConceptSuggestions = ({
+  selectedConcept,
+  handleConceptSelected,
+}) => {
   const { id } = useParams();
   const { state } = useLocation();
   const prompt = state?.prompt;
@@ -44,11 +47,14 @@ export const ConceptSuggestions = ({ selectedConcept, handleConceptSelected }) =
 
     if (event === "stream" && Number(priority) === 0) {
       const content = payload?.content;
+      // eslint-disable-next-line fp/no-let
       let parsed;
       try {
         const raw = typeof content === "string" ? JSON.parse(content) : content;
+        // eslint-disable-next-line fp/no-mutation
         parsed = Array.isArray(raw) ? raw : (raw?.result ?? []);
       } catch {
+        // eslint-disable-next-line fp/no-mutation
         parsed = [];
       }
       setConcepts(parsed);
@@ -66,13 +72,13 @@ export const ConceptSuggestions = ({ selectedConcept, handleConceptSelected }) =
           ? (() => {
               const log = payload?.content;
               return log && typeof log === "object"
-                ? log.message ?? log.level ?? JSON.stringify(log)
+                ? (log.message ?? log.level ?? JSON.stringify(log))
                 : String(log ?? "");
             })()
           : (() => {
               const err = payload?.error;
               return err && typeof err === "object"
-                ? err.message ?? err.reason ?? JSON.stringify(err)
+                ? (err.message ?? err.reason ?? JSON.stringify(err))
                 : String(err ?? "");
             })();
 

package/src/components/StructureSuggestions.js

@@ -6,9 +6,9 @@ import { FormattedMessage } from "react-intl";
 import { Icon, Loader, Message } from "semantic-ui-react";
 import { defaultColumnsForStructureSelector } from "@truedat/dd/selectors";
 import StructuresSearchResults from "@truedat/dd/components/StructuresSearchResults";
+import { useAgentLayerRun } from "../hooks/useAgentLayerRun";
 import useAssistantSocket from "./assistant/hooks/useAssistantSocket";
 import ThinkingOutLoud from "./ThinkingOutLoud";
-import { useAgentLayerRun } from "../hooks/useAgentLayerRun";
 import {
   reasonColumnDefinition,
   similarityColumnDefinition,
@@ -25,12 +25,8 @@ export const StructureSuggestions = ({
 
   const baseColumns = useSelector(defaultColumnsForStructureSelector);
   const columns = useMemo(
-    () => [
-      ...baseColumns,
-      similarityColumnDefinition,
-      reasonColumnDefinition,
-    ],
-    [baseColumns]
+    () => [...baseColumns, similarityColumnDefinition, reasonColumnDefinition],
+    [baseColumns],
   );
 
   const { trigger: fetchSuggestions, data: runData } = useAgentLayerRun();
@@ -58,11 +54,14 @@ export const StructureSuggestions = ({
 
     if (event === "stream" && Number(priority) === 0) {
       const content = payload?.content;
+      // eslint-disable-next-line fp/no-let
       let parsed;
       try {
         const raw = typeof content === "string" ? JSON.parse(content) : content;
+        // eslint-disable-next-line fp/no-mutation
         parsed = Array.isArray(raw) ? raw : (raw?.result ?? []);
       } catch {
+        // eslint-disable-next-line fp/no-mutation
         parsed = [];
       }
       setStructures(parsed);
@@ -80,13 +79,13 @@ export const StructureSuggestions = ({
           ? (() => {
               const log = payload?.content;
               return log && typeof log === "object"
-                ? log.message ?? log.level ?? JSON.stringify(log)
+                ? (log.message ?? log.level ?? JSON.stringify(log))
                 : String(log ?? "");
             })()
           : (() => {
               const err = payload?.error;
               return err && typeof err === "object"
-                ? err.message ?? err.reason ?? JSON.stringify(err)
+                ? (err.message ?? err.reason ?? JSON.stringify(err))
                 : String(err ?? "");
             })();
 

package/src/components/ThinkingOutLoud.js

@@ -21,12 +21,14 @@ export function getSourceLabel(source) {
  */
 function buildSections(logItems) {
   const sections = [];
+  // eslint-disable-next-line fp/no-let
   let current = null;
   logItems.forEach((item) => {
     const p = item.priority ?? 1;
     const isThinkingInlineError = item.eventType === "error" && Number(p) === 2;
     if (isThinkingInlineError) {
       if (!current) {
+        // eslint-disable-next-line fp/no-mutation
         current = { source: null, label: "Processing", items: [] };
       }
       current.items.push({ ...item, level: 3 });
@@ -36,6 +38,7 @@ function buildSections(logItems) {
     if (level === 1) {
       if (!current || current.source !== item.source) {
         if (current) sections.push(current);
+        // eslint-disable-next-line fp/no-mutation
         current = {
           source: item.source,
           label: getSourceLabel(item.source),
@@ -45,6 +48,7 @@ function buildSections(logItems) {
       current.items.push({ ...item, level: 1 });
     } else {
       if (!current) {
+        // eslint-disable-next-line fp/no-mutation
         current = { source: null, label: "Processing", items: [] };
       }
       current.items.push({ ...item, level: 2 });
@@ -67,6 +71,7 @@ function ThinkingSection({ section, isLast, active, collapsed }) {
     if (!open) return;
     const el = bodyRef.current;
     if (!el) return;
+    // eslint-disable-next-line fp/no-mutation
     el.scrollTop = el.scrollHeight;
   }, [open, section.items]);
 

package/src/components/TranslationModal.js

@@ -57,9 +57,9 @@ const TranslationModal = ({
                   ...field,
                   checked: true,
                 }
-              : null
+              : null,
           ),
-          _.filter(_.isObject)
+          _.filter(_.isObject),
         )(group.fields);
 
         return {
@@ -68,7 +68,7 @@ const TranslationModal = ({
           checked: true,
         };
       }),
-      _.filter((group) => !_.isEmpty(group.fields))
+      _.filter((group) => !_.isEmpty(group.fields)),
     )(template?.content);
     settranslateTemplate(templateContent);
   };
@@ -79,7 +79,7 @@ const TranslationModal = ({
         ...locale,
         checked: !locale.is_default,
       })),
-      _.keyBy("lang")
+      _.keyBy("lang"),
     )(i18nContent);
     setTranslateContent(locales);
   };
@@ -164,7 +164,7 @@ const TranslationModal = ({
       _.keyBy("name"),
       _.mapValues(
         ({ name, default: defaultValue }) =>
-          defaultContent?.content[name]?.value || defaultValue?.value
+          defaultContent?.content[name]?.value || defaultValue?.value,
       ),
       (values) =>
         translateName
@@ -172,7 +172,7 @@ const TranslationModal = ({
               ...values,
               name: defaultContent?.name,
             }
-          : values
+          : values,
     )(translateTemplate);
 
     const payload = {
@@ -196,7 +196,7 @@ const TranslationModal = ({
               return translateContent[lang];
             }
           }),
-          _.keyBy("lang")
+          _.keyBy("lang"),
         )(translateContent);
         setTranslateContent(translatedContent);
         setTranslateResult("success");
@@ -211,7 +211,7 @@ const TranslationModal = ({
       return translateContent[locale.lang].content
         ? _.flow(
             _.mapValues((value) =>
-              value.value && value.origin ? value : { value, origin: "ai" }
+              value.value && value.origin ? value : { value, origin: "ai" },
             ),
             (content) => ({
               ...i18nContent[locale.lang],
@@ -222,7 +222,7 @@ const TranslationModal = ({
                 ...i18nContent[locale.lang].content,
                 ...content,
               },
-            })
+            }),
           )(translateContent[locale.lang].content)
         : locale;
     })(i18nContent);
@@ -350,7 +350,7 @@ const TranslationModal = ({
                           />
                         </dd>
                       </Fragment>
-                    )
+                    ),
                   )(fields)}
                 </dl>
               </Fragment>
@@ -446,7 +446,7 @@ const TranslationModal = ({
                         "*"
                       ) : null}
                     </TableHeaderCell>
-                  ) : null
+                  ) : null,
                 )(translateContent)}
               </TableRow>
             </TableHeader>
@@ -462,7 +462,7 @@ const TranslationModal = ({
                   {_.map(({ lang, name, is_default, checked }) =>
                     is_default || checked ? (
                       <TableCell key={lang}>{name}</TableCell>
-                    ) : null
+                    ) : null,
                   )(translateContent)}
                 </TableRow>
               ) : null}
@@ -492,11 +492,11 @@ const TranslationModal = ({
                                 widget={widget}
                               />
                             </TableCell>
-                          ) : null
+                          ) : null,
                         )(translateContent)}
                       </TableRow>
-                    ) : null
-                )(fields)
+                    ) : null,
+                )(fields),
               )(translateTemplate)}
             </TableBody>
           </Table>

package/src/components/__tests__/ConceptSuggestions.spec.js

@@ -50,14 +50,14 @@ describe("ConceptSuggestions", () => {
       <ConceptSuggestions
         selectedConcept={null}
         handleConceptSelected={jest.fn()}
-      />
+      />,
     );
 
     await waitFor(() =>
       expect(mockFetchSuggestions).toHaveBeenCalledWith({
         workflow: "suggest_structure_concept_links",
         params: { structure_id: "42", prompt: "find concepts" },
-      })
+      }),
     );
   });
 
@@ -68,14 +68,14 @@ describe("ConceptSuggestions", () => {
       <ConceptSuggestions
         selectedConcept={null}
         handleConceptSelected={jest.fn()}
-      />
+      />,
     );
 
     await waitFor(() =>
       expect(mockFetchSuggestions).toHaveBeenCalledWith({
         workflow: "suggest_structure_concept_links",
         params: { structure_id: "42", prompt: undefined },
-      })
+      }),
     );
   });
 
@@ -89,11 +89,15 @@ describe("ConceptSuggestions", () => {
       <ConceptSuggestions
         selectedConcept={null}
         handleConceptSelected={jest.fn()}
-      />
+      />,
     );
 
-    expect(rendered.queryByText(/mockthinkingoutloud/i)).not.toBeInTheDocument();
-    expect(rendered.queryByText(/mockconceptselectortable/i)).not.toBeInTheDocument();
+    expect(
+      rendered.queryByText(/mockthinkingoutloud/i),
+    ).not.toBeInTheDocument();
+    expect(
+      rendered.queryByText(/mockconceptselectortable/i),
+    ).not.toBeInTheDocument();
   });
 
   it("shows ThinkingOutLoud once log items arrive", async () => {
@@ -112,7 +116,7 @@ describe("ConceptSuggestions", () => {
       <ConceptSuggestions
         selectedConcept={null}
         handleConceptSelected={jest.fn()}
-      />
+      />,
     );
 
     act(() => {
@@ -124,7 +128,7 @@ describe("ConceptSuggestions", () => {
     });
 
     await waitFor(() =>
-      expect(rendered.queryByText(/mockthinkingoutloud/i)).toBeInTheDocument()
+      expect(rendered.queryByText(/mockthinkingoutloud/i)).toBeInTheDocument(),
     );
   });
 
@@ -133,12 +137,12 @@ describe("ConceptSuggestions", () => {
       <ConceptSuggestions
         selectedConcept={null}
         handleConceptSelected={jest.fn()}
-      />
+      />,
     );
 
     expect(useAssistantSocket).toHaveBeenCalledWith(
       true,
-      expect.objectContaining({ conversationId: null })
+      expect.objectContaining({ conversationId: null }),
     );
   });
 
@@ -152,12 +156,12 @@ describe("ConceptSuggestions", () => {
       <ConceptSuggestions
         selectedConcept={null}
         handleConceptSelected={jest.fn()}
-      />
+      />,
     );
 
     expect(useAssistantSocket).toHaveBeenCalledWith(
       false,
-      expect.objectContaining({ conversationId: "state-1" })
+      expect.objectContaining({ conversationId: "state-1" }),
     );
   });
 
@@ -178,7 +182,7 @@ describe("ConceptSuggestions", () => {
       <ConceptSuggestions
         selectedConcept={null}
         handleConceptSelected={jest.fn()}
-      />
+      />,
     );
 
     act(() => {
@@ -189,10 +193,14 @@ describe("ConceptSuggestions", () => {
     });
 
     await waitFor(() =>
-      expect(rendered.queryByText(/mockconceptselectortable/i)).toBeInTheDocument()
+      expect(
+        rendered.queryByText(/mockconceptselectortable/i),
+      ).toBeInTheDocument(),
     );
 
-    expect(rendered.queryByText(/mockthinkingoutloud/i)).not.toBeInTheDocument();
+    expect(
+      rendered.queryByText(/mockthinkingoutloud/i),
+    ).not.toBeInTheDocument();
 
     const props = ConceptSelectorTable.mock.calls.at(-1)[0];
     expect(props.concepts).toEqual(concepts);
@@ -214,7 +222,7 @@ describe("ConceptSuggestions", () => {
       <ConceptSuggestions
         selectedConcept={null}
         handleConceptSelected={jest.fn()}
-      />
+      />,
     );
 
     act(() => {
@@ -225,10 +233,14 @@ describe("ConceptSuggestions", () => {
     });
 
     await waitFor(() =>
-      expect(rendered.queryByText(/mockthinkingoutloud/i)).not.toBeInTheDocument()
+      expect(
+        rendered.queryByText(/mockthinkingoutloud/i),
+      ).not.toBeInTheDocument(),
     );
 
-    expect(rendered.queryByText(/mockconceptselectortable/i)).not.toBeInTheDocument();
+    expect(
+      rendered.queryByText(/mockconceptselectortable/i),
+    ).not.toBeInTheDocument();
   });
 
   it("adds log events to ThinkingOutLoud items", async () => {
@@ -247,7 +259,7 @@ describe("ConceptSuggestions", () => {
       <ConceptSuggestions
         selectedConcept={null}
         handleConceptSelected={jest.fn()}
-      />
+      />,
     );
 
     act(() => {

package/src/components/__tests__/StructureSuggestions.spec.js

@@ -24,7 +24,7 @@ jest.mock("@truedat/dd/selectors", () => ({
 }));
 
 jest.mock("@truedat/dd/components/StructuresSearchResults", () =>
-  jest.fn(() => <div>MockSearchResults</div>)
+  jest.fn(() => <div>MockSearchResults</div>),
 );
 
 jest.mock("../ThinkingOutLoud", () => ({
@@ -63,14 +63,14 @@ describe("StructureSuggestions", () => {
         selectedStructure={null}
         handleSelectedStructure={jest.fn()}
         selectable={true}
-      />
+      />,
     );
 
     await waitFor(() =>
       expect(mockFetchSuggestions).toHaveBeenCalledWith({
         workflow: "suggest_business_concept_structures_links",
         params: { business_concept_id: "123", prompt: "find structures" },
-      })
+      }),
     );
   });
 
@@ -82,14 +82,14 @@ describe("StructureSuggestions", () => {
         selectedStructure={null}
         handleSelectedStructure={jest.fn()}
         selectable={true}
-      />
+      />,
     );
 
     await waitFor(() =>
       expect(mockFetchSuggestions).toHaveBeenCalledWith({
         workflow: "suggest_business_concept_structures_links",
         params: { business_concept_id: "123", prompt: undefined },
-      })
+      }),
     );
   });
 
@@ -104,10 +104,12 @@ describe("StructureSuggestions", () => {
         selectedStructure={null}
         handleSelectedStructure={jest.fn()}
         selectable={true}
-      />
+      />,
     );
 
-    expect(rendered.queryByText(/mockthinkingoutloud/i)).not.toBeInTheDocument();
+    expect(
+      rendered.queryByText(/mockthinkingoutloud/i),
+    ).not.toBeInTheDocument();
     expect(rendered.queryByText(/mocksearchresults/i)).not.toBeInTheDocument();
   });
 
@@ -128,7 +130,7 @@ describe("StructureSuggestions", () => {
         selectedStructure={null}
         handleSelectedStructure={jest.fn()}
         selectable={true}
-      />
+      />,
     );
 
     act(() => {
@@ -140,7 +142,7 @@ describe("StructureSuggestions", () => {
     });
 
     await waitFor(() =>
-      expect(rendered.queryByText(/mockthinkingoutloud/i)).toBeInTheDocument()
+      expect(rendered.queryByText(/mockthinkingoutloud/i)).toBeInTheDocument(),
     );
   });
 
@@ -150,12 +152,12 @@ describe("StructureSuggestions", () => {
         selectedStructure={null}
         handleSelectedStructure={jest.fn()}
         selectable={true}
-      />
+      />,
     );
 
     expect(useAssistantSocket).toHaveBeenCalledWith(
       true,
-      expect.objectContaining({ conversationId: null })
+      expect.objectContaining({ conversationId: null }),
     );
   });
 
@@ -170,12 +172,12 @@ describe("StructureSuggestions", () => {
         selectedStructure={null}
         handleSelectedStructure={jest.fn()}
         selectable={true}
-      />
+      />,
     );
 
     expect(useAssistantSocket).toHaveBeenCalledWith(
       false,
-      expect.objectContaining({ conversationId: "state-1" })
+      expect.objectContaining({ conversationId: "state-1" }),
     );
   });
 
@@ -197,7 +199,7 @@ describe("StructureSuggestions", () => {
         selectedStructure={null}
         handleSelectedStructure={jest.fn()}
         selectable={false}
-      />
+      />,
     );
 
     act(() => {
@@ -208,10 +210,12 @@ describe("StructureSuggestions", () => {
     });
 
     await waitFor(() =>
-      expect(rendered.queryByText(/mocksearchresults/i)).toBeInTheDocument()
+      expect(rendered.queryByText(/mocksearchresults/i)).toBeInTheDocument(),
     );
 
-    expect(rendered.queryByText(/mockthinkingoutloud/i)).not.toBeInTheDocument();
+    expect(
+      rendered.queryByText(/mockthinkingoutloud/i),
+    ).not.toBeInTheDocument();
 
     const props = StructuresSearchResults.mock.calls.at(-1)[0];
     expect(props.structures).toEqual(structures);
@@ -235,7 +239,7 @@ describe("StructureSuggestions", () => {
         selectedStructure={null}
         handleSelectedStructure={jest.fn()}
         selectable={true}
-      />
+      />,
     );
 
     act(() => {
@@ -246,7 +250,9 @@ describe("StructureSuggestions", () => {
     });
 
     await waitFor(() =>
-      expect(rendered.queryByText(/mockthinkingoutloud/i)).not.toBeInTheDocument()
+      expect(
+        rendered.queryByText(/mockthinkingoutloud/i),
+      ).not.toBeInTheDocument(),
     );
 
     expect(rendered.queryByText(/mocksearchresults/i)).not.toBeInTheDocument();
@@ -269,7 +275,7 @@ describe("StructureSuggestions", () => {
         selectedStructure={null}
         handleSelectedStructure={jest.fn()}
         selectable={true}
-      />
+      />,
     );
 
     act(() => {

package/src/components/__tests__/SuggestLinkButton.spec.js

@@ -20,7 +20,9 @@ describe("SuggestLinkButton", () => {
 
     fireEvent.click(screen.getByText("links.actions.suggest"));
 
-    const input = screen.getByPlaceholderText("links.suggest.prompt.placeholder");
+    const input = screen.getByPlaceholderText(
+      "links.suggest.prompt.placeholder",
+    );
     fireEvent.change(input, { target: { value: "my prompt" } });
 
     fireEvent.click(screen.getByText("links.suggest.submit"));

package/src/components/__tests__/TranslationModal.spec.js

@@ -34,7 +34,7 @@ jest.mock("@truedat/ai/hooks/useTranslations", () => ({
             },
           },
         },
-      })
+      }),
     ),
   })),
 }));
@@ -284,7 +284,7 @@ describe("TranslationModal", () => {
   it("requests translation and displays results", async () => {
     const { getByText, getAllByText, getByRole } = render(
       <TranslationModal {...props} />,
-      renderOpts
+      renderOpts,
     );
 
     await act(async () => {
@@ -295,7 +295,7 @@ describe("TranslationModal", () => {
       expect(getByText("Translation preview")).toBeInTheDocument();
       expect(getByText("Ein Messer in der Dunkelheit")).toBeInTheDocument();
       expect(
-        getAllByText("Un cuchillo en la oscuridad").length
+        getAllByText("Un cuchillo en la oscuridad").length,
       ).toBeGreaterThan(0);
       expect(getByText("Un couteau dans le noir")).toBeInTheDocument();
     });

package/src/components/actions/ActionActions.js

@@ -27,7 +27,7 @@ export const ConfirmToggleModal = ({ onConfirm, action: actionData }) => {
       size="small"
       content={formatMessage(
         { id: `ai.actions.actions.${action}.confirmation.content` },
-        { name: <i>{name}</i> }
+        { name: <i>{name}</i> },
       )}
       onConfirm={() => onConfirm()}
     />
@@ -56,7 +56,7 @@ export const ConfirmDeleteModal = ({ handleDelete, name, id }) => {
       size="small"
       content={formatMessage(
         { id: "ai.actions.actions.delete.confirmation.content" },
-        { name: <i>{name}</i> }
+        { name: <i>{name}</i> },
       )}
       onConfirm={() => handleDelete({ id })}
     />

package/src/components/actions/ActionDetail.js

@@ -5,7 +5,7 @@ import { FormattedMessage } from "react-intl";
 import { Segment, List, Divider } from "semantic-ui-react";
 
 const DynamicFormViewer = lazy(
-  () => import("@truedat/df/components/DynamicFormViewer")
+  () => import("@truedat/df/components/DynamicFormViewer"),
 );
 
 export const ActionDetail = ({ action }) => {

package/src/components/actions/ActionEdit.js

@@ -1,5 +1,5 @@
 import { useEffect, useState } from "react";
-import { useParams } from "react-router";
+import { useNavigate, useParams } from "react-router";
 import {
   Checkbox,
   Container,
@@ -17,6 +17,7 @@ import ActionForm from "./ActionForm";
 
 const ActionEdit = () => {
   const { formatMessage } = useIntl();
+  const navigate = useNavigate();
   const { id } = useParams();
   const { action } = useAction(id);
   const { data: template } = useTemplate({