@cccsaurora/clue-ui 1.1.0-dev.10 → 1.1.0-dev.100

package/{ActionForm-D4ryHO0M.js → ActionForm-ByeOzpc4.js}

@@ -1,23 +1,27 @@
-import { jsxs, jsx } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { materialRenderers, materialCells } from "@jsonforms/material-renderers";
 import { JsonForms } from "@jsonforms/react";
-import { Stack, Typography, IconButton, Modal, Paper, Box, Button, Divider, CircularProgress, Collapse } from "@mui/material";
+import { Modal, Paper, Stack, Typography, Divider, LinearProgress, Button, IconButton, Box, CircularProgress, Collapse } from "@mui/material";
 import Iconified from "./components/display/icons/Iconified.js";
-import { J as JSONViewer } from "./index-BMxyILVD.js";
+import { J as JSONViewer } from "./index-Bi21Wb23.js";
 import { ClueComponentContext } from "./hooks/ClueComponentContext.js";
-import { c as createContext, u as useContextSelector, a as useContext } from "./index-BDVjGvMI.js";
-import { A as Ajv } from "./index-Dz1kF2MU.js";
-import { a as api } from "./useClueTypeConfig-CH-nGq6a.js";
+import { A as Ajv } from "./index-CC12Ux-9.js";
+import { a as api } from "./useClueTypeConfig-XvGvIw2S.js";
 import { d as toString } from "./_baseGet-BSK_nnoz.js";
 import { b as baseSlice } from "./_baseSlice-GAv_YFTT.js";
-import { i as isEqual } from "./utils-Dr4wbKBZ.js";
-import { useState, useCallback, useEffect, useMemo, memo } from "react";
+import { i as isEqual } from "./utils-7OtvGnmf.js";
+import { useState, useRef, useMemo, useEffect, memo, useCallback } from "react";
+import { u as useContextSelector, c as createContext, a as useContext } from "./index-BDVjGvMI.js";
 import ErrorBoundary from "./components/ErrorBoundary.js";
 import { adaptSchema } from "./components/actions/form/schemaAdapter.js";
-import ResultModal from "./components/actions/ResultModal.js";
+import { I as Icon } from "./iconify-CXMreGTg.js";
+import Markdown from "./components/display/markdown/index.js";
+import ClassificationChip from "./components/ClassificationChip.js";
 import { SNACKBAR_EVENT_ID } from "./data/event.js";
+import { dayjs } from "./utils/time.js";
 import { safeDispatchEvent } from "./utils/window.js";
 import useClue from "./hooks/useClue.js";
