@cccsaurora/clue-ui 1.1.0-dev.55 → 1.1.0-dev.89

package/{ActionForm-BnJ5oGNK.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-Bi21Wb23.js";
 import { ClueComponentContext } from "./hooks/ClueComponentContext.js";
 import { A as Ajv } from "./index-CC12Ux-9.js";
-import { a as api } from "./useClueTypeConfig-HmNKKYHY.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-7OtvGnmf.js";
-import { useState, useCallback, useEffect, useMemo, memo } from "react";
-import { c as createContext, u as useContextSelector, a as useContext } from "./index-BDVjGvMI.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,
@@ -433,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-fsvrH3_v.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-C4hjLcHp.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-biAV6uKB.js → AnnotationPreview-CQwKs8se.js}

@@ -8,7 +8,7 @@ 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-fsvrH3_v.js";
+import { i as isNull } from "./AnnotationDetails-DknbKDyl.js";
 const CluePopupContext = createContext(null);
 const CluePopupProvider = ({ children }) => {
   const [popupType, setPopupType] = useState(null);

package/{ClueEnrichContext-C4hjLcHp.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-HmNKKYHY.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";

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-fsvrH3_v.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-fsvrH3_v.js";
-import "../ClueEnrichContext-C4hjLcHp.js";
+import { A } from "../AnnotationDetails-DknbKDyl.js";
+import "../ClueEnrichContext-6NJfXpUB.js";
 import "react";
 import "../index-BDVjGvMI.js";
 import "./actions/ExecutePopover.js";

package/components/AnnotationPreview.js

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

package/components/EnrichedCard.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 "../ClueEnrichContext-C4hjLcHp.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";

package/components/EnrichedChip.js

@@ -3,7 +3,7 @@ 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-biAV6uKB.js";
+import { C as CluePopupContext } from "../AnnotationPreview-CQwKs8se.js";
 import { useClueEnrichSelector } from "../hooks/selectors.js";
 import useAnnotations from "../hooks/useAnnotations.js";
 import ActionIcon from "../icons/Action.js";

package/components/EnrichedTypography.js

@@ -3,7 +3,7 @@ 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-biAV6uKB.js";
+import { C as CluePopupContext } from "../AnnotationPreview-CQwKs8se.js";
 import { useClueEnrichSelector } from "../hooks/selectors.js";
 import useAnnotations from "../hooks/useAnnotations.js";
 import ActionIcon from "../icons/Action.js";

package/components/actions/ActionForm.js

@@ -5,7 +5,7 @@ import "@mui/material";
 import "../display/icons/Iconified.js";
 import "../../index-Bi21Wb23.js";
 import "../../hooks/ClueComponentContext.js";
-import { A } from "../../ActionForm-BnJ5oGNK.js";
+import { A } from "../../ActionForm-ByeOzpc4.js";
 import "../../utils-7OtvGnmf.js";
 import "react";
 import "../../index-BDVjGvMI.js";

package/components/actions/ResultModal.js

@@ -1,41 +1,14 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { I as Icon } from "../../iconify-CXMreGTg.js";
-import { Modal, Paper, Stack, Typography, Divider, Button } from "@mui/material";
-import { J as JSONViewer } from "../../index-Bi21Wb23.js";
-import Markdown from "../display/markdown/index.js";
-import { ClueComponentContext } from "../../hooks/ClueComponentContext.js";
-import { memo } from "react";
-import { u as useContextSelector } from "../../index-BDVjGvMI.js";
-import ClassificationChip from "../ClassificationChip.js";
-import ErrorBoundary from "../ErrorBoundary.js";
-const ResultModal = ({ result, onClose, show = false }) => {
-  const { t } = useContextSelector(ClueComponentContext, (ctx) => ctx.i18next);
-  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 }),
-    /* @__PURE__ */ jsxs(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__ */ 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);
+import "react/jsx-runtime";
+import "../../iconify-CXMreGTg.js";
+import "@mui/material";
+import "../../index-Bi21Wb23.js";
+import "../display/markdown/index.js";
+import "../../hooks/ClueComponentContext.js";
+import { R } from "../../ActionForm-ByeOzpc4.js";
+import "react";
+import "../../index-BDVjGvMI.js";
+import "../ClassificationChip.js";
+import "../ErrorBoundary.js";
 export {
-  ResultModal$1 as default
+  R as default
 };

package/components/enrichment/EnrichPopover.js

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

package/components/group/GroupControl.js

@@ -6,7 +6,7 @@ import { SNACKBAR_EVENT_ID } from "../../data/event.js";
 import { ClueGroupContext } from "../../hooks/ClueGroupContext.js";
 import { useClueComponentSelector, useClueEnrichSelector } from "../../hooks/selectors.js";
 import { safeDispatchEvent } from "../../utils/window.js";
-import { c as capitalize } from "../../ActionForm-BnJ5oGNK.js";
+import { c as capitalize } from "../../ActionForm-ByeOzpc4.js";
 import { useState, useMemo, useCallback } from "react";
 import { u as useContextSelector } from "../../index-BDVjGvMI.js";
 import ExecutePopover from "../actions/ExecutePopover.js";

package/hooks/ClueActionContext.d.ts

@@ -33,6 +33,10 @@ export interface ClueActionContextType {
          * Should the function raise an exception instead of showing the menu if the form is not completed?
          */
         skipMenu?: boolean;
+        /**
+         * Should the result modal be shown?
+         */
+        skipResultModal?: boolean;
         /**
          * Callback for post-execution.
          * @param result
@@ -43,6 +47,18 @@ export interface ClueActionContextType {
          * how long should the action have to respond?
          */
         timeout?: number;
+        /**
+         * Should contextual information about the source of the action be included?
+         *
+         * This information includes:
+         * - Exact execution time
+         * - Current URL on execution
+         */
+        includeContext?: boolean;
+        /**
+         * Additional context information to include on execution. Useful for tight connections between actions and the UI.
+         */
+        extraContext?: Record<string, any>;
     }) => Promise<void>;
     /**
      * Cancel an action pending user input.
@@ -56,6 +72,12 @@ export interface ClueActionContextType {
      * @returns the list of results for a given selector
      */
     getActionResults: (type: string, value: string, classification?: string) => WithActionData<ActionResult>[];
