@cccsaurora/clue-ui 1.3.0-dev.361 → 1.3.0-dev.390

package/components/AnnotationPreview.js

@@ -1,9 +1,9 @@
 import "react/jsx-runtime";
 import "../iconify-DJxl6dC-.js";
 import "@mui/material";
-import { A } from "../AnnotationPreview-LLor6159.js";
+import { A } from "../AnnotationPreview-Bl447SKT.js";
 import "../hooks/useAnnotations.js";
-import "../utils-BN7Z0YiP.js";
+import "../utils-CEySTPtg.js";
 import "react";
 import "../index-_gpzM2Px.js";
 export {

package/components/EnrichedCard.js

@@ -2,7 +2,7 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { I as Icon } from "../iconify-DJxl6dC-.js";
 import { useTheme, Card, CardHeader, Stack, CircularProgress, Divider, CardContent, Grid, Chip, Typography, Tooltip, Box } from "@mui/material";
 import { ClueComponentContext } from "../hooks/ClueComponentContext.js";
-import { f as useClueEnrichSelector } from "../ActionForm-BGVd1hea.js";
+import { f as useClueEnrichSelector } from "../ActionForm-CqKcnDWC.js";
 import useAnnotations from "../hooks/useAnnotations.js";
 import useErrors from "../hooks/useErrors.js";
 import AssessmentIcon from "../icons/Assessment.js";
@@ -10,7 +10,7 @@ import ContextIcon from "../icons/Context.js";
 import OpinionIcon from "../icons/Opinion.js";
 import { ICON_MAP } from "../icons/iconMap.js";
 import FrequencyText from "../text/Frequency.js";
-import { u as uniq } from "../useClueTypeConfig-CnMg5Ny8.js";
+import { u as uniq } from "../uniq-CahZPAwp.js";
 import { memo, useState, useMemo, useCallback } from "react";
 import { a as useContextSelector } from "../index-_gpzM2Px.js";
 import AnnotationEntry from "./AnnotationEntry.js";

package/components/EnrichedChip.js

@@ -3,8 +3,8 @@ import { Chip, Tooltip, Box, Stack, CircularProgress } from "@mui/material";
 import Iconified from "./display/icons/Iconified.js";
 import { ClueComponentContext } from "../hooks/ClueComponentContext.js";
 import { ClueGroupContext } from "../hooks/ClueGroupContext.js";
-import { C as CluePopupContext } from "../AnnotationPreview-LLor6159.js";
-import { f as useClueEnrichSelector } from "../ActionForm-BGVd1hea.js";
+import { C as CluePopupContext } from "../AnnotationPreview-Bl447SKT.js";
+import { f as useClueEnrichSelector } from "../ActionForm-CqKcnDWC.js";
 import useAnnotations from "../hooks/useAnnotations.js";
 import ActionIcon from "../icons/Action.js";
 import AssessmentIcon from "../icons/Assessment.js";

package/components/EnrichedTypography.js

@@ -3,8 +3,8 @@ import { useTheme, Stack, CircularProgress, Tooltip, IconButton } from "@mui/mat
 import Iconified from "./display/icons/Iconified.js";
 import { ClueComponentContext } from "../hooks/ClueComponentContext.js";
 import { ClueGroupContext } from "../hooks/ClueGroupContext.js";
-import { C as CluePopupContext } from "../AnnotationPreview-LLor6159.js";
-import { f as useClueEnrichSelector } from "../ActionForm-BGVd1hea.js";
+import { C as CluePopupContext } from "../AnnotationPreview-Bl447SKT.js";
+import { f as useClueEnrichSelector } from "../ActionForm-CqKcnDWC.js";
 import useAnnotations from "../hooks/useAnnotations.js";
 import ActionIcon from "../icons/Action.js";
 import AssessmentIcon from "../icons/Assessment.js";

package/components/RetryFailedEnrichments.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { Button } from "@mui/material";
 import { ClueComponentContext } from "../hooks/ClueComponentContext.js";
-import { f as useClueEnrichSelector } from "../ActionForm-BGVd1hea.js";
+import { f as useClueEnrichSelector } from "../ActionForm-CqKcnDWC.js";
 import { a as useContextSelector } from "../index-_gpzM2Px.js";
 const RetryFailedEnrichments = () => {
   const enrichFailedEnrichments = useClueEnrichSelector((ctx) => ctx.enrichFailedEnrichments);

package/components/SourcePicker.js

@@ -1,6 +1,6 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { Button, Popover, TextField, Divider, Stack, FormControlLabel, Checkbox } from "@mui/material";
-import { e as useClueComponentSelector, f as useClueEnrichSelector } from "../ActionForm-BGVd1hea.js";
+import { e as useClueComponentSelector, f as useClueEnrichSelector } from "../ActionForm-CqKcnDWC.js";
 import { memo, useState, useEffect } from "react";
 const SourcePicker = () => {
   const { t } = useClueComponentSelector((ctx) => ctx.i18next);

package/components/actions/ActionForm.js

@@ -3,10 +3,10 @@ import "@jsonforms/material-renderers";
 import "@jsonforms/react";
 import "@mui/material";
 import "../display/icons/Iconified.js";
-import "../../index-IPF68v-l.js";
+import "../../index-DUEubgWN.js";
 import "../../hooks/ClueComponentContext.js";
-import { A } from "../../ActionForm-BGVd1hea.js";
-import "../../utils-BN7Z0YiP.js";
+import { A } from "../../ActionForm-CqKcnDWC.js";
+import "../../utils-CEySTPtg.js";
 import "react";
 import "../../index-_gpzM2Px.js";
 import "../ErrorBoundary.js";

package/components/actions/ExecutePopover.js

@@ -3,7 +3,7 @@ import { I as Icon } from "../../iconify-DJxl6dC-.js";
 import { useTheme, Tooltip, IconButton, CircularProgress, Button, Popover, Paper, Stack, Typography, Box, Divider } from "@mui/material";
 import Iconified from "../display/icons/Iconified.js";
 import { ClueComponentContext } from "../../hooks/ClueComponentContext.js";
-import { d as useClueActionsSelector } from "../../ActionForm-BGVd1hea.js";
+import { d as useClueActionsSelector } from "../../ActionForm-CqKcnDWC.js";
 import useClueConfig from "../../hooks/useClueConfig.js";
 import { isAccessible } from "../../utils/classificationParser.js";
 import { useState, useRef, useMemo, useEffect } from "react";

package/components/actions/ResultModal.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "../../iconify-DJxl6dC-.js";
 import "@mui/material";
 import "../../hooks/ClueComponentContext.js";
-import { R } from "../../ActionForm-BGVd1hea.js";
+import { R } from "../../ActionForm-CqKcnDWC.js";
 import "react";
 import "../../index-_gpzM2Px.js";
 import "../ClassificationChip.js";

package/components/actions/form/schemaAdapter.js

@@ -1,5 +1,5 @@
-import { c as cloneDeep } from "../../../cloneDeep-C_PzHHQ0.js";
-import { g as get } from "../../../get-DlGeJ2uz.js";
+import { c as cloneDeep } from "../../../cloneDeep-l3UkXG5M.js";
+import { g as get } from "../../../get-CdMThM8x.js";
 const adaptSchema = (_schema) => {
   const requiredFields = [];
   const schema = cloneDeep(_schema);

package/components/actions/formats/index.d.ts

@@ -3,6 +3,8 @@ import { WithActionData } from "../../../types/WithActionData";
 import { FC } from 'react';
 
 declare const Result: FC<{
+    pluginName?: string;
     result: WithActionData<ActionResult>;
+    [additionalProp: string]: any;
 }>;
 export default Result;

package/components/actions/formats/index.js

@@ -1,22 +1,38 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Stack } from "@mui/material";
-import { J as JSONViewer } from "../../../index-IPF68v-l.js";
+import { J as JSONViewer } from "../../../index-DUEubgWN.js";
 import Markdown from "../../display/markdown/index.js";
-import FileResult from "./FileResult.js";
-const Result = ({ result }) => {
-  if (result.format === "markdown") {
-    return /* @__PURE__ */ jsx(Markdown, { md: result.output });
+import ErrorBoundary from "../../ErrorBoundary.js";
+import { u as usePluginStore, c as clueUIPluginStore } from "../../../store-DMdRx9g0.js";
+import { useTranslation } from "react-i18next";
+const Result = ({
+  pluginName,
+  result,
+  ...additionalProps
+}) => {
+  const pluginStore = usePluginStore();
+  const { t } = useTranslation();
+  const plugin = pluginName ?? clueUIPluginStore.getPlugin(result.format ?? "undefined", "action", result.actionId);
+  if (plugin) {
+    try {
+      const component = pluginStore.executeFunction(`${plugin}.actionResult`, {
+        result,
+        ...additionalProps
+      });
+      if (component !== void 0) {
+        return /* @__PURE__ */ jsx(ErrorBoundary, { children: component });
+      }
+    } catch {
+      return /* @__PURE__ */ jsx(ErrorBoundary, { children: /* @__PURE__ */ jsxs(Stack, { sx: { overflowY: "auto" }, children: [
+        /* @__PURE__ */ jsx(Markdown, { md: t("format.render.error", { format: result.format }) }),
+        /* @__PURE__ */ jsx(JSONViewer, { data: result, collapse: true, forceCompact: true })
+      ] }) });
+    }
   }
-  if (result.format === "json") {
-    return /* @__PURE__ */ jsx(JSONViewer, { data: result.output, collapse: true, forceCompact: true });
-  }
-  if (result.format === "file") {
-    return /* @__PURE__ */ jsx(FileResult, { result });
-  }
-  return /* @__PURE__ */ jsxs(Stack, { sx: { overflowY: "auto" }, children: [
-    /* @__PURE__ */ jsx(Markdown, { md: "`" + result.format + "` is not recognized as a format in this application." }),
+  return /* @__PURE__ */ jsx(ErrorBoundary, { children: /* @__PURE__ */ jsxs(Stack, { sx: { overflowY: "auto" }, children: [
+    /* @__PURE__ */ jsx(Markdown, { md: t("format.not.recognized", { format: result.format }) }),
     /* @__PURE__ */ jsx(JSONViewer, { data: result, collapse: true, forceCompact: true })
-  ] });
+  ] }) });
 };
 export {
   Result as default

package/components/display/graph/elements/NodeCard.js

@@ -1,15 +1,15 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { Stack, Typography, Card, CardContent, Divider, Collapse } from "@mui/material";
-import { b as isPlainObject, a as flatten$1 } from "../../../../utils-BN7Z0YiP.js";
+import { b as isPlainObject, a as flatten$1 } from "../../../../utils-CEySTPtg.js";
 import { cssImportant } from "../../../../utils/graph.js";
-import { b as baseGet, c as castPath, t as toKey, a as arrayMap } from "../../../../_baseGet-DKnGz1D3.js";
-import { c as copyObject, g as getAllKeysIn, b as baseClone } from "../../../../_baseClone-BUfES2sT.js";
+import { b as baseGet, c as castPath, t as toKey, a as arrayMap } from "../../../../_baseGet-Cmp6FztG.js";
+import { c as copyObject, g as getAllKeysIn, b as baseClone } from "../../../../_baseClone-9FaRd1R2.js";
 import { l as last } from "../../../../last-CUCl67Im.js";
 import { b as baseSlice } from "../../../../_baseSlice-GAv_YFTT.js";
-import { b as baseFlatten, s as setToString, o as overRest } from "../../../../_baseFlatten-D3wtzJ86.js";
+import { b as baseFlatten, s as setToString, o as overRest } from "../../../../_baseFlatten-Co6QHDlG.js";
 import { useState, useEffect, useCallback, Fragment as Fragment$1 } from "react";
 import Iconified from "../../icons/Iconified.js";
-import { J as JSONViewer } from "../../../../index-IPF68v-l.js";
+import { J as JSONViewer } from "../../../../index-DUEubgWN.js";
 import Markdown from "../../markdown/index.js";
 import ExpandMoreButton from "../ExpandMoreButton.js";
 import NodeTag from "./NodeTag.js";

package/components/display/graph/index.js

@@ -1,13 +1,13 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { useMemo, useRef, useState, useEffect, useCallback, createElement } from "react";
 import { useTheme, lighten, darken, Stack, Card, Typography, Autocomplete, TextField, FormControl, InputLabel, Select, MenuItem, alpha, IconButton, Collapse } from "@mui/material";
-import { p as parseEvent } from "../../../index-IPF68v-l.js";
+import { p as parseEvent } from "../../../index-DUEubgWN.js";
 import { z as zoom, i as identity, s as select, t as transform, p as pointer } from "../../../index-CVUD9o3t.js";
 import { ClueComponentContext } from "../../../hooks/ClueComponentContext.js";
 import useComparator from "../../../hooks/useComparator.js";
 import { useMyLocalStorageItem } from "../../../hooks/useMyLocalStorage.js";
 import { StorageKey } from "../../../utils/constants.js";
-import { g as get } from "../../../get-DlGeJ2uz.js";
+import { g as get } from "../../../get-CdMThM8x.js";
 import { a as useContextSelector } from "../../../index-_gpzM2Px.js";
 import { cssImportant } from "../../../utils/graph.js";
 import Iconified from "../icons/Iconified.js";

package/components/display/graph/visualizations/Leaf.js

@@ -1,5 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { i as isObjectLike, b as baseGetTag } from "../../../../isObjectLike-OAgjjZye.js";
+import { b as baseGetTag } from "../../../../_baseGetTag-Hj-0NTYF.js";
+import { i as isObjectLike } from "../../../../isObjectLike-CeENW9FN.js";
 import { useState, useMemo, useCallback, useEffect } from "react";
 var numberTag = "[object Number]";
 function isNumber(value) {

package/components/display/graph/visualizations/cloud/index.js

@@ -4,8 +4,8 @@ import useMyHighlights from "../../../../../hooks/useMyHighlights.js";
 import { useMyLocalStorageItem } from "../../../../../hooks/useMyLocalStorage.js";
 import { StorageKey } from "../../../../../utils/constants.js";
 import { cyrb53 } from "../../../../../utils/graph.js";
-import { c as countBy } from "../../../../../countBy-Bkq0mSO-.js";
-import { s as sumBy } from "../../../../../sumBy-DZSVfXDE.js";
+import { c as countBy } from "../../../../../countBy-Bqcp3VCs.js";
+import { s as sumBy } from "../../../../../sumBy-D-HCzM2i.js";
 import { memo, useRef, useMemo, useCallback } from "react";
 import Leaf from "../Leaf.js";
 const DEFAULT_OPTIONS = {

package/components/display/graph/visualizations/tree/index.js

@@ -4,13 +4,13 @@ import useComparator from "../../../../../hooks/useComparator.js";
 import useMyHighlights from "../../../../../hooks/useMyHighlights.js";
 import { useMyLocalStorageItem } from "../../../../../hooks/useMyLocalStorage.js";
 import { StorageKey, BUNDLE_SEPARATOR } from "../../../../../utils/constants.js";
-import { c as cloneDeep } from "../../../../../cloneDeep-C_PzHHQ0.js";
-import { g as get } from "../../../../../get-DlGeJ2uz.js";
+import { c as cloneDeep } from "../../../../../cloneDeep-l3UkXG5M.js";
+import { g as get } from "../../../../../get-CdMThM8x.js";
 import { i as isNil } from "../../../../../isNil-CIubwp4T.js";
-import { b as baseExtremum, a as baseGt } from "../../../../../_baseExtremum-kob8QXyt.js";
+import { b as baseExtremum, a as baseGt } from "../../../../../_baseExtremum-wOGT4Dgw.js";
 import { i as identity } from "../../../../../identity-CPGTqrE4.js";
-import { i as isIterateeCall } from "../../../../../_isIterateeCall-CEvg7Bo6.js";
-import { t as toFinite } from "../../../../../toFinite-Bc55msYj.js";
+import { i as isIterateeCall } from "../../../../../_isIterateeCall-B1IFEqVv.js";
+import { t as toFinite } from "../../../../../toFinite-meZTg4Su.js";
 import { b as baseSum } from "../../../../../_baseSum-D0WC1dN0.js";
 import { memo, useMemo } from "react";
 import NodeCard from "../../elements/NodeCard.js";

package/components/display/json/index.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "@mui/material";
-import { J } from "../../../index-IPF68v-l.js";
-import "../../../utils-BN7Z0YiP.js";
+import { J } from "../../../index-DUEubgWN.js";
+import "../../../utils-CEySTPtg.js";
 import "../../../hooks/ClueComponentContext.js";
 import "../../../hooks/useMyLocalStorage.js";
 import "../../../utils/constants.js";

package/components/enrichment/EnrichPopover.js

@@ -1,6 +1,6 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { useTheme, Tooltip, IconButton, CircularProgress, Button, Popover, Paper, Stack, Box, Typography, Divider } from "@mui/material";
-import { e as useClueComponentSelector, f as useClueEnrichSelector, c as capitalize } from "../../ActionForm-BGVd1hea.js";
+import { e as useClueComponentSelector, f as useClueEnrichSelector, c as capitalize } from "../../ActionForm-CqKcnDWC.js";
 import { useState, useRef, useCallback, useEffect } from "react";
 import Iconified from "../display/icons/Iconified.js";
 const EnrichPopover = ({ show = false, size = "small", selector }) => {

package/components/fetchers/Fetcher.js

@@ -1,15 +1,13 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { I as Icon } from "../../iconify-DJxl6dC-.js";
-import { useTheme, Skeleton, Chip, Tooltip, Stack, Typography, LinearProgress, Paper, Box, IconButton } from "@mui/material";
+import { useTheme, Skeleton, Chip, Tooltip, Stack, Typography, LinearProgress, Paper, IconButton } from "@mui/material";
 import { F as FlexOne } from "../../FlexOne-BSYAhhtG.js";
 import Iconified from "../display/icons/Iconified.js";
-import { J as JSONViewer } from "../../index-IPF68v-l.js";
 import { ClueComponentContext } from "../../hooks/ClueComponentContext.js";
-import { g as useClueFetcherSelector } from "../../ActionForm-BGVd1hea.js";
+import { g as useClueFetcherSelector } from "../../ActionForm-CqKcnDWC.js";
 import React__default, { useState, useRef, useMemo, useEffect, memo } from "react";
 import { a as useContextSelector } from "../../index-_gpzM2Px.js";
-import Graph from "../display/graph/index.js";
-import Markdown from "../display/markdown/index.js";
+import { FetcherResultView } from "./FetcherResultView.js";
 import PreviewModal from "./PreviewModal.js";
 import StatusChip from "./StatusChip.js";
 const Fetcher = React__default.memo(
@@ -72,6 +70,12 @@ const Fetcher = React__default.memo(
         }
       })();
     }, [classification, fetchSelector, fetcherId, t, type, value]);
+    const resultAdditionalProps = useMemo(() => {
+      if ((result == null ? void 0 : result.outcome) === "success" && result.format === "image") {
+        return { ...imageProps, onClick: () => setShowPreview(true) };
+      }
+      return { result };
+    }, [imageProps, result]);
     if (fetchCompleted) {
       if (!fetcherId) {
         console.warn("Missing fetcher Id. Component will not render.");
@@ -165,10 +169,7 @@ const Fetcher = React__default.memo(
             },
             children: [
               result.outcome === "failure" && /* @__PURE__ */ jsx("code", { style: { color: theme.palette.error.main }, children: /* @__PURE__ */ jsx("pre", { style: { marginTop: 0, marginBottom: 0 }, children: result.error }) }),
-              result.format === "markdown" && /* @__PURE__ */ jsx(Markdown, { md: result.data }),
-              result.format === "image" && /* @__PURE__ */ jsx("img", { src: result.data.image, alt: result.data.alt, ...imageProps, onClick: () => setShowPreview(true) }),
-              result.format === "json" && /* @__PURE__ */ jsx(Box, { sx: { ".react-json-view": { backgroundColor: "transparent !important" } }, children: /* @__PURE__ */ jsx(JSONViewer, { data: result.data }) }),
-              result.format === "graph" && /* @__PURE__ */ jsx(Graph, { graph: result.data, sx: { minHeight: "600px" } }),
+              /* @__PURE__ */ jsx(FetcherResultView, { result, fetcherId, ...resultAdditionalProps }),
               /* @__PURE__ */ jsx(FlexOne, {}),
               /* @__PURE__ */ jsxs(
                 Stack,
@@ -214,7 +215,17 @@ const Fetcher = React__default.memo(
                   ]
                 }
               ),
-              /* @__PURE__ */ jsx(PreviewModal, { ...previewProps, open: showPreview, result, onClose: () => setShowPreview(false) })
+              /* @__PURE__ */ jsx(
+                PreviewModal,
+                {
+                  ...previewProps,
+                  fetcherId,
+                  slotProps: { fetcherResultView: resultAdditionalProps },
+                  open: showPreview,
+                  result,
+                  onClose: () => setShowPreview(false)
+                }
+              )
             ]
           }
         )

package/components/fetchers/FetcherResultView.d.ts

@@ -0,0 +1,7 @@
+import { RenderFetcherResultProps } from "../../plugins/ClueUIPlugin";
+import { FC } from 'react';
+
+export declare const FetcherResultView: FC<RenderFetcherResultProps & {
+    pluginName?: string;
+    fetcherId?: string;
+}>;

package/components/fetchers/FetcherResultView.js

@@ -0,0 +1,41 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Stack } from "@mui/material";
+import { J as JSONViewer } from "../../index-DUEubgWN.js";
+import Markdown from "../display/markdown/index.js";
+import { u as usePluginStore, c as clueUIPluginStore } from "../../store-DMdRx9g0.js";
+import { useTranslation } from "react-i18next";
+import ErrorBoundary from "../ErrorBoundary.js";
+const FetcherResultView = ({
+  pluginName,
+  result,
+  fetcherId,
+  ...props
+}) => {
+  const pluginStore = usePluginStore();
+  const { t } = useTranslation();
+  const availablePlugin = pluginName ?? clueUIPluginStore.getPlugin(result.format ?? "undefined", "fetcher", void 0, fetcherId);
+  if (availablePlugin) {
+    try {
+      const component = pluginStore.executeFunction(`${availablePlugin}.fetcherResult`, {
+        result,
+        fetcherId,
+        ...props
+      });
+      if (component !== void 0) {
+        return /* @__PURE__ */ jsx(ErrorBoundary, { children: component });
+      }
+    } catch {
+      return /* @__PURE__ */ jsx(ErrorBoundary, { children: /* @__PURE__ */ jsxs(Stack, { sx: { overflowY: "auto" }, children: [
+        /* @__PURE__ */ jsx(Markdown, { md: t("format.render.error", { format: result.format }) }),
+        /* @__PURE__ */ jsx(JSONViewer, { data: result, collapse: true, forceCompact: true })
+      ] }) });
+    }
+  }
+  return /* @__PURE__ */ jsxs(Stack, { sx: { overflowY: "auto" }, children: [
+    /* @__PURE__ */ jsx(Markdown, { md: t("format.not.recognized", { format: result.format }) }),
+    /* @__PURE__ */ jsx(JSONViewer, { data: result, collapse: true, forceCompact: true })
+  ] });
+};
+export {
+  FetcherResultView
+};

package/components/fetchers/PreviewModal.d.ts

@@ -1,8 +1,13 @@
 import { ModalProps } from '@mui/material';
+import { RenderFetcherResultProps } from "../../plugins/ClueUIPlugin";
 import { FetcherResult } from "../../types/fetcher";
 
 declare const _default: import('react').NamedExoticComponent<{
     result: FetcherResult;
+    fetcherId?: string;
     onClose?: () => void;
-} & Omit<ModalProps, "children">>;
+    slotProps?: ModalProps["slotProps"] & {
+        fetcherResultView?: Partial<RenderFetcherResultProps>;
+    };
+} & Omit<ModalProps, "children" | "slotProps">>;
 export default _default;

package/components/fetchers/PreviewModal.js

@@ -1,7 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import { Modal, Paper } from "@mui/material";
 import { memo } from "react";
-const PreviewModal = ({ result, onClose, open = false, ...otherProps }) => {
+import { FetcherResultView } from "./FetcherResultView.js";
+const PreviewModal = ({ result, slotProps = {}, fetcherId, onClose, open = false, ...otherProps }) => {
+  const { fetcherResultView, ...modalSlotProps } = slotProps;
   return /* @__PURE__ */ jsx(
     Modal,
     {
@@ -11,8 +13,9 @@ const PreviewModal = ({ result, onClose, open = false, ...otherProps }) => {
         ...Array.isArray(otherProps == null ? void 0 : otherProps.sx) ? otherProps == null ? void 0 : otherProps.sx : [otherProps == null ? void 0 : otherProps.sx]
       ],
       onClose,
+      slotProps: modalSlotProps,
       ...otherProps,
-      children: /* @__PURE__ */ jsx(Paper, { sx: { maxHeight: "90%", maxWidth: "90%", p: 2, overflow: "auto" }, children: (result == null ? void 0 : result.format) === "image" && /* @__PURE__ */ jsx("img", { src: result.data.image, alt: result.data.alt, style: { maxWidth: "100%" } }) })
+      children: /* @__PURE__ */ jsx(Paper, { sx: { maxHeight: "90%", maxWidth: "90%", p: 2, overflow: "auto" }, children: /* @__PURE__ */ jsx(FetcherResultView, { ...fetcherResultView ?? {}, result, fetcherId }) })
     }
   );
 };

package/components/group/Entry.js

@@ -1,5 +1,5 @@
 import { ClueGroupContext } from "../../hooks/ClueGroupContext.js";
-import { i as isEqual } from "../../utils-BN7Z0YiP.js";
+import { i as isEqual } from "../../utils-CEySTPtg.js";
 import { memo, useEffect } from "react";
 import { a as useContextSelector } from "../../index-_gpzM2Px.js";
 const Entry = ({ children, entry, selected = false }) => {

package/components/group/GroupControl.js

@@ -4,7 +4,7 @@ import { F as FlexOne } from "../../FlexOne-BSYAhhtG.js";
 import Iconified from "../display/icons/Iconified.js";
 import { SNACKBAR_EVENT_ID } from "../../data/event.js";
 import { ClueGroupContext } from "../../hooks/ClueGroupContext.js";
-import { e as useClueComponentSelector, f as useClueEnrichSelector, c as capitalize } from "../../ActionForm-BGVd1hea.js";
+import { e as useClueComponentSelector, f as useClueEnrichSelector, c as capitalize } from "../../ActionForm-CqKcnDWC.js";
 import { safeDispatchEvent } from "../../utils/window.js";
 import { useState, useMemo, useCallback } from "react";
 import { a as useContextSelector } from "../../index-_gpzM2Px.js";

package/components/stats/QueryStatus.js

@@ -1,7 +1,7 @@
 import { jsxs } from "react/jsx-runtime";
 import { Stack, Typography } from "@mui/material";
 import { ClueDatabaseContext } from "../../hooks/ClueDatabaseContext.js";
-import { e as useClueComponentSelector, f as useClueEnrichSelector } from "../../ActionForm-BGVd1hea.js";
+import { e as useClueComponentSelector, f as useClueEnrichSelector } from "../../ActionForm-CqKcnDWC.js";
 import { useContext, useState, useEffect } from "react";
 const QueryStatus = () => {
   const { t } = useClueComponentSelector((ctx) => ctx.i18next);

package/{countBy-Bkq0mSO-.js → countBy-Bqcp3VCs.js}

@@ -1,5 +1,5 @@
-import { b as baseAssignValue } from "./_baseAssignValue-Dltt6-s5.js";
-import { c as createAggregator } from "./_createAggregator-BDMdCE6g.js";
+import { b as baseAssignValue } from "./_baseAssignValue-CNUVPOBW.js";
+import { c as createAggregator } from "./_createAggregator-BUZrP_is.js";
 var objectProto = Object.prototype;
 var hasOwnProperty = objectProto.hasOwnProperty;
 var countBy = createAggregator(function(result, value, key) {

package/database/index.js

@@ -1,7 +1,7 @@
-import { b } from "../index-VDwFWSqU.js";
+import { b } from "../index-Dj1N4IQP.js";
 import "../utils/constants.js";
 import "./globals.js";
-import "../replication-DvYQDhM_.js";
+import "../replication--gLEZw8a.js";
 export {
   b as default
 };

package/database/replication.js

@@ -1,5 +1,5 @@
-import "../index-CmQM2DaO.js";
-import { aR } from "../replication-DvYQDhM_.js";
+import "../index-DpJxD74E.js";
+import { aR } from "../replication--gLEZw8a.js";
 import "./globals.js";
 import "../last-CUCl67Im.js";
 export {

package/en/translation.json

@@ -52,6 +52,7 @@
   "enrich": "Enrich",
   "error": "Error",
   "error.unexpected": "An unexpected error occurred",
+  "format.not.recognized": "Unable to display result. No available plugins to display returned format: `{{format}}`.",
   "graph.no.dataset": "No dataset has been selected!",
   "graph.node.input.label": "Enter a node ID, and press [ctrl + enter] to select it. [ctrl + space] will open an autocomplete menu.",
   "graph.show.more": "show more",

package/fr/translation.json

@@ -52,6 +52,7 @@
   "enrich": "Enrichir",
   "error": "Erreur",
   "error.unexpected": "Une erreur inattendue s'est produite",
+  "format.not.recognized": "Impossible d'afficher le résultat. Aucun plugin disponible pour afficher le format renvoyé : `{{format}}`.",
   "graph.no.dataset": "Aucun jeu de données n'a été sélectionné!",
   "graph.node.input.label": "Entrez un ID de nœud et appuyez sur [ctrl + entrée] pour le sélectionner. [ctrl + espace] ouvrira un menu d'auto-complétion.",
   "graph.show.more": "Afficher plus",

package/{get-DlGeJ2uz.js → get-CdMThM8x.js}

@@ -1,4 +1,4 @@
-import { b as baseGet } from "./_baseGet-DKnGz1D3.js";
+import { b as baseGet } from "./_baseGet-Cmp6FztG.js";
 function get(object, path, defaultValue) {
   var result = object == null ? void 0 : baseGet(object, path);
   return result === void 0 ? defaultValue : result;

package/{groupBy-CXx1vslF.js → groupBy-BVV07EGQ.js}

@@ -1,5 +1,5 @@
-import { b as baseAssignValue } from "./_baseAssignValue-Dltt6-s5.js";
-import { c as createAggregator } from "./_createAggregator-BDMdCE6g.js";
+import { b as baseAssignValue } from "./_baseAssignValue-CNUVPOBW.js";
+import { c as createAggregator } from "./_createAggregator-BUZrP_is.js";
 var objectProto = Object.prototype;
 var hasOwnProperty = objectProto.hasOwnProperty;
 var groupBy = createAggregator(function(result, value, key) {

package/hooks/ClueActionContext.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "@mui/material";
-import { C, a } from "../ActionForm-BGVd1hea.js";
-import "../index-CmQM2DaO.js";
+import { C, a } from "../ActionForm-CqKcnDWC.js";
+import "../index-DpJxD74E.js";
 import "../components/display/icons/Iconified.js";
 import "../components/ErrorBoundary.js";
 import "../data/event.js";

package/hooks/ClueDatabaseContext.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { b as buildDatabase } from "../index-VDwFWSqU.js";
+import { b as buildDatabase } from "../index-Dj1N4IQP.js";
 import { createContext, useState, useRef, useEffect } from "react";
 const ClueDatabaseContext = createContext(null);
 const ClueDatabaseProvider = ({

package/hooks/ClueEnrichContext.js

@@ -1,18 +1,19 @@
 import "react/jsx-runtime";
 import "../iconify-DJxl6dC-.js";
-import "../index-CmQM2DaO.js";
+import "../index-DpJxD74E.js";
 import "../database/globals.js";
 import "../utils/loggerUtil.js";
-import "../utils-BN7Z0YiP.js";
-import { C, a } from "../ClueEnrichContext-DKZ2iqmV.js";
-import "../sessionStorage-Dbmo2Exe.js";
-import "../groupBy-CXx1vslF.js";
-import "../useClueTypeConfig-CnMg5Ny8.js";
+import "../utils-CEySTPtg.js";
+import { C, a } from "../ClueEnrichContext-B3YrTCaJ.js";
+import "../sessionStorage-B68y-wnE.js";
+import "../groupBy-BVV07EGQ.js";
+import "../uniq-CahZPAwp.js";
 import "react";
 import "../index-_gpzM2Px.js";
 import "./ClueDatabaseContext.js";
 import "./useClueConfig.js";
-import "../_baseUniq-BqxNeJD9.js";
+import "./useClueTypeConfig.js";
+import "../isEmpty-BE656RUK.js";
 export {
   C as ClueEnrichContext,
   a as ClueEnrichProvider

package/hooks/ClueFetcherContext.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { a as api } from "../index-CmQM2DaO.js";
+import { a as api } from "../index-DpJxD74E.js";
 import { SNACKBAR_EVENT_ID } from "../data/event.js";
 import { safeDispatchEvent } from "../utils/window.js";
 import { useState, useRef, useMemo, useCallback, useEffect } from "react";

package/hooks/ClueGroupContext.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { useState, useMemo } from "react";
 import { c as createContext } from "../index-_gpzM2Px.js";
-import { f as useClueEnrichSelector } from "../ActionForm-BGVd1hea.js";
+import { f as useClueEnrichSelector } from "../ActionForm-CqKcnDWC.js";
 const ClueGroupContext = createContext(null);
 const ClueGroupProvider = ({ children, type, classification }) => {
   const defaultClassification = useClueEnrichSelector((ctx) => ctx.defaultClassification);

package/hooks/CluePopupContext.js

@@ -1,9 +1,9 @@
 import "react/jsx-runtime";
 import "../components/AnnotationDetailPopover.js";
-import { C, a } from "../AnnotationPreview-LLor6159.js";
+import { C, a } from "../AnnotationPreview-Bl447SKT.js";
 import "../data/event.js";
 import "../utils/window.js";
-import "../AnnotationDetails-D4f9aw7S.js";
+import "../AnnotationDetails-BlPd3T8k.js";
 import "react";
 import "../index-_gpzM2Px.js";
 export {