@cccsaurora/clue-ui 1.3.0-dev.339 → 1.3.0-dev.344

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-CC_9H0lC.js";
-import { f as useClueEnrichSelector } from "../ActionForm-irs9q3xm.js";
+import { C as CluePopupContext } from "../AnnotationPreview-BLO29hn_.js";
+import { f as useClueEnrichSelector } from "../ActionForm-bztRjYJE.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-irs9q3xm.js";
+import { f as useClueEnrichSelector } from "../ActionForm-bztRjYJE.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-irs9q3xm.js";
+import { e as useClueComponentSelector, f as useClueEnrichSelector } from "../ActionForm-bztRjYJE.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-CIj4pr7O.js";
+import "../../index-BF4c1XBg.js";
 import "../../hooks/ClueComponentContext.js";
-import { A } from "../../ActionForm-irs9q3xm.js";
-import "../../utils-Du3XxQAT.js";
+import { A } from "../../ActionForm-bztRjYJE.js";
+import "../../utils-Dp6a9Q5X.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-irs9q3xm.js";
+import { d as useClueActionsSelector } from "../../ActionForm-bztRjYJE.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-irs9q3xm.js";
+import { R } from "../../ActionForm-bztRjYJE.js";
 import "react";
 import "../../index-_gpzM2Px.js";
 import "../ClassificationChip.js";

package/components/actions/formats/index.js

@@ -1,20 +1,21 @@
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsxs, jsx } from "react/jsx-runtime";
 import { Stack } from "@mui/material";
-import { J as JSONViewer } from "../../../index-CIj4pr7O.js";
+import { J as JSONViewer } from "../../../index-BF4c1XBg.js";
 import Markdown from "../../display/markdown/index.js";
