@orchestrator-ui/orchestrator-ui-components 8.4.5 → 8.6.0

package/src/components/WfoWorkflowUserGuide/styles.ts

@@ -0,0 +1,87 @@
+import { css } from '@emotion/react';
+
+import { WfoThemeHelpers } from '@/hooks';
+
+export const getStyles = ({ theme }: WfoThemeHelpers) => {
+  const fullHeightStyle = css({
+    height: '100%',
+  });
+
+  const toggleStripContainerStyle = css({
+    width: theme.base * 4,
+    cursor: 'pointer',
+  });
+
+  const toggleStripContainerHorizontalStyle = css({
+    width: '100%',
+    height: theme.base * 4,
+    cursor: 'pointer',
+  });
+
+  const toggleStripPanelStyle = css({
+    height: '100%',
+    backgroundColor: theme.colors.backgroundBasePrimary,
+    border: `2px dashed ${theme.colors.backgroundLightPrimary}`,
+    transition: 'box-shadow 100ms ease-in-out, border-style 100ms ease-in-out',
+    '&:hover': {
+      borderStyle: 'solid',
+      boxShadow: `0 0 0 2px ${theme.colors.backgroundBasePrimary}`,
+    },
+  });
+
+  const guideExpandedItemStyle = css({
+    position: 'relative',
+  });
+
+  const guideExpandedFillStyle = css({
+    position: 'absolute',
+    inset: 0,
+  });
+
+  const guidePanelStyle = css({
+    height: '100%',
+    overflowY: 'auto',
+    border: `2px dashed ${theme.colors.backgroundLightPrimary}`,
+    borderRightWidth: 0,
+  });
+
+  const guideBodyStyle = css({
+    flex: 1,
+    minHeight: 0,
+    display: 'flex',
+    flexDirection: 'column',
+  });
+
+  const noLeftBorderStyle = css({
+    borderLeftWidth: 0,
+  });
+
+  const noBottomBorderStyle = css({
+    borderBottomWidth: 0,
+  });
+
+  const guideStackedBodyStyle = css({
+    maxHeight: '50vh',
+    overflowY: 'auto',
+  });
+
+  const guideStackedPanelStyle = css({
+    border: `2px dashed ${theme.colors.backgroundLightPrimary}`,
+    borderTopWidth: 0,
+  });
+
+  return {
+    fullHeightStyle,
+    toggleStripContainerStyle,
+    toggleStripContainerHorizontalStyle,
+    toggleStripPanelStyle,
+    noLeftBorderStyle,
+    noBottomBorderStyle,
+    guidePanelStyle,
+    guideBodyStyle,
+    guideStackedBodyStyle,
+    guideStackedPanelStyle,
+    guideExpandedItemStyle,
+    guideExpandedFillStyle,
+  };
+};

package/src/components/index.ts

@@ -1,3 +1,4 @@
+export * from './WfoAutoExpandableTextArea';
 export * from './WfoBadges';
 export * from './WfoBackendUnavailable';
 export * from './WfoAvailabilityCheck';
@@ -38,6 +39,7 @@ export * from './WfoTableCodeBlock';
 export * from './WfoInlineEdit';
 export * from './WfoPydanticForm';
 export * from './WfoSearchPage';
+export * from './WfoWorkflowUserGuide';
 export * from './WfoMonacoCodeBlock';
 export * from './WfoLogoSpinner';
 export * from './WfoPopover';

package/src/configuration/version.ts

@@ -1 +1 @@
-export const ORCHESTRATOR_UI_LIBRARY_VERSION = '8.4.5';
+export const ORCHESTRATOR_UI_LIBRARY_VERSION = '8.6.0';

package/src/contexts/OrchestratorConfigContext.tsx