+    /**
+     * Get the status of an ongoing action
+     * @param actionId The ID of the action to get the status of
+     * @param taskId The task id to get the status of
+     */
+    getActionStatus: (actionId: string, taskId: string) => Promise<WithActionData<ActionResult>>;
     /**
      * Is there currently an action executing?
      */
@@ -71,6 +93,10 @@ export interface ClueActionProps {
      * What should the default classification be when executing actions?
      */
     classification?: string;
+    /**
+     * Should basic context information (execution time, current url) be included when executing an action?
+     */
+    includeContext?: boolean;
     /**
      * Get an access token for the clue API.
      *

package/hooks/ClueActionContext.js

@@ -1,17 +1,18 @@
 import "react/jsx-runtime";
 import "@mui/material";
 import "../index-CC12Ux-9.js";
-import "../useClueTypeConfig-HmNKKYHY.js";
-import { a, C } from "../ActionForm-BnJ5oGNK.js";
-import "../components/actions/ResultModal.js";
+import "../useClueTypeConfig-XvGvIw2S.js";
+import { a, C } from "../ActionForm-ByeOzpc4.js";
 import "../components/display/icons/Iconified.js";
 import "../components/ErrorBoundary.js";
 import "../data/event.js";
+import "../utils/time.js";
 import "../utils/window.js";
 import "react";
 import "../index-BDVjGvMI.js";
 import "./ClueComponentContext.js";
 import "./useClue.js";
+import "../isNil-CIubwp4T.js";
 export {
   a as ClueActionContext,
   C as ClueActionProvider

package/hooks/ClueEnrichContext.js

@@ -1,8 +1,8 @@
 import "react/jsx-runtime";
 import "../iconify-CXMreGTg.js";
-import "../useClueTypeConfig-HmNKKYHY.js";
+import "../useClueTypeConfig-XvGvIw2S.js";
 import "../utils/loggerUtil.js";
-import { C, a } from "../ClueEnrichContext-C4hjLcHp.js";
+import { C, a } from "../ClueEnrichContext-6NJfXpUB.js";
 import "../debounce-bV0h5FC5.js";
 import "../groupBy-DC2oOuBN.js";
 import "react";

package/hooks/ClueFetcherContext.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { a as api } from "../useClueTypeConfig-HmNKKYHY.js";
+import { a as api } from "../useClueTypeConfig-XvGvIw2S.js";
 import { useState, useRef, useCallback, useEffect, useMemo } from "react";
 import { c as createContext } from "../index-BDVjGvMI.js";
 import useClue from "./useClue.js";

package/hooks/CluePopupContext.js

@@ -1,9 +1,9 @@
 import "react/jsx-runtime";
 import "../components/AnnotationDetailPopover.js";
-import { C, a } from "../AnnotationPreview-biAV6uKB.js";
+import { C, a } from "../AnnotationPreview-CQwKs8se.js";
 import "../data/event.js";
 import "../utils/window.js";
-import "../AnnotationDetails-fsvrH3_v.js";
+import "../AnnotationDetails-DknbKDyl.js";
 import "react";
 import "../index-BDVjGvMI.js";
 export {

package/hooks/ClueProvider.js

@@ -1,11 +1,11 @@
 import { jsx } from "react/jsx-runtime";
-import { C as ClueActionProvider } from "../ActionForm-BnJ5oGNK.js";
+import { C as ClueActionProvider } from "../ActionForm-ByeOzpc4.js";
 import { ClueComponentProvider } from "./ClueComponentContext.js";
 import { ClueConfigProvider } from "./ClueConfigProvider.js";
 import { ClueDatabaseProvider } from "./ClueDatabaseContext.js";
-import { a as ClueEnrichProvider } from "../ClueEnrichContext-C4hjLcHp.js";
+import { a as ClueEnrichProvider } from "../ClueEnrichContext-6NJfXpUB.js";
 import { ClueFetcherProvider } from "./ClueFetcherContext.js";
-import { a as CluePopupProvider } from "../AnnotationPreview-biAV6uKB.js";
+import { a as CluePopupProvider } from "../AnnotationPreview-CQwKs8se.js";
 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 }) }) }) }) }) }) });
 };

package/hooks/selectors.js

@@ -1,6 +1,6 @@
-import { a as ClueActionContext } from "../ActionForm-BnJ5oGNK.js";
+import { a as ClueActionContext } from "../ActionForm-ByeOzpc4.js";
 import { ClueComponentContext } from "./ClueComponentContext.js";
-import { C as ClueEnrichContext } from "../ClueEnrichContext-C4hjLcHp.js";
+import { C as ClueEnrichContext } from "../ClueEnrichContext-6NJfXpUB.js";
 import { ClueFetcherContext } from "./ClueFetcherContext.js";
 import { u as useContextSelector } from "../index-BDVjGvMI.js";
 const useClueFetcherSelector = (selector) => {

package/hooks/useActionResult.d.ts

@@ -0,0 +1,14 @@
+import { ActionResult } from "../types/action";
+import { WithActionData } from "../types/WithActionData";
+
+export declare const useActionResult: (resultWithData: WithActionData<ActionResult>, interval?: number) => {
+    outcome: "success" | "failure" | "pending";
+    summary?: string;
+    output?: any;
+    format?: string;
+    link?: string;
+    done?: boolean;
+    task_id?: string;
+    actionId: string;
+    action: import("../types/action").ActionDefinition;
+};

package/hooks/useActionResult.js

@@ -0,0 +1,5 @@
+import "react";
+import { b } from "../ActionForm-ByeOzpc4.js";
+export {
+  b as useActionResult
+};

package/hooks/useAnnotations.js

@@ -1,4 +1,4 @@
-import { b as uniqBy } from "../ClueEnrichContext-C4hjLcHp.js";
+import { b as uniqBy } from "../ClueEnrichContext-6NJfXpUB.js";
 import { useContext, useMemo, useState, useEffect } from "react";
 import { ClueDatabaseContext } from "./ClueDatabaseContext.js";
 import { useClueEnrichSelector } from "./selectors.js";

package/hooks/useClue.js

@@ -1,5 +1,5 @@
 import { a as useContext } from "../index-BDVjGvMI.js";
-import { C as ClueEnrichContext } from "../ClueEnrichContext-C4hjLcHp.js";
+import { C as ClueEnrichContext } from "../ClueEnrichContext-6NJfXpUB.js";
 const useClue = () => {
   return useContext(ClueEnrichContext);
 };

package/hooks/useClueActions.js

@@ -1,4 +1,4 @@
-import { u } from "../ActionForm-BnJ5oGNK.js";
+import { u } from "../ActionForm-ByeOzpc4.js";
 import "../index-BDVjGvMI.js";
 export {
   u as default

package/hooks/useClueTypeConfig.js

@@ -1,4 +1,4 @@
-import { u } from "../useClueTypeConfig-HmNKKYHY.js";
+import { u } from "../useClueTypeConfig-XvGvIw2S.js";
 import "../utils/loggerUtil.js";
 import "../isEmpty-BQkZubqU.js";
 import "react";

package/icons/Action.js

@@ -2,8 +2,8 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { I as Icon } from "../iconify-CXMreGTg.js";
 import { useTheme, Stack, Divider, Typography } from "@mui/material";
 import CountBadge from "../components/CountBadge.js";
-import { C as CluePopupContext } from "../AnnotationPreview-biAV6uKB.js";
-import { u as useClueActions } from "../ActionForm-BnJ5oGNK.js";
+import { C as CluePopupContext } from "../AnnotationPreview-CQwKs8se.js";
+import { u as useClueActions } from "../ActionForm-ByeOzpc4.js";
 import { g as groupBy } from "../groupBy-DC2oOuBN.js";
 import { memo, useRef, useMemo, useEffect } from "react";
 import { u as useContextSelector } from "../index-BDVjGvMI.js";

package/icons/Assessment.js

@@ -2,7 +2,7 @@ import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { I as Icon } from "../iconify-CXMreGTg.js";
 import { useTheme, Stack, Chip, Divider, Grid, Tooltip } from "@mui/material";
 import CountBadge from "../components/CountBadge.js";
-import { C as CluePopupContext } from "../AnnotationPreview-biAV6uKB.js";
+import { C as CluePopupContext } from "../AnnotationPreview-CQwKs8se.js";
 import { g as groupBy } from "../groupBy-DC2oOuBN.js";
 import { l as last } from "../last-CUCl67Im.js";
 import { m as maxBy, s as sortBy } from "../sortBy-B-UKp4GT.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-biAV6uKB.js";
+import { C as CluePopupContext } from "../AnnotationPreview-CQwKs8se.js";
 import { g as groupBy } from "../groupBy-DC2oOuBN.js";
 import { memo, useRef, useMemo, useEffect } from "react";
 import { u as useContextSelector } from "../index-BDVjGvMI.js";

package/icons/Opinion.js

@@ -2,7 +2,7 @@ import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { I as Icon } from "../iconify-CXMreGTg.js";
 import { useTheme, Stack, Chip, Divider, Grid } from "@mui/material";
 import CountBadge from "../components/CountBadge.js";
-import { C as CluePopupContext } from "../AnnotationPreview-biAV6uKB.js";
+import { C as CluePopupContext } from "../AnnotationPreview-CQwKs8se.js";
 import chain from "../utils/chain.js";
 import { g as groupBy } from "../groupBy-DC2oOuBN.js";
 import { s as sortBy } from "../sortBy-B-UKp4GT.js";

package/main.js

@@ -1,8 +1,8 @@
-import { A, u } from "./ActionForm-BnJ5oGNK.js";
+import { A, u } from "./ActionForm-ByeOzpc4.js";
 import { default as default2 } from "./components/AnnotationDetailPopover.js";
-import { A as A2 } from "./AnnotationDetails-fsvrH3_v.js";
+import { A as A2 } from "./AnnotationDetails-DknbKDyl.js";
 import { default as default3 } from "./components/AnnotationEntry.js";
-import { A as A3, C } from "./AnnotationPreview-biAV6uKB.js";
+import { A as A3, C } from "./AnnotationPreview-CQwKs8se.js";
 import { default as default4 } from "./components/CountBadge.js";
 import { default as default5 } from "./components/EnrichedCard.js";
 import { default as default6 } from "./components/EnrichedChip.js";
@@ -18,7 +18,7 @@ import { b } from "./index-CC12Ux-9.js";
 import { ClueComponentContext } from "./hooks/ClueComponentContext.js";
 import { ClueConfigContext } from "./hooks/ClueConfigProvider.js";
 import { ClueDatabaseContext } from "./hooks/ClueDatabaseContext.js";
-import { C as C2 } from "./ClueEnrichContext-C4hjLcHp.js";
+import { C as C2 } from "./ClueEnrichContext-6NJfXpUB.js";
 import { ClueProvider } from "./hooks/ClueProvider.js";
 import { useClueActionsSelector, useClueEnrichSelector, useClueFetcherSelector } from "./hooks/selectors.js";
 import { default as default14 } from "./hooks/useClue.js";

package/package.json

@@ -63,7 +63,7 @@
   },
   "type": "module",
   "types": "main.d.ts",
-  "version": "1.1.0-dev.55",
+  "version": "1.1.0-dev.89",
   "exports": {
     ".": "./main.js",
     "./index.css": "./index.css",

package/types/RunningActionData.d.ts

@@ -1,6 +1,6 @@
-import { ActionDefinition, ActionResult } from "../api/actions";
-import { Selector } from 'lib/types/lookup';
-import { default as WithActionData } from './WithActionData';
+import { ActionContextInformation, ActionDefinition, ActionResult } from "../types/action";
+import { Selector } from "../types/lookup";
+import { WithActionData } from './WithActionData';
 
 
 interface RunningActionData {
@@ -8,6 +8,7 @@ interface RunningActionData {
   action: ActionDefinition;
   selectors: Selector[];
   params: { [index: string]: any };
+  context?: ActionContextInformation;
   onComplete?: (result: WithActionData<ActionResult>) => void;
   timeout?: number;
 }

package/types/action.d.ts

@@ -1,6 +1,13 @@
 import { JSONSchema7 } from 'json-schema';
 
 
+export interface ActionContextInformation {
+  url?: string;
+  timestamp?: string;
+  language?: string;
+  [key: string]: any;
+}
+
 export interface ActionDefinition {
   accept_multiple?: boolean;
   action_icon?: string;
@@ -15,11 +22,13 @@ export interface ActionDefinition {
 }
 
 export interface ActionResult<T = any> {
-  outcome: 'success' | 'failure';
+  outcome: 'success' | 'failure' | 'pending';
   summary?: string;
   output?: T;
   format?: string;
   link?: string;
+  done?: boolean;
+  task_id?: string;
 }
 
 export type ActionDefinitionsResponse = { [type: string]: ActionDefinition };

package/{useClueTypeConfig-HmNKKYHY.js → useClueTypeConfig-XvGvIw2S.js}

@@ -8,13 +8,28 @@ import { getAxiosCache, setAxiosCache } from "./utils/sessionStorage.js";
 import { clueDebugLogger } from "./utils/loggerUtil.js";
 import { i as isEmpty } from "./isEmpty-BQkZubqU.js";
 import { useState, useEffect } from "react";
+const get$8 = (actionId, taskId, options = { timeout: null }, config) => {
+  const searchParams = [];
+  if (!isNil(options.timeout)) {
+    searchParams.push(`max_timeout=${options.timeout}`);
+  }
+  return hget(
+    joinUri(uri$c(), `${actionId.replace(".", "/")}/status/${taskId}`),
+    searchParams.length > 0 ? new URLSearchParams(searchParams.join("&")) : null,
+    config
+  );
+};
+const status = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  get: get$8
+}, Symbol.toStringTag, { value: "Module" }));
 const uri$c = () => {
   return joinUri(uri(), "actions");
 };
 const get$7 = (config) => {
   return hget(uri$c(), null, config);
 };
-const post$3 = (actionId, selectors, params, options = { timeout: null }, config) => {
+const post$3 = (actionId, selectors, params, context, options = { timeout: null }, config) => {
   const searchParams = [];
   if (!isNil(options.timeout)) {
     searchParams.push(`max_timeout=${options.timeout}`);
@@ -29,6 +44,7 @@ const post$3 = (actionId, selectors, params, options = { timeout: null }, config
   } else {
     payload.selectors = selectors;
   }
+  payload.context = context ?? null;
   return hpost(
     joinUri(
       joinUri(uri$c(), "execute"),
@@ -43,6 +59,7 @@ const actions = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePrope
   __proto__: null,
   get: get$7,
   post: post$3,
+  status,
   uri: uri$c
 }, Symbol.toStringTag, { value: "Module" }));
 const uri$b = (searchParams) => {
@@ -1084,8 +1101,8 @@ const defaults = {
     FormData: platform.classes.FormData,
     Blob: platform.classes.Blob
   },
-  validateStatus: function validateStatus(status) {
-    return status >= 200 && status < 300;
+  validateStatus: function validateStatus(status2) {
+    return status2 >= 200 && status2 < 300;
   },
   headers: {
     common: {
@@ -2921,7 +2938,7 @@ class AxiosClient {
   constructor() {
     __publicField(this, "client");
     this.client = axios.create({
-      validateStatus: (status) => status >= 200 && status < 300 || status === 304
+      validateStatus: (status2) => status2 >= 200 && status2 < 300 || status2 === 304
     });
     new AxiosCache(this.client);
     axiosRetry(this.client, {