+import { i as isNil } from "./isNil-CIubwp4T.js";
 function castSlice(array, start, end) {
   var length = array.length;
   end = end === void 0 ? length : end;
@@ -55,16 +59,92 @@ var upperFirst = createCaseFirst("toUpperCase");
 function capitalize(string) {
   return upperFirst(toString(string).toLowerCase());
 }
+const useActionResult = (resultWithData, interval = 2e3) => {
+  const [result, setResult] = useState(resultWithData);
+  const timeoutRef = useRef(null);
+  const { getActionStatus } = useClueActions();
+  const taskId = useMemo(() => resultWithData == null ? void 0 : resultWithData.task_id, [resultWithData == null ? void 0 : resultWithData.task_id]);
+  const actionId = useMemo(() => resultWithData == null ? void 0 : resultWithData.actionId, [resultWithData == null ? void 0 : resultWithData.actionId]);
+  useEffect(() => {
+    if ((resultWithData == null ? void 0 : resultWithData.outcome) !== "pending" || !taskId) return;
+    let cancelled = false;
+    const poll = async () => {
+      const res = await getActionStatus(actionId, taskId);
+      if (!res) {
+        setResult({ outcome: "failure", done: true });
+      } else if (res.outcome === "success" || res.outcome === "failure") {
+        setResult({ ...res, done: true });
+      } else {
+        if (cancelled) return;
+        setResult({ ...res });
+        timeoutRef.current = setTimeout(poll, interval);
+      }
+    };
+    poll();
+    return () => {
+      cancelled = true;
+      if (timeoutRef.current) clearTimeout(timeoutRef.current);
+    };
+  }, [actionId, getActionStatus, interval, resultWithData == null ? void 0 : resultWithData.outcome, taskId]);
+  useEffect(() => {
+    setResult(resultWithData);
+  }, [resultWithData]);
+  return useMemo(
+    () => resultWithData || result ? { ...resultWithData, ...result } : void 0,
+    [resultWithData, result]
+  );
+};
+const ResultModal = ({ result: _result, onClose, show = false }) => {
+  var _a, _b;
+  const { t } = useContextSelector(ClueComponentContext, (ctx) => ctx.i18next);
+  const result = useActionResult(_result);
+  if (!result) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(Modal, { open: show, sx: { display: "flex", alignItems: "center", justifyContent: "center" }, onClose, children: /* @__PURE__ */ jsx(Paper, { sx: { maxHeight: "80%", maxWidth: "80%", height: "100%", p: 2, minWidth: "750px" }, children: /* @__PURE__ */ jsx(ErrorBoundary, { children: /* @__PURE__ */ jsxs(Stack, { spacing: 1, height: "100%", children: [
+    /* @__PURE__ */ jsxs(Stack, { direction: "row", spacing: 1, alignItems: "center", children: [
+      result.action.action_icon && /* @__PURE__ */ jsx(Icon, { height: "1.5rem", icon: result.action.action_icon }),
+      /* @__PURE__ */ jsx(Typography, { variant: "h5", children: result.action.name }),
+      result.action.supported_types && /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "text.secondary", children: result.action.supported_types.map((type) => type.toUpperCase()).join(", ") }),
+      /* @__PURE__ */ jsx("div", { style: { flex: 1 } }),
+      /* @__PURE__ */ jsx(ClassificationChip, { size: "small", classification: result.action.classification })
+    ] }),
+    /* @__PURE__ */ jsx(Typography, { variant: "body1", children: result.action.summary }),
+    /* @__PURE__ */ jsx(Divider, { flexItem: true }),
+    result.done ? /* @__PURE__ */ jsx(ErrorBoundary, { children: result.format === "markdown" ? /* @__PURE__ */ jsx(Markdown, { md: result.output }) : result.format === "json" ? /* @__PURE__ */ jsx(JSONViewer, { data: result.output, collapse: true, forceCompact: true }) : /* @__PURE__ */ jsxs(Stack, { sx: { overflowY: "auto" }, children: [
+      /* @__PURE__ */ jsx(Markdown, { md: "`" + result.format + "` is not recognized as a format in this application." }),
+      /* @__PURE__ */ jsx(JSONViewer, { data: result, collapse: true, forceCompact: true })
+    ] }) }) : /* @__PURE__ */ jsxs(Stack, { flex: 1, sx: { pt: 2, alignItems: "center" }, spacing: 1, children: [
+      result.summary && /* @__PURE__ */ jsx(Typography, { variant: "caption", children: result.summary }),
+      /* @__PURE__ */ jsx(
+        LinearProgress,
+        {
+          variant: ((_a = result.output) == null ? void 0 : _a.progress) ? "determinate" : "indeterminate",
+          value: ((_b = result.output) == null ? void 0 : _b.progress) * 100,
+          sx: { maxWidth: 500, width: "100%", borderRadius: (theme) => theme.shape.borderRadius }
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx("div", { style: { flex: 1 } }),
+    /* @__PURE__ */ jsxs(Stack, { direction: "row", spacing: 1, children: [
+      /* @__PURE__ */ jsx("div", { style: { flex: 1 } }),
+      result.link && /* @__PURE__ */ jsx(Button, { variant: "outlined", component: "a", target: "_blank", href: result.link, children: t("details.open") }),
+      /* @__PURE__ */ jsx(Button, { variant: "outlined", color: "error", onClick: onClose, children: t("close") })
+    ] })
+  ] }) }) }) });
+};
+const ResultModal$1 = memo(ResultModal);
 const AJV = new Ajv({ removeAdditional: true, coerceTypes: true, strict: false });
 const ClueActionContext = createContext(null);
 const ClueActionProvider = ({
   baseURL,
   children,
   classification: defaultClassification,
+  includeContext: defaultIncludeContext,
   getToken,
   onNetworkCall
 }) => {
-  const { t } = useContextSelector(ClueComponentContext, (ctx) => ctx.i18next);
+  const { t, i18n } = useContextSelector(ClueComponentContext, (ctx) => ctx.i18next);
   const { ready } = useClue();
   const [runningActionData, setRunningActionData] = useState(null);
   const [actionResults, setActionResults] = useState({});
@@ -72,25 +152,25 @@ const ClueActionProvider = ({
   const [lastResult, setLastResult] = useState(null);
   const [loading, setLoading] = useState(false);
   const [availableActions, setAvailableActions] = useState({});
-  const refreshActions = useCallback(async () => {
-    if (!ready) {
-      return;
-    }
+  const requestConfig = useMemo(() => {
     const headers = {};
     const token = getToken == null ? void 0 : getToken();
     if (token) {
       headers.Authorization = `Bearer ${token}`;
     }
-    let requestConfig = { baseURL, headers };
-    if (onNetworkCall) {
-      requestConfig = onNetworkCall(requestConfig);
+    const baseConfig = { baseURL, headers };
+    return onNetworkCall ? onNetworkCall(baseConfig) : { baseURL, headers };
+  }, [baseURL, getToken, onNetworkCall]);
+  const refreshActions = useCallback(async () => {
+    if (!ready) {
+      return;
     }
     const _actions = await api.actions.get(requestConfig);
     if (_actions) {
       setAvailableActions(_actions);
     }
     return _actions;
-  }, [baseURL, getToken, onNetworkCall, ready]);
+  }, [ready, requestConfig]);
   useEffect(() => {
     refreshActions();
   }, [baseURL, ready]);
@@ -100,18 +180,15 @@ const ClueActionProvider = ({
   );
   const executeAction = useCallback(
     async (actionId, selectors, params, options) => {
-      const { forceMenu, onComplete, skipMenu, timeout } = {
+      const { forceMenu, onComplete, skipMenu, skipResultModal, timeout, includeContext, extraContext } = {
         forceMenu: false,
         skipMenu: false,
         onComplete: null,
         timeout: null,
+        includeContext: defaultIncludeContext ?? false,
+        extraContext: null,
         ...options
       };
-      const headers = {};
-      const token = getToken == null ? void 0 : getToken();
-      if (token) {
-        headers.Authorization = `Bearer ${token}`;
-      }
       if (!Object.keys(availableActions).includes(actionId)) {
         throw new Error("Invalid action id");
       }
@@ -121,6 +198,20 @@ const ClueActionProvider = ({
       const actionToRun = availableActions[actionId];
       const validator = AJV.compile(actionToRun.params);
       const validatedParams = { selectors: stringifiedSelectors, ...params };
+      let context2 = null;
+      if (includeContext) {
+        context2 = {
+          timestamp: dayjs().toISOString(),
+          url: window.location,
+          language: (i18n == null ? void 0 : i18n.language) ?? "en"
+        };
+      }
+      if (!isNil(extraContext)) {
+        context2 = {
+          ...context2 ?? {},
+          ...extraContext
+        };
+      }
       setLoading(true);
       if (!validator(validatedParams) || forceMenu) {
         if (skipMenu && !forceMenu) {
@@ -143,20 +234,18 @@ const ClueActionProvider = ({
           action: actionToRun,
           selectors,
           params: validatedParams ?? {},
+          context: context2,
           onComplete,
           timeout
         });
         return;
       }
       try {
-        let requestConfig = { baseURL, headers };
-        if (onNetworkCall) {
-          requestConfig = onNetworkCall(requestConfig);
-        }
         const actionResult = await api.actions.post(
           actionId,
           stringifiedSelectors,
           validatedParams ?? {},
+          context2,
           { timeout },
           requestConfig
         );
@@ -183,7 +272,7 @@ const ClueActionProvider = ({
                 actionResult.link && /* @__PURE__ */ jsx(IconButton, { component: "a", href: actionResult.link, size: "small", target: "_blank", children: /* @__PURE__ */ jsx(Iconified, { icon: "ic:baseline-open-in-new", fontSize: "small" }) })
               ] }),
               timeout: actionResult.link ? null : 5e3,
-              level: actionResult.outcome === "success" ? "success" : "error",
+              level: actionResult.outcome === "success" ? "success" : actionResult.outcome === "pending" ? "info" : "error",
               options: {
                 style: {
                   minWidth: 0
@@ -200,9 +289,15 @@ const ClueActionProvider = ({
         if (actionResult.outcome === "success") {
           setRunningActionData(null);
         }
+        if (actionResult.outcome === "pending") {
+          setLastResult({ ...actionResult, actionId, action: actionToRun });
+          if (!skipResultModal) {
+            setShowResultModal(true);
+          }
+        }
         if (actionResult.format) {
           setLastResult({ ...actionResult, actionId, action: actionToRun });
-          if (actionResult.format !== "pivot") {
+          if (actionResult.format !== "pivot" && !skipResultModal) {
             setShowResultModal(true);
           } else {
             window.open(actionResult.output, "_blank", "noreferrer");
@@ -221,7 +316,25 @@ const ClueActionProvider = ({
         setLoading(false);
       }
     },
-    [availableActions, baseURL, getHashKey, getToken, onNetworkCall, runningActionData == null ? void 0 : runningActionData.id, t]
+    [availableActions, defaultIncludeContext, getHashKey, i18n == null ? void 0 : i18n.language, requestConfig, runningActionData == null ? void 0 : runningActionData.id, t]
+  );
+  const getActionStatus = useCallback(
+    async (actionId, taskId) => {
+      try {
+        const res = await api.actions.status.get(actionId, taskId, {}, requestConfig);
+        return res;
+      } catch (e) {
+        safeDispatchEvent(
+          new CustomEvent(SNACKBAR_EVENT_ID, {
+            detail: {
+              message: e.toString(),
+              level: "error"
+            }
+          })
+        );
+      }
+    },
+    [requestConfig]
   );
   const cancelAction = useCallback(() => {
     setRunningActionData(null);
@@ -236,18 +349,19 @@ const ClueActionProvider = ({
       availableActions,
       executeAction,
       cancelAction,
+      getActionStatus,
       getActionResults,
       loading,
       refreshActions
     }),
-    [availableActions, cancelAction, executeAction, getActionResults, loading, refreshActions]
+    [availableActions, cancelAction, executeAction, getActionResults, getActionStatus, loading, refreshActions]
   );
   return /* @__PURE__ */ jsxs(ClueActionContext.Provider, { value: context, children: [
     children,
     /* @__PURE__ */ jsxs(ErrorBoundary, { children: [
       runningActionData && /* @__PURE__ */ jsx(ActionForm$1, { runningActionData }),
       /* @__PURE__ */ jsx(
-        ResultModal,
+        ResultModal$1,
         {
           show: showResultModal && !!lastResult,
           result: lastResult,
@@ -284,16 +398,19 @@ const ActionForm = ({ runningActionData }) => {
         } else {
           return +(formSchema == null ? void 0 : formSchema.required.includes(a_key)) - +(formSchema == null ? void 0 : formSchema.required.includes(b_key));
         }
-      }).map(([key, value]) => ({
-        type: "Control",
-        scope: `#/properties/${key}`,
-        options: {
-          autocomplete: !!value.enum,
-          showUnfocusedDescription: true,
-          ...value.options
-        },
-        rule: value.rule
-      }))
+      }).map(([key, value]) => {
+        var _a;
+        return {
+          type: "Control",
+          scope: `#/properties/${key}`,
+          options: {
+            autocomplete: !!value.enum || ((_a = value.options) == null ? void 0 : _a.autocomplete),
+            showUnfocusedDescription: true,
+            ...value.options
+          },
+          rule: value.rule
+        };
+      })
     }),
     [formSchema == null ? void 0 : formSchema.properties, formSchema == null ? void 0 : formSchema.required]
   );
@@ -430,7 +547,9 @@ const ActionForm$1 = memo(ActionForm);
 export {
   ActionForm$1 as A,
   ClueActionProvider as C,
+  ResultModal$1 as R,
   ClueActionContext as a,
+  useActionResult as b,
   capitalize as c,
   useClueActions as u
 };

package/{AnnotationDetails-YAPoqw3R.js → AnnotationDetails-DknbKDyl.js}

@@ -10,7 +10,7 @@ import useErrors from "./hooks/useErrors.js";
 import { ICON_MAP } from "./icons/iconMap.js";
 import { safeDispatchEvent } from "./utils/window.js";
 import { g as groupBy } from "./groupBy-DC2oOuBN.js";
-import { u as uniq } from "./ClueEnrichContext-DIn6g8tw.js";
+import { u as uniq } from "./ClueEnrichContext-6NJfXpUB.js";
 import { memo, useState, useMemo, useCallback, useEffect } from "react";
 import { u as useContextSelector } from "./index-BDVjGvMI.js";
 import ExecutePopover from "./components/actions/ExecutePopover.js";

package/{AnnotationPreview-DiQDjt9s.js → AnnotationPreview-CQwKs8se.js}

@@ -3,12 +3,12 @@ import { I as Icon } from "./iconify-CXMreGTg.js";
 import { useTheme, Popper, Fade, Paper, Stack, Typography, Divider } from "@mui/material";
 import AnnotationDetailPopover from "./components/AnnotationDetailPopover.js";
 import useAnnotations from "./hooks/useAnnotations.js";
-import { t as twitterShort } from "./utils-Dr4wbKBZ.js";
+import { t as twitterShort } from "./utils-7OtvGnmf.js";
 import { useState, useRef, useCallback, useEffect, useMemo } from "react";
 import { c as createContext, u as useContextSelector } from "./index-BDVjGvMI.js";
 import { SHOW_EVENT_ID, HIDE_EVENT_ID } from "./data/event.js";
 import { safeDispatchEvent, safeAddEventListener } from "./utils/window.js";
-import { i as isNull } from "./AnnotationDetails-YAPoqw3R.js";
+import { i as isNull } from "./AnnotationDetails-DknbKDyl.js";
 const CluePopupContext = createContext(null);
 const CluePopupProvider = ({ children }) => {
   const [popupType, setPopupType] = useState(null);

package/{ClueEnrichContext-DIn6g8tw.js → ClueEnrichContext-6NJfXpUB.js}

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { a as addAPIProvider } from "./iconify-CXMreGTg.js";
-import { u as useClueTypeConfig, a as api, p as post } from "./useClueTypeConfig-CH-nGq6a.js";
+import { u as useClueTypeConfig, a as api, p as post } from "./useClueTypeConfig-XvGvIw2S.js";
 import { clueDebugLogger } from "./utils/loggerUtil.js";
 import { b as baseSlice } from "./_baseSlice-GAv_YFTT.js";
 import { t as toFinite } from "./toFinite-Bc55msYj.js";
@@ -8,7 +8,7 @@ import { d as debounce } from "./debounce-bV0h5FC5.js";
 import { g as groupBy } from "./groupBy-DC2oOuBN.js";
 import { b as baseUniq } from "./_baseUniq-CpupKWcL.js";
 import { b as baseIteratee } from "./_baseIteratee-p6Nj07-n.js";
-import { useContext, useMemo, useState, useRef, useEffect, useCallback } from "react";
+import { useContext, useState, useMemo, useCallback, useRef, useEffect } from "react";
 import { c as createContext } from "./index-BDVjGvMI.js";
 import { ClueDatabaseContext } from "./hooks/ClueDatabaseContext.js";
 import useClueConfig from "./hooks/useClueConfig.js";
@@ -89,13 +89,24 @@ const ClueEnrichProvider = ({
   customIconify: _customIconify,
   debugLogging = true
 }) => {
-  var _a;
+  var _a, _b, _c, _d;
   const clueConfig = useClueConfig();
   const database = useContext(ClueDatabaseContext);
-  const defaultClassification = useMemo(() => {
-    var _a2, _b;
-    return (_b = (_a2 = clueConfig.config) == null ? void 0 : _a2.c12nDef) == null ? void 0 : _b.UNRESTRICTED;
-  }, [clueConfig.config]);
+  const [configuredDefaultClassification, setConfiguredDefaultClassification] = useState(null);
+  const defaultClassification = useMemo(
+    () => {
+      var _a2, _b2;
+      return configuredDefaultClassification ?? _defaultClassification ?? ((_b2 = (_a2 = clueConfig.config) == null ? void 0 : _a2.c12nDef) == null ? void 0 : _b2.RESTRICTED);
+    },
+    [_defaultClassification, (_b = (_a = clueConfig.config) == null ? void 0 : _a.c12nDef) == null ? void 0 : _b.RESTRICTED, configuredDefaultClassification]
+  );
+  const setDefaultClassification = useCallback(
+    (func) => {
+      var _a2;
+      return setConfiguredDefaultClassification(func((_a2 = clueConfig.config) == null ? void 0 : _a2.c12nDef));
+    },
+    [(_c = clueConfig.config) == null ? void 0 : _c.c12nDef]
+  );
   const [isReady, setIsReady] = useState(ready);
   const runningRequestCount = useRef(0);
   const [sources, setSources] = useState([]);
@@ -191,7 +202,7 @@ const ClueEnrichProvider = ({
   );
   const enrich = useCallback(
     async (type, value2, _options = {}) => {
-      var _a2, _b;
+      var _a2, _b2;
       if (!type || !value2) {
         console.error(`Type (${type}) or value (${value2}) is empty, returning empty response`);
         return {};
@@ -222,7 +233,7 @@ const ClueEnrichProvider = ({
       };
       let statusRecord = await ((_a2 = database.status) == null ? void 0 : _a2.findOne({ selector: { ...selector } }).exec());
       if (!statusRecord) {
-        statusRecord = await ((_b = database.status) == null ? void 0 : _b.insert({
+        statusRecord = await ((_b2 = database.status) == null ? void 0 : _b2.insert({
           id: v4(),
           type: selector.type,
           value: selector.value,
@@ -235,12 +246,13 @@ const ClueEnrichProvider = ({
       try {
         const enrichmentResult = await post([selector], options.sources, options, requestConfig);
         const enrichData = Object.values(Object.values(enrichmentResult)[0])[0];
-        await (statusRecord == null ? void 0 : statusRecord.incrementalPatch({ status: "complete" }));
         await _addEntries(Object.values(enrichData));
         return enrichData;
       } catch (e) {
         console.error(e);
         return {};
+      } finally {
+        await (statusRecord == null ? void 0 : statusRecord.incrementalPatch({ status: "complete" }));
       }
     },
     [
@@ -460,7 +472,7 @@ const ClueEnrichProvider = ({
   );
   const guessType = useCallback(
     (value2) => {
-      var _a2, _b;
+      var _a2, _b2;
       if (!value2) {
         return null;
       }
@@ -470,7 +482,7 @@ const ClueEnrichProvider = ({
         return regularCheck;
       }
       const lowercased = value2.toLowerCase();
-      const lowercaseCheck = (_b = types.find(([_type, _regexp]) => _regexp.exec(lowercased))) == null ? void 0 : _b[0];
+      const lowercaseCheck = (_b2 = types.find(([_type, _regexp]) => _regexp.exec(lowercased))) == null ? void 0 : _b2[0];
       if (lowercaseCheck) {
         return lowercaseCheck;
       }
@@ -492,6 +504,7 @@ const ClueEnrichProvider = ({
         guessType,
         queueEnrich,
         setCustomIconify,
+        setDefaultClassification,
         setReady: setIsReady,
         defaultClassification,
         ready: isReady && !!database && !!((_a2 = clueConfig.config) == null ? void 0 : _a2.c12nDef)
@@ -506,10 +519,11 @@ const ClueEnrichProvider = ({
       availableSources,
       guessType,
       queueEnrich,
+      setDefaultClassification,
       defaultClassification,
       isReady,
       database,
-      (_a = clueConfig.config) == null ? void 0 : _a.c12nDef
+      (_d = clueConfig.config) == null ? void 0 : _d.c12nDef
     ]
   );
   return /* @__PURE__ */ jsx(ClueEnrichContext.Provider, { value, children });

package/_commonjsHelpers-DWwsNxpa.js

@@ -0,0 +1,8 @@
+var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
+function getDefaultExportFromCjs(x) {
+  return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
+}
+export {
+  commonjsGlobal as c,
+  getDefaultExportFromCjs as g
+};

package/api/lookup/index.d.ts

@@ -1,5 +1,5 @@
 import * as enrich from "../../api/lookup/enrich";
 import * as types from "../../api/lookup/types";
 import * as types_detection from "../../api/lookup/types_detection";
-export declare function uri(): string;
+export declare const uri: () => string;
 export { enrich, types, types_detection };

package/api/lookup/types.d.ts

@@ -1,5 +1,5 @@
 import { AxiosRequestConfig } from 'axios';
 import { TypesResponse } from "../../types/lookup";
 
-export declare function uri(): string;
-export declare function get(config?: AxiosRequestConfig): Promise<TypesResponse>;
+export declare const uri: () => string;
+export declare const get: (config?: AxiosRequestConfig) => Promise<TypesResponse>;

package/api/lookup/types_detection.d.ts

@@ -1,5 +1,5 @@
 import { AxiosRequestConfig } from 'axios';
 import { TypesDetectionResponse } from "../../types/lookup";
 
-export declare function uri(): string;
-export declare function get(config?: AxiosRequestConfig): Promise<TypesDetectionResponse>;
+export declare const uri: () => string;
+export declare const get: (config?: AxiosRequestConfig) => Promise<TypesDetectionResponse>;

package/components/AnnotationBody.js

@@ -47,7 +47,7 @@ const AnnotationBody = ({ annotation }) => {
       annotation.type,
       ":"
     ] }),
-    /* @__PURE__ */ jsx(Typography, { variant: "body2", children: annotation.value })
+    typeof annotation.value !== "string" ? /* @__PURE__ */ jsx(Typography, { variant: "body2", children: annotation.value }) : /* @__PURE__ */ jsx(Stack, { spacing: 0.5, children: annotation.value.split("\n").map((line) => /* @__PURE__ */ jsx(Typography, { variant: "body2", children: line }, line)) })
   ] });
 };
 const AnnotationBody$1 = memo(AnnotationBody);

package/components/AnnotationDetailPopover.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { Popover } from "@mui/material";
 import React__default, { useRef, useState, useEffect } from "react";
-import { A as AnnotationDetails } from "../AnnotationDetails-YAPoqw3R.js";
+import { A as AnnotationDetails } from "../AnnotationDetails-DknbKDyl.js";
 const AnnotationDetailPopover = React__default.memo(({ anchorEl, enrichRequest, open, onClose, ...otherProps }) => {
   var _a, _b, _c;
   const actionRef = useRef();

package/components/AnnotationDetails.js

@@ -10,8 +10,8 @@ import "../hooks/useErrors.js";
 import "../icons/iconMap.js";
 import "../utils/window.js";
 import "../groupBy-DC2oOuBN.js";
-import { A } from "../AnnotationDetails-YAPoqw3R.js";
-import "../ClueEnrichContext-DIn6g8tw.js";
+import { A } from "../AnnotationDetails-DknbKDyl.js";
+import "../ClueEnrichContext-6NJfXpUB.js";
 import "react";
 import "../index-BDVjGvMI.js";
 import "./actions/ExecutePopover.js";

package/components/AnnotationEntry.js

@@ -2,7 +2,7 @@ import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { I as Icon } from "../iconify-CXMreGTg.js";
 import { Stack, Typography, Chip, IconButton } from "@mui/material";
 import Iconified from "./display/icons/Iconified.js";
-import { t as twitterShort } from "../utils-Dr4wbKBZ.js";
+import { t as twitterShort } from "../utils-7OtvGnmf.js";
 import { memo } from "react";
 import AnnotationBody from "./AnnotationBody.js";
 import ClassificationChip from "./ClassificationChip.js";

package/components/AnnotationPreview.js

@@ -1,9 +1,9 @@
 import "react/jsx-runtime";
 import "../iconify-CXMreGTg.js";
 import "@mui/material";
-import { A } from "../AnnotationPreview-DiQDjt9s.js";
+import { A } from "../AnnotationPreview-CQwKs8se.js";
 import "../hooks/useAnnotations.js";
-import "../utils-Dr4wbKBZ.js";
+import "../utils-7OtvGnmf.js";
 import "react";
 import "../index-BDVjGvMI.js";
 export {

package/components/ClassificationChip.d.ts

@@ -1,9 +1,10 @@
+import { ChipOwnProps } from '@mui/material';
 import { default as React } from 'react';
 
 interface EnrichedChipProps {
     classification: string;
 }
-declare const _default: React.NamedExoticComponent<EnrichedChipProps & import('@mui/material').ChipOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+declare const _default: React.NamedExoticComponent<EnrichedChipProps & ChipOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: React.Ref<HTMLDivElement>;
 }, "disabled" | "icon" | "color" | "style" | "size" | "children" | "variant" | "classes" | "className" | "sx" | "label" | "tabIndex" | "onDelete" | "avatar" | "clickable" | "deleteIcon" | "skipFocusWhenDisabled"> & {
     component?: React.ElementType;

package/components/EnrichedCard.js

@@ -10,10 +10,12 @@ 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 "../ClueEnrichContext-DIn6g8tw.js";
+import { u as uniq } from "../ClueEnrichContext-6NJfXpUB.js";
 import { memo, useState, useMemo, useCallback } from "react";
 import { u as useContextSelector } from "../index-BDVjGvMI.js";
 import AnnotationEntry from "./AnnotationEntry.js";
+import ExecutePopover from "./actions/ExecutePopover.js";
+import EnrichPopover from "./enrichment/EnrichPopover.js";
 const EnrichedCard = ({
   type,
   value,
@@ -34,6 +36,7 @@ const EnrichedCard = ({
   );
   const [annotations, loading] = useAnnotations(type, value, classification);
   const errors = useErrors(value);
+  const enrichRequest = { type, value, classification };
   const options = useMemo(() => ["all", ...uniq(annotations.map((annotation) => annotation.type))], [annotations]);
   const forceEnrich = useCallback(() => {
     return enrich(type, value, {
@@ -61,7 +64,7 @@ const EnrichedCard = ({
               /* @__PURE__ */ jsx(
                 AssessmentIcon,
                 {
-                  value: { type, value, classification },
+                  value: enrichRequest,
                   annotations,
                   counters,
                   fontSize: "1em",
@@ -71,7 +74,7 @@ const EnrichedCard = ({
               /* @__PURE__ */ jsx(
                 OpinionIcon,
                 {
-                  value: { type, value, classification },
+                  value: enrichRequest,
                   annotations,
                   counters,
                   fontSize: "1em",
@@ -81,7 +84,7 @@ const EnrichedCard = ({
               /* @__PURE__ */ jsx(
                 ContextIcon,
                 {
-                  value: { type, value, classification },
+                  value: enrichRequest,
                   annotations,
                   counters,
                   showExtraIcon: contextIcon,
@@ -89,7 +92,10 @@ const EnrichedCard = ({
                   disableTooltip: true
                 }
               ),
-              loading && !hideLoading && /* @__PURE__ */ jsx(CircularProgress, { color: "primary", size: 18 })
+              loading && !hideLoading && /* @__PURE__ */ jsx(CircularProgress, { color: "primary", size: 18 }),
+              /* @__PURE__ */ jsx("div", { style: { flex: 1 } }),
+              /* @__PURE__ */ jsx(EnrichPopover, { selector: enrichRequest }),
+              /* @__PURE__ */ jsx(ExecutePopover, { selectors: [enrichRequest] })
             ] })
           }
         ),