@@ -13,6 +13,7 @@ export const emptyOrchestratorConfig: OrchestratorConfig = {
   useWebSockets: false,
   useThemeToggle: false,
   showWorkflowInformationLink: false,
+  showWorkflowUserGuide: false,
   workflowInformationLinkUrl: '',
   enableSupportMenuItem: false,
   supportMenuItemUrl: '',

package/src/hooks/index.ts

@@ -13,4 +13,5 @@ export * from './useGetOrchestratorConfig';
 export * from './useBackendAvailability';
 export * from './useGetSchedulesForWorkflow';
 export * from './useGetWorkflowNameById';
+export * from './usePathAutoComplete';
 export * from './useGetPydanticFormsConfig';

package/src/hooks/usePathAutoComplete.ts

@@ -53,7 +53,6 @@ const FALLBACK_DEFINITIONS: Record<
 export const usePathAutocomplete = (prefix: string, entityType: EntityKind) => {
   const [paths, setPaths] = useState<PathInfo[]>([]);
   const debouncedPrefix = useDebounce(prefix, 300);
-
   const { data: definitions = FALLBACK_DEFINITIONS, isError: defError } = useSearchDefinitionsQuery();
 
   const {
@@ -88,7 +87,7 @@ export const usePathAutocomplete = (prefix: string, entityType: EntityKind) => {
         displayLabel: leaf.name,
         ui_types: leaf.ui_types,
         availablePaths: leaf.paths || [],
-        pathCount: leaf.paths ? leaf.paths.length : 0,
+        pathCount: leaf.paths ? leaf.paths?.length : 0,
       });
     });
 
@@ -105,12 +104,12 @@ export const usePathAutocomplete = (prefix: string, entityType: EntityKind) => {
         displayLabel: component.name,
         ui_types: component.ui_types,
         availablePaths: component.paths || [],
-        pathCount: component.paths ? component.paths.length : 0,
+        pathCount: component.paths ? component.paths?.length : 0,
       });
     });
 
     setPaths(enrichedPaths);
-  }, [pathData, definitions, debouncedPrefix.length]);
+  }, [pathData, definitions, debouncedPrefix?.length]);
 
   const errorMessage =
     isError ? 'Failed to load paths'

package/src/hooks/useSearch.ts

@@ -2,23 +2,30 @@ import { useEffect, useState } from 'react';
 
 import { Query } from '@elastic/eui';
 