-import FileResult from "./FileResult.js";
+import { useTranslation } from "react-i18next";
+import { u as usePluginStore, c as clueUIPluginStore } from "../../../store-Dslbt6yE.js";
 const Result = ({ result }) => {
-  if (result.format === "markdown") {
-    return /* @__PURE__ */ jsx(Markdown, { md: result.output });
-  }
-  if (result.format === "json") {
-    return /* @__PURE__ */ jsx(JSONViewer, { data: result.output, collapse: true, forceCompact: true });
-  }
-  if (result.format === "file") {
-    return /* @__PURE__ */ jsx(FileResult, { result });
+  const pluginStore = usePluginStore();
+  const { t } = useTranslation();
+  const plugin = clueUIPluginStore.getPlugin(result.format, "action", result.actionId);
+  if (plugin) {
+    const component = pluginStore.executeFunction(`${plugin}.actionResult`, { result });
+    if (component) {
+      return component;
+    }
   }
   return /* @__PURE__ */ jsxs(Stack, { sx: { overflowY: "auto" }, children: [
-    /* @__PURE__ */ jsx(Markdown, { md: "`" + result.format + "` is not recognized as a format in this application." }),
+    /* @__PURE__ */ jsx(Markdown, { md: t("format.not.recognized", { format: result.format }) }),
     /* @__PURE__ */ jsx(JSONViewer, { data: result, collapse: true, forceCompact: true })
   ] });
 };

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-Du3XxQAT.js";
+import { b as isPlainObject, a as flatten$1 } from "../../../../utils-Dp6a9Q5X.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 { 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-B3PW43Vk.js";
 import { useState, useEffect, useCallback, Fragment as Fragment$1 } from "react";
 import Iconified from "../../icons/Iconified.js";
-import { J as JSONViewer } from "../../../../index-CIj4pr7O.js";
+import { J as JSONViewer } from "../../../../index-BF4c1XBg.js";
 import Markdown from "../../markdown/index.js";
 import ExpandMoreButton from "../ExpandMoreButton.js";
 import NodeTag from "./NodeTag.js";

package/components/display/graph/index.js

@@ -1,7 +1,7 @@
 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-CIj4pr7O.js";
+import { p as parseEvent } from "../../../index-BF4c1XBg.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";

package/components/display/json/index.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "@mui/material";
-import { J } from "../../../index-CIj4pr7O.js";
-import "../../../utils-Du3XxQAT.js";
+import { J } from "../../../index-BF4c1XBg.js";
+import "../../../utils-Dp6a9Q5X.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-irs9q3xm.js";
+import { e as useClueComponentSelector, f as useClueEnrichSelector, c as capitalize } from "../../ActionForm-bztRjYJE.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-CIj4pr7O.js";
 import { ClueComponentContext } from "../../hooks/ClueComponentContext.js";
-import { g as useClueFetcherSelector } from "../../ActionForm-irs9q3xm.js";
+import { g as useClueFetcherSelector } from "../../ActionForm-bztRjYJE.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 { setShowPreview, ...imageProps };
+      }
+      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, ...resultAdditionalProps }),
               /* @__PURE__ */ jsx(FlexOne, {}),
               /* @__PURE__ */ jsxs(
                 Stack,

package/components/fetchers/FetcherResultView.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { RenderFetcherResultProps } from '../../../plugins/ClueUIPlugin';
+
+export declare const FetcherResultView: FC<RenderFetcherResultProps>;

package/components/fetchers/FetcherResultView.js

@@ -0,0 +1,27 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Stack } from "@mui/material";
+import { J as JSONViewer } from "../../index-BF4c1XBg.js";
+import Markdown from "../display/markdown/index.js";
+import { useTranslation } from "react-i18next";
+import { u as usePluginStore, c as clueUIPluginStore } from "../../store-Dslbt6yE.js";
+const FetcherResultView = ({ result, ...props }) => {
+  const pluginStore = usePluginStore();
+  const { t } = useTranslation();
+  const availablePlugins = clueUIPluginStore.getPlugin(result.format, "fetcher");
+  if (availablePlugins.length > 0) {
+    const plugin = availablePlugins.at(0);
+    if (plugin) {
+      const component = pluginStore.executeFunction(`${plugin}.fetcherResult`, { result, ...props });
+      if (component) {
+        return component;
+      }
+    }
+  }
+  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/group/Entry.js

@@ -1,5 +1,5 @@
 import { ClueGroupContext } from "../../hooks/ClueGroupContext.js";
-import { i as isEqual } from "../../utils-Du3XxQAT.js";
+import { i as isEqual } from "../../utils-Dp6a9Q5X.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-irs9q3xm.js";
+import { e as useClueComponentSelector, f as useClueEnrichSelector, c as capitalize } from "../../ActionForm-bztRjYJE.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-irs9q3xm.js";
+import { e as useClueComponentSelector, f as useClueEnrichSelector } from "../../ActionForm-bztRjYJE.js";
 import { useContext, useState, useEffect } from "react";
 const QueryStatus = () => {
   const { t } = useClueComponentSelector((ctx) => ctx.i18next);

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/hooks/ClueActionContext.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "@mui/material";
-import { C, a } from "../ActionForm-irs9q3xm.js";
+import { C, a } from "../ActionForm-bztRjYJE.js";
 import "../index-CmQM2DaO.js";
 import "../components/display/icons/Iconified.js";
 import "../components/ErrorBoundary.js";

package/hooks/ClueEnrichContext.js

@@ -3,15 +3,15 @@ import "../iconify-DJxl6dC-.js";
 import "../index-CmQM2DaO.js";
 import "../database/globals.js";
 import "../utils/loggerUtil.js";
-import { C, a } from "../ClueEnrichContext-NZpr831K.js";
+import { C, a } from "../ClueEnrichContext-fItpTzAE.js";
 import "../sessionStorage-Dbmo2Exe.js";
 import "../groupBy-CXx1vslF.js";
-import "../useClueTypeConfig-CnMg5Ny8.js";
+import "../useClueTypeConfig-D2OeF2ug.js";
 import "react";
 import "../index-_gpzM2Px.js";
 import "./ClueDatabaseContext.js";
 import "./useClueConfig.js";
-import "../_baseUniq-BqxNeJD9.js";
+import "../_baseUniq-Bx6CWGDV.js";
 export {
   C as ClueEnrichContext,
   a as ClueEnrichProvider

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-irs9q3xm.js";
+import { f as useClueEnrichSelector } from "../ActionForm-bztRjYJE.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-CC_9H0lC.js";
+import { C, a } from "../AnnotationPreview-BLO29hn_.js";
 import "../data/event.js";
 import "../utils/window.js";
-import "../AnnotationDetails-TaLlFe0h.js";
+import "../AnnotationDetails-DXTY4rxn.js";
 import "react";
 import "../index-_gpzM2Px.js";
 export {

package/hooks/ClueProvider.d.ts

@@ -1,3 +1,4 @@
+import { ClueUIPluginProviderProps } from 'components/app/providers/ClueUIPluginProvider';
 import { FC, PropsWithChildren } from 'react';
 import { ClueActionProps } from './ClueActionContext';
 import { ClueComponentContextType } from './ClueComponentContext';
@@ -5,5 +6,5 @@ import { ClueConfigContextProps } from './ClueConfigProvider';
 import { ClueDatabaseContextProps } from './ClueDatabaseContext';
 import { ClueEnrichProps } from './ClueEnrichProps';
 
-declare const ClueProvider: FC<PropsWithChildren<ClueEnrichProps & ClueActionProps & ClueComponentContextType & ClueDatabaseContextProps & ClueConfigContextProps>>;
+declare const ClueProvider: FC<PropsWithChildren<ClueEnrichProps & ClueActionProps & ClueComponentContextType & ClueDatabaseContextProps & ClueConfigContextProps & ClueUIPluginProviderProps>>;
 export { ClueProvider };

package/hooks/ClueProvider.js

@@ -1,13 +1,65 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 import { jsx } from "react/jsx-runtime";
-import { a as ClueActionProvider } from "../ActionForm-irs9q3xm.js";
+import { useEffect } from "react";
+import { P as PluginProvider, c as clueUIPluginStore } from "../store-Dslbt6yE.js";
+import { a as ClueActionProvider } from "../ActionForm-bztRjYJE.js";
 import { ClueComponentProvider } from "./ClueComponentContext.js";
 import { ClueConfigProvider } from "./ClueConfigProvider.js";
 import { ClueDatabaseProvider } from "./ClueDatabaseContext.js";
-import { a as ClueEnrichProvider } from "../ClueEnrichContext-NZpr831K.js";
+import { a as ClueEnrichProvider } from "../ClueEnrichContext-fItpTzAE.js";
 import { ClueFetcherProvider } from "./ClueFetcherContext.js";
-import { a as CluePopupProvider } from "../AnnotationPreview-CC_9H0lC.js";
+import { a as CluePopupProvider } from "../AnnotationPreview-BLO29hn_.js";
+class ClueUIPluginsRegistry {
+  constructor() {
+    __publicField(this, "_plugins", [
+      // { name: 'TestPlugin', id: 'none', loadPlugin: () => import('./test') },
+      { name: "MarkdownPlugin", id: "markdown", loadPlugin: () => import("../index-BdAUKhOk.js") },
+      { name: "ImagePlugin", id: "image", loadPlugin: () => import("../index-DXpcBpjs.js") },
+      { name: "JSONPlugin", id: "json", loadPlugin: () => import("../index-BJm74d7l.js") },
+      { name: "GraphPlugin", id: "graph", loadPlugin: () => import("../index-DP0SQqVY.js") },
+      { name: "FilePlugin", id: "file", loadPlugin: () => import("../index-Kt3RwkVk.js") }
+    ]);
+  }
+  getPlugins() {
+    return this._plugins;
+  }
+}
+const ClueUIPluginProvider = ({
+  plugins,
+  excludePlugins,
+  excludeBuiltInPlugins,
+  children
+}) => {
+  useEffect(() => {
+    const loadPlugins = async () => {
+      if (plugins && Array.isArray(plugins)) {
+        for (const pluginDef of plugins) {
+          if (!(excludePlugins == null ? void 0 : excludePlugins.includes(pluginDef.id))) {
+            const pluginModule = await pluginDef.loadPlugin();
+            const plugin = new pluginModule.default();
+            clueUIPluginStore.install(plugin);
+          }
+        }
+      }
+      if (!excludeBuiltInPlugins) {
+        const builtInPlugins = new ClueUIPluginsRegistry().getPlugins();
+        for (const pluginDef of builtInPlugins) {
+          if (!(excludePlugins == null ? void 0 : excludePlugins.includes(pluginDef.id))) {
+            const pluginModule = await pluginDef.loadPlugin();
+            const plugin = new pluginModule.default();
+            clueUIPluginStore.install(plugin);
+          }
+        }
+      }
+    };
+    loadPlugins();
+  }, [excludeBuiltInPlugins, excludePlugins, plugins]);
+  return /* @__PURE__ */ jsx(PluginProvider, { pluginStore: clueUIPluginStore.pluginStore, children });
+};
 const ClueProvider = ({ children, ...props }) => {
-  return /* @__PURE__ */ jsx(ClueComponentProvider, { ...props, children: /* @__PURE__ */ jsx(ClueConfigProvider, { config: props.config, children: /* @__PURE__ */ jsx(ClueDatabaseProvider, { ...props, children: /* @__PURE__ */ jsx(ClueEnrichProvider, { ...props, children: /* @__PURE__ */ jsx(ClueFetcherProvider, { ...props, children: /* @__PURE__ */ jsx(ClueActionProvider, { ...props, children: /* @__PURE__ */ jsx(CluePopupProvider, { children }) }) }) }) }) }) });
+  return /* @__PURE__ */ jsx(ClueComponentProvider, { ...props, children: /* @__PURE__ */ jsx(ClueConfigProvider, { config: props.config, children: /* @__PURE__ */ jsx(ClueDatabaseProvider, { ...props, children: /* @__PURE__ */ jsx(ClueUIPluginProvider, { ...props, children: /* @__PURE__ */ jsx(ClueEnrichProvider, { ...props, children: /* @__PURE__ */ jsx(ClueFetcherProvider, { ...props, children: /* @__PURE__ */ jsx(ClueActionProvider, { ...props, children: /* @__PURE__ */ jsx(CluePopupProvider, { children }) }) }) }) }) }) }) });
 };
 export {
   ClueProvider

package/hooks/selectors.js

@@ -1,6 +1,6 @@
-import { d, e, f, g } from "../ActionForm-irs9q3xm.js";
+import { d, e, f, g } from "../ActionForm-bztRjYJE.js";
 import "./ClueComponentContext.js";
-import "../ClueEnrichContext-NZpr831K.js";
+import "../ClueEnrichContext-fItpTzAE.js";
 import "./ClueFetcherContext.js";
 import "../index-_gpzM2Px.js";
 export {

package/hooks/useActionResult.js

@@ -1,7 +1,7 @@
 import "react";
 import "../index-_gpzM2Px.js";
 import "./ClueComponentContext.js";
-import { u } from "../ActionForm-irs9q3xm.js";
+import { u } from "../ActionForm-bztRjYJE.js";
 export {
   u as useActionResult
 };

package/hooks/useAnnotations.js

@@ -1,7 +1,7 @@
-import { u as uniqBy } from "../ClueEnrichContext-NZpr831K.js";
+import { u as uniqBy } from "../ClueEnrichContext-fItpTzAE.js";
 import { useContext, useMemo, useState, useEffect } from "react";
 import { ClueDatabaseContext } from "./ClueDatabaseContext.js";
-import { f as useClueEnrichSelector } from "../ActionForm-irs9q3xm.js";
+import { f as useClueEnrichSelector } from "../ActionForm-bztRjYJE.js";
 const useAnnotations = (type, value, _classification, { skipEnrichment } = { skipEnrichment: false }) => {
   var _a;
   const database = useContext(ClueDatabaseContext);

package/hooks/useClue.js

@@ -1,5 +1,5 @@
 import { u as useContext } from "../index-_gpzM2Px.js";
-import { C as ClueEnrichContext } from "../ClueEnrichContext-NZpr831K.js";
+import { C as ClueEnrichContext } from "../ClueEnrichContext-fItpTzAE.js";
 const useClue = () => {
   return useContext(ClueEnrichContext);
 };

package/hooks/useClueActions.js

@@ -1,4 +1,4 @@
-import { b } from "../ActionForm-irs9q3xm.js";
+import { b } from "../ActionForm-bztRjYJE.js";
 import "../index-_gpzM2Px.js";
 export {
   b as default

package/hooks/useClueTypeConfig.js

@@ -1,8 +1,8 @@
 import "../index-CmQM2DaO.js";
 import "../utils/loggerUtil.js";
-import "../_baseUniq-BqxNeJD9.js";
+import "../_baseUniq-Bx6CWGDV.js";
 import "react";
-import { a } from "../useClueTypeConfig-CnMg5Ny8.js";
+import { a } from "../useClueTypeConfig-D2OeF2ug.js";
 export {
   a as default
 };

package/hooks/useErrors.js

@@ -1,6 +1,6 @@
 import { useContext, useState, useEffect } from "react";
 import { ClueDatabaseContext } from "./ClueDatabaseContext.js";
-import { f as useClueEnrichSelector } from "../ActionForm-irs9q3xm.js";
+import { f as useClueEnrichSelector } from "../ActionForm-bztRjYJE.js";
 const useErrors = (value) => {
   const database = useContext(ClueDatabaseContext);
   const ready = useClueEnrichSelector((ctx) => ctx.ready);

package/hooks/useFetcherResult.js

@@ -1,5 +1,5 @@
 import { useState, useRef, useMemo, useEffect } from "react";
-import { b as useClueActions } from "../ActionForm-irs9q3xm.js";
+import { b as useClueActions } from "../ActionForm-bztRjYJE.js";
 const useActionResult = (resultWithData, interval = 2e3) => {
   const [result, setResult] = useState(resultWithData);
   const timeoutRef = useRef(null);

package/icons/Action.js

@@ -2,8 +2,8 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { I as Icon } from "../iconify-DJxl6dC-.js";
 import { useTheme, Stack, Divider, Typography } from "@mui/material";
 import CountBadge from "../components/CountBadge.js";
-import { C as CluePopupContext } from "../AnnotationPreview-CC_9H0lC.js";
-import { b as useClueActions } from "../ActionForm-irs9q3xm.js";
+import { C as CluePopupContext } from "../AnnotationPreview-BLO29hn_.js";
+import { b as useClueActions } from "../ActionForm-bztRjYJE.js";
 import { g as groupBy } from "../groupBy-CXx1vslF.js";
 import { memo, useRef, useMemo, useEffect } from "react";
 import { a as useContextSelector } from "../index-_gpzM2Px.js";

package/icons/Assessment.js

@@ -2,11 +2,11 @@ import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { I as Icon } from "../iconify-DJxl6dC-.js";
 import { useTheme, Stack, Chip, Divider, Grid, Tooltip } from "@mui/material";
 import CountBadge from "../components/CountBadge.js";
-import { C as CluePopupContext } from "../AnnotationPreview-CC_9H0lC.js";
+import { C as CluePopupContext } from "../AnnotationPreview-BLO29hn_.js";
 import { g as groupBy } from "../groupBy-CXx1vslF.js";
 import { l as last } from "../last-CUCl67Im.js";
 import { m as maxBy } from "../maxBy-a49mqwW9.js";
-import { s as sortBy } from "../sortBy-Tf6pz1tg.js";
+import { s as sortBy } from "../sortBy-Bjn6Gl0J.js";
 import { s as sumBy } from "../sumBy-DZSVfXDE.js";
 import { memo, useRef, useState, useMemo, useEffect } from "react";
 import { a as useContextSelector } from "../index-_gpzM2Px.js";

package/icons/Context.js

@@ -4,7 +4,7 @@ import { Stack, Divider } from "@mui/material";
 import AnnotationEntry from "../components/AnnotationEntry.js";
 import CountBadge from "../components/CountBadge.js";
 import Iconified from "../components/display/icons/Iconified.js";
-import { C as CluePopupContext } from "../AnnotationPreview-CC_9H0lC.js";
+import { C as CluePopupContext } from "../AnnotationPreview-BLO29hn_.js";
 import { g as groupBy } from "../groupBy-CXx1vslF.js";
 import { memo, useRef, useMemo, useEffect } from "react";
 import { a as useContextSelector } from "../index-_gpzM2Px.js";

package/icons/Opinion.js

@@ -2,9 +2,9 @@ import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { I as Icon } from "../iconify-DJxl6dC-.js";
 import { useTheme, Stack, Chip, Divider, Grid } from "@mui/material";
 import CountBadge from "../components/CountBadge.js";
-import { C as CluePopupContext } from "../AnnotationPreview-CC_9H0lC.js";
+import { C as CluePopupContext } from "../AnnotationPreview-BLO29hn_.js";
 import { g as groupBy } from "../groupBy-CXx1vslF.js";
-import { s as sortBy } from "../sortBy-Tf6pz1tg.js";
+import { s as sortBy } from "../sortBy-Bjn6Gl0J.js";
 import { s as sumBy } from "../sumBy-DZSVfXDE.js";
 import { memo, useRef, useMemo, useCallback, useEffect } from "react";
 import { a as useContextSelector } from "../index-_gpzM2Px.js";

package/{index-CIj4pr7O.js → index-BF4c1XBg.js}

@@ -4,7 +4,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ClickAwayListener, TextField, InputAdornment, Popper, Paper, MenuList, MenuItem, ListItemText, useTheme, Stack, Skeleton } from "@mui/material";
 import { useRef, useState, useEffect, useMemo, lazy } from "react";
-import { r as removeEmpty, s as searchObject, a as flatten } from "./utils-Du3XxQAT.js";
+import { r as removeEmpty, s as searchObject, a as flatten } from "./utils-Dp6a9Q5X.js";
 import { ClueComponentContext } from "./hooks/ClueComponentContext.js";
 import { useMyLocalStorageItem } from "./hooks/useMyLocalStorage.js";
 import { StorageKey } from "./utils/constants.js";

package/index-BJm74d7l.js

@@ -0,0 +1,25 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+import { jsx } from "react/jsx-runtime";
+import { J as JSONViewer } from "./index-BF4c1XBg.js";
+import { C as ClueUIPlugin } from "./ClueUIPlugin-0udQl--U.js";
+class JsonPlugin extends ClueUIPlugin {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "name", "JsonPlugin");
+    __publicField(this, "format", "json");
+    __publicField(this, "version", "1.0.0");
+    __publicField(this, "author", "Mrs. Peacock");
+    __publicField(this, "description", "Renders JSON with the default renderer or the overridden json component defined in the clue component provider.");
+  }
+  actionResult({ result }) {
+    return /* @__PURE__ */ jsx(JSONViewer, { data: result.output, collapse: true, forceCompact: true });
+  }
+  fetcherResult({ result }) {
+    return /* @__PURE__ */ jsx(JSONViewer, { data: result.data });
+  }
+}
+export {
+  JsonPlugin as default
+};

package/index-BdAUKhOk.js

@@ -0,0 +1,25 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+import { jsx } from "react/jsx-runtime";
+import Markdown from "./components/display/markdown/index.js";
+import { C as ClueUIPlugin } from "./ClueUIPlugin-0udQl--U.js";
+class MarkdownPlugin extends ClueUIPlugin {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "name", "MarkdownPlugin");
+    __publicField(this, "format", "markdown");
+    __publicField(this, "version", "1.0.0");
+    __publicField(this, "author", "Professor Plum");
+    __publicField(this, "description", "Renders Markdown.");
+  }
+  actionResult({ result }) {
+    return /* @__PURE__ */ jsx(Markdown, { md: result.output });
+  }
+  fetcherResult({ result }) {
+    return /* @__PURE__ */ jsx(Markdown, { md: result.data });
+  }
+}
+export {
+  MarkdownPlugin as default
+};