-import { useSearchMutation } from '@/rtk/endpoints';
-import { EntityKind, Group, PaginatedSearchResults, RetrieverType } from '@/types';
+import { useLazySearchQuery } from '@/rtk/endpoints';
+import { EntityKind, Filter, PaginatedSearchResults, RetrieverType } from '@/types';
+
+const emptyResult: PaginatedSearchResults = {
+  data: [],
+  page_info: { has_next_page: false, next_page_cursor: null },
+  search_metadata: { search_type: null, description: null },
+  cursor: {
+    total_items: 0,
+    start_cursor: 0,
+    end_cursor: 0,
+  },
+};
 
 export const useSearch = (
   query: Query | string,
   entityType: EntityKind,
-  filterGroup?: Group,
+  filterGroup?: Filter,
   limit?: number,
   retriever: RetrieverType = RetrieverType.Auto,
 ) => {
-  const [results, setResults] = useState<PaginatedSearchResults>({
-    data: [],
-    page_info: { has_next_page: false, next_page_cursor: null },
-    search_metadata: { search_type: null, description: null },
-  });
+  const [results, setResults] = useState<PaginatedSearchResults>({ ...emptyResult });
 
-  const [triggerSearch, { isLoading, isError }] = useSearchMutation();
+  const [triggerSearch, { isLoading, isError }] = useLazySearchQuery();
 
   useEffect(() => {
     const queryText = typeof query === 'string' ? query : query.text?.trim() || '';
@@ -27,9 +34,7 @@ export const useSearch = (
 
     if (queryText.length < 2 && !hasFilters) {
       setResults({
-        data: [],
-        page_info: { has_next_page: false, next_page_cursor: null },
-        search_metadata: { search_type: null, description: null },
+        ...emptyResult,
       });
       return;
     }
@@ -42,6 +47,7 @@ export const useSearch = (
           filters: filterGroup && filterGroup.children.length > 0 ? filterGroup : undefined,
           limit: limit,
           retriever: retriever === RetrieverType.Auto ? undefined : retriever,
+          response_columns: [],
         }).unwrap();
 
         setResults({
@@ -54,13 +60,12 @@ export const useSearch = (
             search_type: result.search_metadata?.search_type || null,
             description: result.search_metadata?.description || null,
           },
+          cursor: result.cursor,
         });
       } catch (error) {
         console.error('Search error:', error);
         setResults({
-          data: [],
-          page_info: { has_next_page: false, next_page_cursor: null },
-          search_metadata: { search_type: null, description: null },
+          ...emptyResult,
         });
       }
     };

package/src/hooks/useSearchPagination.ts

@@ -1,10 +1,11 @@
 import { useCallback, useState } from 'react';
+import type { Dispatch, SetStateAction } from 'react';
 
 import { Query } from '@elastic/eui';
 
 import { buildSearchParams } from '@/components/WfoSearchPage/utils';
 import { useSearchWithPaginationMutation } from '@/rtk/endpoints';
-import { EntityKind, Group, PaginatedSearchResults, RetrieverType, SearchResult } from '@/types';
+import { EntityKind, Filter, PaginatedSearchResults, RetrieverType, SearchResult } from '@/types';
 
 interface PageHistoryItem {
   page: number;
@@ -26,10 +27,10 @@ interface UseSearchPaginationReturn {
 export const useSearchPagination = (
   debouncedQuery: Query | string,
   selectedEntityTab: EntityKind,
-  filterGroup: Group,
+  filterGroup: Filter,
   pageSize: number,
   results: PaginatedSearchResults,
-  setResults: (results: PaginatedSearchResults) => void,
+  setResults: Dispatch<SetStateAction<PaginatedSearchResults>>,
   retriever?: RetrieverType,
 ): UseSearchPaginationReturn => {
   const [currentPage, setCurrentPage] = useState<number>(1);
@@ -50,7 +51,7 @@ export const useSearchPagination = (
         {
           page: currentPage,
           results: results.data,
-          cursor: results.page_info.next_page_cursor,
+          cursor: results.cursor.start_cursor,
         },
       ]);
 
@@ -61,12 +62,12 @@ export const useSearchPagination = (
           selectedEntityTab,
           filterGroup,
           pageSize,
+          nextPageCursor,
           retriever === RetrieverType.Auto ? undefined : retriever,
         );
 
         const res = await triggerSearchPagination({
           ...searchParams,
-          cursor: nextPageCursor,
         }).unwrap();
 
         setResults({
@@ -79,6 +80,7 @@ export const useSearchPagination = (
             search_type: res.search_metadata.search_type,
             description: res.search_metadata.description,
           },
+          cursor: res.cursor,
         });
 
         setCurrentPage((prev) => prev + 1);
@@ -94,7 +96,6 @@ export const useSearchPagination = (
     [
       currentPage,
       results.data,
-      results.page_info.next_page_cursor,
       isLoadingMore,
       debouncedQuery,
       selectedEntityTab,
@@ -103,6 +104,7 @@ export const useSearchPagination = (
       retriever,
       setResults,
       triggerSearchPagination,
+      results.cursor,
     ],
   );
 
@@ -113,16 +115,17 @@ export const useSearchPagination = (
         data: previousPage.results,
         page_info: {
           has_next_page: true,
-          next_page_cursor: previousPage.cursor,
+          next_page_cursor: `'${previousPage.cursor}'`,
         },
         search_metadata: results.search_metadata,
+        cursor: results.cursor,
       });
 
       setCurrentPage((prev) => prev - 1);
 
       setPageHistory((prev) => prev.filter((p) => p.page < currentPage));
     }
-  }, [currentPage, pageHistory, results.search_metadata, setResults]);
+  }, [currentPage, pageHistory, results.search_metadata, setResults, results.cursor]);
 
   const resetPagination = useCallback(() => {
     setCurrentPage(1);

package/src/hooks/useUrlParams.ts

@@ -4,8 +4,6 @@ import { Query } from '@elastic/eui';
 
 import { EntityKind } from '@/types';
 
-import { DEFAULT_ENTITY_TAB, VALID_ENTITY_TYPES } from '../components/WfoSearchPage/constants';
-
 interface UseUrlParamsReturn {
   urlParams: URLSearchParams;
   query: Query | string;
@@ -34,8 +32,8 @@ export const useUrlParams = (): UseUrlParamsReturn => {
   });
 
   const [selectedEntityTab, setSelectedEntityTab] = useState<EntityKind>(() => {
-    const tabParam = urlParams.get('tab') as EntityKind;
-    return tabParam && VALID_ENTITY_TYPES.includes(tabParam) ? tabParam : DEFAULT_ENTITY_TAB;
+    const entityKind = urlParams.get('tab') as EntityKind;
+    return entityKind && Object.values(EntityKind).includes(entityKind) ? entityKind : EntityKind.SUBSCRIPTION;
   });
 
   const [showFilters, setShowFilters] = useState<boolean>(() => {
@@ -59,7 +57,7 @@ export const useUrlParams = (): UseUrlParamsReturn => {
       newParams.set('q', queryText);
     }
 
-    if (selectedEntityTab !== DEFAULT_ENTITY_TAB) {
+    if (selectedEntityTab !== EntityKind.SUBSCRIPTION) {
       newParams.set('tab', selectedEntityTab);
     }
 

package/src/icons/WfoTrashFilled.tsx

@@ -0,0 +1,13 @@
+import React, { FC } from 'react';
+
+import { WfoIconProps } from './WfoIconProps';
+
+export const WfoTrashFilled: FC<WfoIconProps> = ({ color = '#000000' }) => (
+  <svg xmlns="http://www.w3.org/2000/svg" width={24} height={24} viewBox="0 0 24 24" fill={color}>
+    <path
+      fillRule="evenodd"
+      d="M16.5 4.478v.227a48.816 48.816 0 0 1 3.878.512.75.75 0 1 1-.256 1.478l-.209-.035-1.005 13.07a3 3 0 0 1-2.991 2.77H8.084a3 3 0 0 1-2.991-2.77L4.087 6.66l-.209.035a.75.75 0 0 1-.256-1.478A48.567 48.567 0 0 1 7.5 4.705v-.227c0-1.564 1.213-2.9 2.816-2.951a52.662 52.662 0 0 1 3.369 0c1.603.051 2.815 1.387 2.815 2.951Zm-6.136-1.452a51.196 51.196 0 0 1 3.273 0C14.39 3.05 15 3.684 15 4.478v.113a49.488 49.488 0 0 0-6 0v-.113c0-.794.609-1.428 1.364-1.452Zm-.355 5.945a.75.75 0 1 0-1.5.058l.347 9a.75.75 0 1 0 1.499-.058l-.346-9Zm5.48.058a.75.75 0 1 0-1.498-.058l-.347 9a.75.75 0 0 0 1.5.058l.345-9Z"
+      clipRule="evenodd"
+    />
+  </svg>
+);

package/src/icons/WfoXMarkSmall.tsx

@@ -2,11 +2,11 @@ import React, { FC } from 'react';
 
 import { WfoIconProps } from './WfoIconProps';
 
-export const WfoXMarkSmall: FC<WfoIconProps> = ({ width = 20, height = 20 }) => (
+export const WfoXMarkSmall: FC<WfoIconProps> = ({ width = 20, height = 20, color = '#000' }) => (
   <svg width={width} height={height} viewBox="0 -2 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg">
     <title>icon/x-mark</title>
     <g id="Symbols" stroke="none" strokeWidth="1" fill="none" fillRule="evenodd">
-      <g xmlns="http://www.w3.org/2000/svg" fill="currentColor">
+      <g xmlns="http://www.w3.org/2000/svg" fill={color}>
         <path d="M5.28 4.22a.75.75 0 0 0-1.06 1.06L6.94 8l-2.72 2.72a.75.75 0 1 0 1.06 1.06L8 9.06l2.72 2.72a.75.75 0 1 0 1.06-1.06L9.06 8l2.72-2.72a.75.75 0 0 0-1.06-1.06L8 6.94 5.28 4.22Z" />
       </g>
     </g>

package/src/icons/index.ts

@@ -41,3 +41,4 @@ export * from './WfoPlannedWork';
 export * from './WfoCubeFill';
 export * from './WfoExclamationTriangle';
 export * from './WfoChartBar';
+export * from './WfoTrashFilled';

package/src/messages/en-GB.json

@@ -19,7 +19,7 @@
     "workflows": "Workflows",
     "darkMode": "Dark mode",
     "lightMode": "Light mode",
-    "websocketConnected": "This page receives live updates from the server",
+    "websocketConnected": "This page recexives live updates from the server",
     "websocketDisconnected": "The connection to the server is lost, click the icon or refresh the page",
     "websocketDisconnectedShort": "WebSocket disconnected, click the icon to reconnect",
     "resetToDefault": "Reset to default",
@@ -36,6 +36,7 @@
     "deselect": "Deselect",
     "close": "Close",
     "editColumns": "Edit columns",
+    "tableSettings": "Table settings",
     "loading": "Loading",
     "newSubscription": "New subscription",
     "newTask": "New task",
@@ -50,7 +51,16 @@
     "insyncFalse": "out-of-sync",
     "searchModalTitle": "Search string options",
     "searchModalText": "<p>Different options are available from free text search covering all data columns, or column specific filtering. Note that: <p></p><ul><li>Hidden columns are included</li> <li>Searching is case-insensitive</li> <li>Ordering of words does not matter (unless it is a Phrase)</li> <li>TSV (text search vector) search only available for subscriptions table</li></ul></p> <p>For example:</p> <li><b>\"l2vpn\"</b> – free text search</li> <li><b>tag:l2vpn</b> – search in a specific column</li><li><b>tag:lp description:test</b> – search in multiple columns</li><li><b>tag:(lp|lr)</b> – multiselect within 1 column</li><li><b>-tag:lp</b> – negated filter</li><li><b>test*</b> – prefix filter</li> <p></p><p><b>Note:</b> Search words containing characters `|-*():\"` may not be valid, as they are part of the search query grammar</p><p>Invalid search strings are for example:</p><ul><li>2a10:e300:fff0::/48</li> <li>\"node123(planned)\"</li> <li>\"node123|planned\"</li></ul>",
-    "showAllColumnsInDetailView": "Show all columns in detail view"
+    "retrieval": "Retrieval",
+    "retrieverAuto": "Auto",
+    "retrieverFuzzy": "Fuzzy",
+    "retrieverSemantic": "Semantic",
+    "retrieverHybrid": "Hybrid",
+    "createFilter": "Create a filter",
+    "applyFilter": "Apply filter",
+    "removeFilter": "Remove filter",
+    "cancel": "Cancel",
+    "loadMore": "Load more"
   },
   "confirmationDialog": {
     "title": "Please confirm",
@@ -85,7 +95,9 @@
       "startWorkflow": "Start workflow",
       "resumeTask": "Resume task",
       "resumeWorkflow": "Resume workflow",
-      "inputFieldsHaveValidationErrors": "{nrOfValidationErrors} input field(s) have validation errors"
+      "inputFieldsHaveValidationErrors": "{nrOfValidationErrors} input field(s) have validation errors",
+      "preconditionFailedTitle": "This task cannot be started right now",
+      "preconditionFailedFallback": "A precondition for starting this task was not met."
     },
     "widgets": {
       "customer": {
@@ -234,6 +246,12 @@
       "createScheduleButton": "Create schedule"
     }
   },
+  "workflowGuide": {
+    "title": "User guide of {workflowName}",
+    "noGuideAvailable": "No user guide is available for this workflow/task",
+    "show": "Show user guide",
+    "hide": "Hide user guide"
+  },
   "processes": {
     "index": {
       "workflowName": "Workflow",
@@ -358,14 +376,14 @@
         "validateSubscription": "Validate subscription",
         "subscription": {
           "no_modify_deleted_related_objects": "This subscription can not be modified because it contains references to other systems that are deleted.",
-          "no_modify_in_use_by_subscription": "This subscription can not be {action} as it is used in other subscriptions: {unterminated_in_use_by_subscriptions}",
+          "no_modify_in_use_by_subscription": "This subscription can not be {action} as it is used in other subscriptions:",
           "no_modify_invalid_status": "This subscription can not be modified because of the status: {status}. Only subscriptions with status {usable_when} can be {action}.",
           "no_modify_workflow": "This subscription can not be modified as the product has no modify workflows.",
           "no_termination_workflow": "This subscription can not be terminated as the product has no termination workflows.",
           "no_validate_workflow": "This subscription can not be validated as the product has no validate workflows.",
           "not_in_sync": "This subscription can not be modified because it is not in-sync. This means there is some error in the registration of the subscription or that it is being modified by another workflow.",
-          "relations_not_in_sync": "This subscription can not be modified because some related subscriptions are not in-sync. Locked subscriptions: {locked_relations}",
-          "no_modify_subscription_in_use_by_others": "This subscription can not be modified because it is in use by one or more other subscriptions: {unterminated_parents}",
+          "relations_not_in_sync": "This subscription can not be modified because some related subscriptions are not in-sync.\n\nLocked subscriptions:",
+          "no_modify_subscription_in_use_by_others": "This subscription can not be modified because it is in use by one or more other subscriptions.\n\nSubscriptions:",
           "insufficient_workflow_permissions": "Insufficient user permissions to run this workflow",
           "running_process": "This action cannot be started because this subscription already has a running process or task."
         }
@@ -513,6 +531,68 @@
     "logout": "Logout",
     "aoStatusPage": "A&O application status page"
   },
+  "agent": {
+    "title": "Wfo Agent",
+    "availability": {
+      "unavailable": {
+        "title": "Agent Service Not Available",
+        "instructions": {
+          "setAgentEnvironment": {
+            "before": "Set ",
+            "after": " in your service environment variables"
+          },
+          "setSearchEnvironment": {
+            "before": "Set ",
+            "after": " (agent functionality requires search)"
+          },
+          "checkVersion": "Ensure your orchestrator-core version supports agent functionality",
+          "configureOpenAI": "Configure your OpenAI API key if using OpenAI models",
+          "restartService": "Restart your service",
+          "checkDockerConfig": "If using Docker, make sure the environment variables are set in docker-compose.yml"
+        },
+        "documentation": "Please refer to the orchestrator documentation for detailed setup instructions.",
+        "retryButton": "Retry Connection"
+      }
+    },
+    "page": {
+      "filledParameters": "Filled parameters",
+      "emptyGroup": "Empty group",
+      "searchQuery": "Search query",
+      "activeFilters": "Active filters",
+      "noFiltersApplied": "No filters applied",
+      "entityType": "Entity type",
+      "action": "Action",
+      "copilot": {
+        "title": "Database assistant",
+        "initial": "What can I help you with?"
+      },
+      "suggestions": {
+        "findActiveSubscriptions": "Find active subscriptions",
+        "showTerminatedWorkflows": "Show terminated workflows",
+        "listAllSubscriptionsAndExport": "List all subscriptions and export them",
+        "showActiveSubscriptionsPerMonth": "Show the number of active subscriptions per month"
+      },
+      "tools": {
+        "set_filter_tree": "I'm setting up filters",
+        "start_new_search": "I'm starting a new search",
+        "run_search": "I'm executing a search",
+        "discover_filter_paths": "I'm discovering available filters",
+        "run_aggregation": "I'm running aggregations",
+        "prepare_export": "I'm preparing the export",
+        "get_valid_operators": "I'm getting valid operators",
+        "set_temporal_grouping": "I'm setting temporal grouping"
+      },
+      "planProgress": {
+        "planning": "Planning...",
+        "completed": "Plan completed",
+        "executing": "Executing plan ({completed}/{total})"
+      },
+      "visualization": {
+        "noDataAvailable": "No data available for visualization.",
+        "invalidDataStructure": "Invalid data structure."
+      }
+    }
+  },
   "search": {
     "availability": {
       "unavailable": {
@@ -534,7 +614,7 @@
       "selectFieldFirst": "Select a field first",
       "maxNestingDepth": "Maximum nesting depth reached",
       "addNestedGroup": "Add nested group",
-      "addCondition": "Add condition",
+      "addRule": "Add rule",
       "addGroup": "Add group",
       "removeGroup": "Remove group",
       "emptyGroupDescription": "Add conditions or nested groups to build your filter.",
@@ -581,7 +661,14 @@
       "valueLabel": "Value",
       "fieldsGroupLabel": "Fields",
       "componentsGroupLabel": "Components",
-      "pathsCount": "{count} paths"
+      "pathsCount": "{count} paths",
+      "id": "Id",
+      "type": "Entity type",
+      "title": "Title",
+      "score": "Score",
+      "matchingField": "Matching field",
+      "perfectMatch": "Perfect match",
+      "removeRule": "Remove rule"
     },
     "tabs": {
       "subscriptions": "Subscriptions",

package/src/messages/nl-NL.json

@@ -36,6 +36,7 @@
     "deselect": "Deselecteer",
     "close": "Sluiten",
     "editColumns": "Wijzig kolommen",
+    "tableSettings": "Tabel instellingen",
     "loading": "Laden",
     "newSubscription": "Nieuwe subscription",
     "newTask": "Nieuwe task",
@@ -50,7 +51,17 @@
     "insyncFalse": "out-of-sync",
     "showAllColumnsInDetailView": "Toon alle kolommen in detailweergave",
     "searchModalTitle": "Zoekwoorden opties",
-    "searchModalText": "<p>Er zijn verschillende opties beschikbaar: zoeken in vrije tekst voor alle datakolommen en specifiek per kolom te filteren. Houd er rekening mee dat: </p><p></p><ul><li>Verborgen kolommen zijn inbegrepen</li> <li>Zoeken is niet hoofdlettergevoelig</li> <li>De volgorde van woorden doet er niet toe (tenzij het een quote)</li> <li>TSV (text search vector) zoekactie alleen beschikbaar voor subscription tabel</li></ul><p>Bijvoorbeeld:</p> <li><b>\"l2vpn\"</b> – vrije tekst search</li> <li><b>tag:l2vpn</b> – zoeken in een specifieke kolom</li> <li><b>tag:lp beschrijving: test</b> – zoeken in meerdere kolommen</li><li><b>tag:(lp|lr)</b> – multi select binnen 1 kolom</li> <li><b>-tag:lp</b> – omgekeerd filteren</li> <li><b>test*</b> – prefix filter</li> <p></p><p><b>Opmerking:</b> Zoeken op woorden die tekens `|-*():\"` bevatten, zijn mogelijk niet geldig, omdat ze deel uitmaken van de grammatica van de zoekfunctie</p><p>Ongeldige zoekwoorden zijn bijvoorbeeld:</p><ul><li>2a10:e300:fff0::/48</li> <li>\"node123(gepland)\"</li> <li>\"node123|gepland\"</li></ul>"
+    "searchModalText": "<p>Er zijn verschillende opties beschikbaar: zoeken in vrije tekst voor alle datakolommen en specifiek per kolom te filteren. Houd er rekening mee dat: </p><p></p><ul><li>Verborgen kolommen zijn inbegrepen</li> <li>Zoeken is niet hoofdlettergevoelig</li> <li>De volgorde van woorden doet er niet toe (tenzij het een quote)</li> <li>TSV (text search vector) zoekactie alleen beschikbaar voor subscription tabel</li></ul><p>Bijvoorbeeld:</p> <li><b>\"l2vpn\"</b> – vrije tekst search</li> <li><b>tag:l2vpn</b> – zoeken in een specifieke kolom</li> <li><b>tag:lp beschrijving: test</b> – zoeken in meerdere kolommen</li><li><b>tag:(lp|lr)</b> – multi select binnen 1 kolom</li> <li><b>-tag:lp</b> – omgekeerd filteren</li> <li><b>test*</b> – prefix filter</li> <p></p><p><b>Opmerking:</b> Zoeken op woorden die tekens `|-*():\"` bevatten, zijn mogelijk niet geldig, omdat ze deel uitmaken van de grammatica van de zoekfunctie</p><p>Ongeldige zoekwoorden zijn bijvoorbeeld:</p><ul><li>2a10:e300:fff0::/48</li> <li>\"node123(gepland)\"</li> <li>\"node123|gepland\"</li></ul>",
+    "retrieval": "Retrieval",
+    "retrieverAuto": "Auto",
+    "retrieverFuzzy": "Fuzzy",
+    "retrieverSemantic": "Semantic",
+    "retrieverHybrid": "Hybride",
+    "createFilter": "Filter",
+    "applyFilter": "Pas filter tpe",
+    "removeFilter": "Verwijder filter",
+    "cancel": "Cancel",
+    "loadMore": "Meer laden"
   },
   "confirmationDialog": {
     "title": "Graag bevestigen",
@@ -85,7 +96,9 @@
       "startWorkflow": "Start workflow",
       "resumeTask": "Hervat task",
       "resumeWorkflow": "Hervat workflow",
-      "inputFieldsHaveValidationErrors": "{nrOfValidationErrors} input veld(en) hebben validatiefouten"
+      "inputFieldsHaveValidationErrors": "{nrOfValidationErrors} input veld(en) hebben validatiefouten",
+      "preconditionFailedTitle": "Deze workflow kan op dit moment niet worden gestart",
+      "preconditionFailedFallback": "Aan een voorwaarde voor het starten van deze workflow is niet voldaan."
     },
     "widgets": {
       "customer": {
@@ -233,6 +246,12 @@
       "createScheduleButton": "Maak schema"
     }
   },
+  "workflowGuide": {
+    "title": "Gebruikershandleiding van {workflowName}",
+    "noGuideAvailable": "Er is geen gebruikershandleiding beschikbaar voor deze workflow/taak",
+    "show": "Toon gebruikershandleiding",
+    "hide": "Verberg gebruikershandleiding"
+  },
   "processes": {
     "index": {
       "workflowName": "Workflow naam",
@@ -357,14 +376,14 @@
         "lockedBySubscriptions": "Deze actie is geblokkeerd door de volgende subscriptions:",
         "subscription": {
           "no_modify_deleted_related_objects": "Deze subscription kan niet worden gewijzigd omdat het verwijzingen bevat naar andere systemen die zijn verwijderd.",
-          "no_modify_in_use_by_subscription": "Deze subscription kan niet worden {gewijzigd} omdat het wordt gebruikt in andere subscriptions: {unterminated_in_use_by_subscriptions}",
+          "no_modify_in_use_by_subscription": "Deze subscription kan niet worden {gewijzigd} omdat het wordt gebruikt in andere subscriptions:",
           "no_modify_invalid_status": "Deze subscription kan niet worden gewijzigd vanwege de status: {status}. Alleen abonnementen met de status {usable_when} kunnen worden {action}.",
           "no_modify_workflow": "Deze subscription kan niet worden gewijzigd omdat het product geen modify workflows heeft.",
           "no_termination_workflow": "Deze subscription kan niet worden beëindigd omdat het product geen termination workflows heeft.",
           "no_validate_workflow": "Deze subscription kan niet worden gevalideerd omdat het product geen validate workflows heeft.",
           "not_in_sync": "Deze subscription kan niet worden gewijzigd omdat het niet in-sync is. Dit betekent dat er een fout zit in de registratie van de subscription of dat het wordt gewijzigd door een andere workflow.",
-          "relations_not_in_sync": "Deze subscription kan niet worden gewijzigd omdat sommige gerelateerde subscriptions niet in-sync zijn. Geblokkeerde subscriptions: {locked_relations}",
-          "no_modify_subscription_in_use_by_others": "Deze subscription kan niet worden gewijzigd omdat het in gebruik is door een of meer andere subscriptions: {unterminated_parents}",
+          "relations_not_in_sync": "Deze subscription kan niet worden gewijzigd omdat sommige gerelateerde subscriptions niet in-sync zijn.\n\nGeblokkeerde subscriptions:",
+          "no_modify_subscription_in_use_by_others": "Deze subscription kan niet worden gewijzigd omdat het in gebruik is door een of meer andere subscriptions.\n\nSubscriptions:",
           "insufficient_workflow_permissions": "Onvoldoende rechten om deze actie uit te kunnen voeren",
           "running_process": "Deze actie kan niet worden gestart omdat deze subscription al een lopend proces of taak heeft."
         }