@cccsaurora/clue-ui 1.2.0-dev.197 → 1.2.0-dev.236

package/{ActionForm-TRst3ifX.js → ActionForm-U5a2mLUv.js}

@@ -6,7 +6,7 @@ import Iconified from "./components/display/icons/Iconified.js";
 import { J as JSONViewer } from "./index-Bmoj6JY8.js";
 import { ClueComponentContext } from "./hooks/ClueComponentContext.js";
 import { A as Ajv } from "./index-CC12Ux-9.js";
-import { a as api } from "./useClueTypeConfig-Cx-Is721.js";
+import { a as api } from "./useClueTypeConfig-D2tf4-NM.js";
 import { d as toString } from "./_baseGet-Bx3A4Qfp.js";
 import { b as baseSlice } from "./_baseSlice-GAv_YFTT.js";
 import { i as isEqual } from "./utils-CW9CNV1h.js";
@@ -184,6 +184,7 @@ const ClueActionProvider = ({
       const { forceMenu, onComplete, skipMenu, skipResultModal, timeout, includeContext, extraContext } = {
         forceMenu: false,
         skipMenu: false,
+        skipResultModal: false,
         onComplete: null,
         timeout: null,
         includeContext: defaultIncludeContext ?? false,

package/{AnnotationDetails-CvaOf3Jl.js → AnnotationDetails-BEHFNNv3.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-mXHt-nYT.js";
-import { u as uniq } from "./useClueTypeConfig-Cx-Is721.js";
+import { u as uniq } from "./useClueTypeConfig-D2tf4-NM.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-B-DhbGyc.js → AnnotationPreview-MO5UsP5l.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-CvaOf3Jl.js";
+import { i as isNull } from "./AnnotationDetails-BEHFNNv3.js";
 const CluePopupContext = createContext(null);
 const CluePopupProvider = ({ children }) => {
   const [popupType, setPopupType] = useState(null);

package/{ClueEnrichContext-BfhIZ_LV.js → ClueEnrichContext-DoOHQeVr.js}

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { a as addAPIProvider } from "./iconify-CXMreGTg.js";
-import { b as useClueTypeConfig, a as api, p as post, u as uniq } from "./useClueTypeConfig-Cx-Is721.js";
+import { b as useClueTypeConfig, a as api, p as post, u as uniq } from "./useClueTypeConfig-D2tf4-NM.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-CvaOf3Jl.js";
+import { A as AnnotationDetails } from "../AnnotationDetails-BEHFNNv3.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-mXHt-nYT.js";
-import { A } from "../AnnotationDetails-CvaOf3Jl.js";
-import "../useClueTypeConfig-Cx-Is721.js";
+import { A } from "../AnnotationDetails-BEHFNNv3.js";
+import "../useClueTypeConfig-D2tf4-NM.js";
 import "react";
 import "../index-BDVjGvMI.js";
 import "./actions/ExecutePopover.js";

package/components/AnnotationEntry.js

@@ -7,6 +7,7 @@ import { memo } from "react";
 import AnnotationBody from "./AnnotationBody.js";
 import ClassificationChip from "./ClassificationChip.js";
 const AnnotatonEntry = ({ annotation }) => {
+  var _a;
   return /* @__PURE__ */ jsxs(Stack, { direction: "column", spacing: 1, children: [
     /* @__PURE__ */ jsxs(Stack, { direction: "row", spacing: 1, alignItems: "center", children: [
       annotation.analytic_icon && /* @__PURE__ */ jsx(
@@ -37,7 +38,7 @@ const AnnotatonEntry = ({ annotation }) => {
       annotation.classification && /* @__PURE__ */ jsx(ClassificationChip, { size: "small", classification: annotation.classification })
     ] }),
     /* @__PURE__ */ jsx(AnnotationBody, { annotation }),
-    /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "text.secondary", children: annotation.summary }),
+    (_a = annotation.summary) == null ? void 0 : _a.split("\n").map((line) => /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "text.secondary", children: line }, line)),
     /* @__PURE__ */ jsxs(Stack, { direction: "row", children: [
       /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "text.secondary", fontSize: "10px", children: twitterShort(annotation.timestamp) }),
       /* @__PURE__ */ jsx("div", { style: { flex: 1 } }),

package/components/AnnotationPreview.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "../iconify-CXMreGTg.js";
 import "@mui/material";
-import { A } from "../AnnotationPreview-B-DhbGyc.js";
+import { A } from "../AnnotationPreview-MO5UsP5l.js";
 import "../hooks/useAnnotations.js";
 import "../utils-CW9CNV1h.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 "../useClueTypeConfig-Cx-Is721.js";
+import { u as uniq } from "../useClueTypeConfig-D2tf4-NM.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-B-DhbGyc.js";
+import { C as CluePopupContext } from "../AnnotationPreview-MO5UsP5l.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-B-DhbGyc.js";
+import { C as CluePopupContext } from "../AnnotationPreview-MO5UsP5l.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-Bmoj6JY8.js";
 import "../../hooks/ClueComponentContext.js";
-import { A } from "../../ActionForm-TRst3ifX.js";
+import { A } from "../../ActionForm-U5a2mLUv.js";
 import "../../utils-CW9CNV1h.js";
 import "react";
 import "../../index-BDVjGvMI.js";

package/components/actions/ResultModal.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "../../iconify-CXMreGTg.js";
 import "@mui/material";
 import "../../hooks/ClueComponentContext.js";
-import { R } from "../../ActionForm-TRst3ifX.js";
+import { R } from "../../ActionForm-U5a2mLUv.js";
 import "react";
 import "../../index-BDVjGvMI.js";
 import "../ClassificationChip.js";

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-TRst3ifX.js";
+import { c as capitalize } from "../../ActionForm-U5a2mLUv.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,12 +1,12 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { I as Icon } from "../../iconify-CXMreGTg.js";
-import { useTheme, Skeleton, Chip, Tooltip, Paper, Stack, Box, IconButton } from "@mui/material";
+import { useTheme, Skeleton, Chip, Tooltip, Stack, Typography, LinearProgress, Paper, Box, 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-Bmoj6JY8.js";
 import { ClueComponentContext } from "../../hooks/ClueComponentContext.js";
 import { useClueFetcherSelector } from "../../hooks/selectors.js";
-import React__default, { useState, useEffect, memo } from "react";
+import React__default, { useState, useRef, useMemo, useEffect, memo } from "react";
 import { u as useContextSelector } from "../../index-BDVjGvMI.js";
 import Graph from "../display/graph/index.js";
 import Markdown from "../display/markdown/index.js";
@@ -27,21 +27,45 @@ const Fetcher = React__default.memo(
       skeleton: skeletonProps = {}
     } = {}
   }) => {
-    var _a;
+    var _a, _b, _c, _d;
     const theme = useTheme();
     const fetchers = useClueFetcherSelector((ctx) => ctx.fetchers);
     const fetchSelector = useClueFetcherSelector((ctx) => ctx.fetchSelector);
+    const getFetcherStatus = useClueFetcherSelector((ctx) => ctx.getFetcherStatus);
     const fetchCompleted = useClueFetcherSelector((ctx) => ctx.fetchCompleted);
     const { t } = useContextSelector(ClueComponentContext, (ctx) => ctx == null ? void 0 : ctx.i18next);
     const [result, setResult] = useState(null);
     const [loading, setLoading] = useState(true);
     const [showPreview, setShowPreview] = useState(false);
+    const timeoutRef = useRef(null);
+    const taskId = useMemo(() => result == null ? void 0 : result.task_id, [result == null ? void 0 : result.task_id]);
+    useEffect(() => {
+      if ((result == null ? void 0 : result.outcome) !== "pending" || !taskId) return;
+      let cancelled = false;
+      const poll = async () => {
+        const res = await getFetcherStatus(fetcherId, taskId);
+        if (!res) {
+          setResult({ outcome: "failure", done: true, error: "Missing result", link: "" });
+        } else if (res.outcome === "success" || res.outcome === "failure") {
+          setResult({ ...res, done: true });
+        } else {
+          if (cancelled) return;
+          setResult({ ...res });
+          timeoutRef.current = setTimeout(poll, 2e3);
+        }
+      };
+      poll();
+      return () => {
+        cancelled = true;
+        if (timeoutRef.current) clearTimeout(timeoutRef.current);
+      };
+    }, [fetcherId, getFetcherStatus, result == null ? void 0 : result.outcome, taskId]);
     useEffect(() => {
       (async () => {
         try {
           setLoading(true);
           setResult(await fetchSelector(fetcherId, { type, value, classification }));
-        } finally {
+        } catch {
           setLoading(false);
         }
       })();
@@ -92,6 +116,19 @@ const Fetcher = React__default.memo(
         }
       );
     }
+    if (result.outcome === "pending") {
+      return /* @__PURE__ */ jsxs(Stack, { flex: 1, sx: { pt: 2, alignItems: "center" }, spacing: 1, children: [
+        ((_b = result.data) == null ? void 0 : _b.summary) && /* @__PURE__ */ jsx(Typography, { variant: "caption", children: result.data.summary }),
+        /* @__PURE__ */ jsx(
+          LinearProgress,
+          {
+            variant: ((_c = result.data) == null ? void 0 : _c.progress) ? "determinate" : "indeterminate",
+            value: ((_d = result.data) == null ? void 0 : _d.progress) * 100,
+            sx: { maxWidth: 500, width: "100%", borderRadius: theme.shape.borderRadius }
+          }
+        )
+      ] });
+    }
     if ((result == null ? void 0 : result.format) === "status") {
       return /* @__PURE__ */ jsx(StatusChip, { data: result.data, ...chipProps });
     }

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-TRst3ifX.js";
+import { c as capitalize } from "../../ActionForm-U5a2mLUv.js";
 import { useState, useMemo, useCallback } from "react";
 import { u as useContextSelector } from "../../index-BDVjGvMI.js";
 import ExecutePopover from "../actions/ExecutePopover.js";

package/hooks/ClueActionContext.js

@@ -1,8 +1,8 @@
 import "react/jsx-runtime";
 import "@mui/material";
 import "../index-CC12Ux-9.js";
-import "../useClueTypeConfig-Cx-Is721.js";
-import { a, C } from "../ActionForm-TRst3ifX.js";
+import "../useClueTypeConfig-D2tf4-NM.js";
+import { a, C } from "../ActionForm-U5a2mLUv.js";
 import "../components/display/icons/Iconified.js";
 import "../components/ErrorBoundary.js";
 import "../data/event.js";

package/hooks/ClueEnrichContext.js

@@ -1,8 +1,8 @@
 import "react/jsx-runtime";
 import "../iconify-CXMreGTg.js";
-import "../useClueTypeConfig-Cx-Is721.js";
+import "../useClueTypeConfig-D2tf4-NM.js";
 import "../utils/loggerUtil.js";
-import { C, a } from "../ClueEnrichContext-BfhIZ_LV.js";
+import { C, a } from "../ClueEnrichContext-DoOHQeVr.js";
 import "../debounce-bV0h5FC5.js";
 import "../groupBy-mXHt-nYT.js";
 import "react";

package/hooks/ClueFetcherContext.d.ts

@@ -26,6 +26,7 @@ export interface ClueFetcherContextProps {
 }
 export type ClueFetcherContextType = {
     fetchSelector: (fetcherId: string, selector: Selector) => Promise<FetcherResult>;
+    getFetcherStatus: (fetcherId: string, taskId: string) => Promise<FetcherResult>;
     fetchers: {
         [index: string]: FetcherDefinition;
     };

package/hooks/ClueFetcherContext.js

@@ -1,6 +1,8 @@
 import { jsx } from "react/jsx-runtime";
-import { a as api } from "../useClueTypeConfig-Cx-Is721.js";
-import { useState, useRef, useCallback, useEffect, useMemo } from "react";
+import { a as api } from "../useClueTypeConfig-D2tf4-NM.js";
+import { SNACKBAR_EVENT_ID } from "../data/event.js";
+import { safeDispatchEvent } from "../utils/window.js";
+import { useState, useRef, useMemo, useCallback, useEffect } from "react";
 import { c as createContext } from "../index-BDVjGvMI.js";
 import useClue from "./useClue.js";
 import useClueConfig from "./useClueConfig.js";
@@ -19,6 +21,15 @@ const ClueFetcherProvider = ({
   const [fetchCompleted, setFetchCompleted] = useState(false);
   const [fetchers, setFetchers] = useState({});
   const fetchRequests = useRef({});
+  const requestConfig = useMemo(() => {
+    const headers = {};
+    const token = getToken == null ? void 0 : getToken();
+    if (token) {
+      headers.Authorization = `Bearer ${token}`;
+    }
+    const baseConfig = { baseURL, headers };
+    return onNetworkCall ? onNetworkCall(baseConfig) : { baseURL, headers };
+  }, [baseURL, getToken, onNetworkCall]);
   const getHashKey = useCallback(
     ({ type, value, classification }) => JSON.stringify({ type, value, classification: classification ?? defaultClassification }),
     [defaultClassification]
@@ -30,26 +41,42 @@ const ClueFetcherProvider = ({
         return fetchRequests.current[fetcherId][getHashKey(selector)];
       }
       try {
-        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 result = api.fetchers.post(fetcherId, selector, requestConfig);
         if (!fetchRequests.current[fetcherId]) {
           fetchRequests.current[fetcherId] = {};
         }
         fetchRequests.current[fetcherId][getHashKey(selector)] = result;
         return await result;
-      } catch {
-        return null;
+      } catch (e) {
+        safeDispatchEvent(
+          new CustomEvent(SNACKBAR_EVENT_ID, {
+            detail: {
+              message: e.toString(),
+              level: "error"
+            }
+          })
+        );
       }
     },
-    [baseURL, getHashKey, getToken, onNetworkCall]
+    [getHashKey, requestConfig]
+  );
+  const getFetcherStatus = useCallback(
+    async (fetcherId, taskId) => {
+      try {
+        const res = await api.fetchers.status.get(fetcherId, taskId, {}, requestConfig);
+        return res;
+      } catch (e) {
+        safeDispatchEvent(
+          new CustomEvent(SNACKBAR_EVENT_ID, {
+            detail: {
+              message: e.toString(),
+              level: "error"
+            }
+          })
+        );
+      }
+    },
+    [requestConfig]
   );
   useEffect(() => {
     var _a2, _b2, _c, _d;
@@ -61,24 +88,16 @@ const ClueFetcherProvider = ({
     if (!ready) {
       return;
     }
-    const headers = {};
-    const token = getToken == null ? void 0 : getToken();
-    if (token) {
-      headers.Authorization = `Bearer ${token}`;
-    }
-    let requestConfig = { baseURL, headers };
-    if (onNetworkCall) {
-      requestConfig = onNetworkCall(requestConfig);
-    }
     api.fetchers.get(requestConfig).then(setFetchers).finally(() => setFetchCompleted(true));
   }, [baseURL, ready]);
   const context = useMemo(
     () => ({
       fetchSelector,
+      getFetcherStatus,
       fetchers,
       fetchCompleted
     }),
-    [fetchCompleted, fetchSelector, fetchers]
+    [fetchCompleted, fetchSelector, fetchers, getFetcherStatus]
   );
   return /* @__PURE__ */ jsx(ClueFetcherContext.Provider, { value: context, children });
 };

package/hooks/CluePopupContext.js

@@ -1,9 +1,9 @@
 import "react/jsx-runtime";
 import "../components/AnnotationDetailPopover.js";
-import { C, a } from "../AnnotationPreview-B-DhbGyc.js";
+import { C, a } from "../AnnotationPreview-MO5UsP5l.js";
 import "../data/event.js";
 import "../utils/window.js";
-import "../AnnotationDetails-CvaOf3Jl.js";
+import "../AnnotationDetails-BEHFNNv3.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-TRst3ifX.js";
+import { C as ClueActionProvider } from "../ActionForm-U5a2mLUv.js";
 import { ClueComponentProvider } from "./ClueComponentContext.js";
 import { ClueConfigProvider } from "./ClueConfigProvider.js";
 import { ClueDatabaseProvider } from "./ClueDatabaseContext.js";
-import { a as ClueEnrichProvider } from "../ClueEnrichContext-BfhIZ_LV.js";
+import { a as ClueEnrichProvider } from "../ClueEnrichContext-DoOHQeVr.js";
 import { ClueFetcherProvider } from "./ClueFetcherContext.js";
-import { a as CluePopupProvider } from "../AnnotationPreview-B-DhbGyc.js";
+import { a as CluePopupProvider } from "../AnnotationPreview-MO5UsP5l.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-TRst3ifX.js";
+import { a as ClueActionContext } from "../ActionForm-U5a2mLUv.js";
 import { ClueComponentContext } from "./ClueComponentContext.js";
-import { C as ClueEnrichContext } from "../ClueEnrichContext-BfhIZ_LV.js";
+import { C as ClueEnrichContext } from "../ClueEnrichContext-DoOHQeVr.js";
 import { ClueFetcherContext } from "./ClueFetcherContext.js";
 import { u as useContextSelector } from "../index-BDVjGvMI.js";
 const useClueFetcherSelector = (selector) => {

package/hooks/useActionResult.js

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

package/hooks/useAnnotations.js

@@ -1,4 +1,4 @@
-import { u as uniqBy } from "../ClueEnrichContext-BfhIZ_LV.js";
+import { u as uniqBy } from "../ClueEnrichContext-DoOHQeVr.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-BfhIZ_LV.js";
+import { C as ClueEnrichContext } from "../ClueEnrichContext-DoOHQeVr.js";
 const useClue = () => {
   return useContext(ClueEnrichContext);
 };

package/hooks/useClueActions.js

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

package/hooks/useClueTypeConfig.js

@@ -1,4 +1,4 @@
-import { b } from "../useClueTypeConfig-Cx-Is721.js";
+import { b } from "../useClueTypeConfig-D2tf4-NM.js";
 import "../utils/loggerUtil.js";
 import "../_baseUniq-B8fK6hI-.js";
 import "react";

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

@@ -0,0 +1,40 @@
+import { useState, useRef, useMemo, useEffect } from "react";
+import { u as useClueActions } from "../ActionForm-U5a2mLUv.js";
+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]
+  );
+};
+export {
+  useActionResult
+};

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-B-DhbGyc.js";
-import { u as useClueActions } from "../ActionForm-TRst3ifX.js";
+import { C as CluePopupContext } from "../AnnotationPreview-MO5UsP5l.js";
+import { u as useClueActions } from "../ActionForm-U5a2mLUv.js";
 import { g as groupBy } from "../groupBy-mXHt-nYT.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-B-DhbGyc.js";
+import { C as CluePopupContext } from "../AnnotationPreview-MO5UsP5l.js";
 import { g as groupBy } from "../groupBy-mXHt-nYT.js";
 import { l as last } from "../last-CUCl67Im.js";
 import { m as maxBy, s as sortBy } from "../sortBy-B0zptFuY.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-B-DhbGyc.js";
+import { C as CluePopupContext } from "../AnnotationPreview-MO5UsP5l.js";
 import { g as groupBy } from "../groupBy-mXHt-nYT.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-B-DhbGyc.js";
+import { C as CluePopupContext } from "../AnnotationPreview-MO5UsP5l.js";
 import chain from "../utils/chain.js";
 import { g as groupBy } from "../groupBy-mXHt-nYT.js";
 import { s as sortBy } from "../sortBy-B0zptFuY.js";

package/main.js

@@ -1,8 +1,8 @@
-import { A, u } from "./ActionForm-TRst3ifX.js";
+import { A, u } from "./ActionForm-U5a2mLUv.js";
 import { default as default2 } from "./components/AnnotationDetailPopover.js";
-import { A as A2 } from "./AnnotationDetails-CvaOf3Jl.js";
+import { A as A2 } from "./AnnotationDetails-BEHFNNv3.js";
 import { default as default3 } from "./components/AnnotationEntry.js";
-import { A as A3, C } from "./AnnotationPreview-B-DhbGyc.js";
+import { A as A3, C } from "./AnnotationPreview-MO5UsP5l.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-BfhIZ_LV.js";
+import { C as C2 } from "./ClueEnrichContext-DoOHQeVr.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

@@ -66,7 +66,7 @@
   },
   "type": "module",
   "types": "main.d.ts",
-  "version": "1.2.0-dev.197",
+  "version": "1.2.0-dev.236",
   "exports": {
     ".": "./main.js",
     "./index.css": "./index.css",

package/types/fetcher.d.ts

@@ -10,10 +10,12 @@ export interface FetcherDefinition {
 }
 
 interface BaseFetcherResult {
-  outcome: 'success' | 'failure';
-  error: string;
-  link: string;
-  format: string;
+  outcome: 'success' | 'failure' | 'pending';
+  error?: string;
+  link?: string;
+  format?: string;
+  done?: boolean;
+  task_id?: string;
 }
 
 export interface FetcherImageResult extends BaseFetcherResult {
@@ -40,14 +42,23 @@ export interface FetcherGraphResult extends BaseFetcherResult {
 }
 
 export interface FetcherStatusResult extends BaseFetcherResult {
-  data: {
+  data?: {
     empty: boolean;
     labels: { language: string; label: string }[];
     link?: string;
     icon?: string;
     color?: string;
   };
-  format: 'status';
+  format?: 'status';
+}
+
+export interface GetFetcherStatusResult extends BaseFetcherResult {
+  task_id: string;
+  outcome: 'pending';
+  data?: {
+    summary?: string;
+    progress?: number;
+  };
 }
 
 export type FetcherResult =
@@ -55,6 +66,7 @@ export type FetcherResult =
   | FetcherJsonResult
   | FetcherGraphResult
   | FetcherMarkdownResult
-  | FetcherStatusResult;
+  | FetcherStatusResult
+  | GetFetcherStatusResult;
 
 export type FetcherDefinitionsResponse = { [type: string]: FetcherDefinition };

package/{useClueTypeConfig-Cx-Is721.js → useClueTypeConfig-D2tf4-NM.js}

@@ -11,7 +11,7 @@ import { useState, useEffect } from "react";
 function uniq(array) {
   return array && array.length ? baseUniq(array) : [];
 }
-const get$8 = (actionId, taskId, options = { timeout: null }, config) => {
+const get$9 = (actionId, taskId, options = { timeout: null }, config) => {
   const searchParams = [];
   if (!isNil(options.timeout)) {
     searchParams.push(`max_timeout=${options.timeout}`);
@@ -22,14 +22,14 @@ const get$8 = (actionId, taskId, options = { timeout: null }, config) => {
     config
   );
 };
-const status = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const status$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  get: get$8
+  get: get$9
 }, Symbol.toStringTag, { value: "Module" }));
 const uri$c = () => {
   return joinUri(uri(), "actions");
 };
-const get$7 = (config) => {
+const get$8 = (config) => {
   return hget(uri$c(), null, config);
 };
 const post$3 = (actionId, selectors, params, context, options = { timeout: null }, config) => {
@@ -60,9 +60,9 @@ const post$3 = (actionId, selectors, params, context, options = { timeout: null
 };
 const actions = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  get: get$7,
+  get: get$8,
   post: post$3,
-  status,
+  status: status$1,
   uri: uri$c
 }, Symbol.toStringTag, { value: "Module" }));
 const uri$b = (searchParams) => {
@@ -71,7 +71,7 @@ const uri$b = (searchParams) => {
 const post$2 = (body) => {
   return hpost(uri$b(), body);
 };
-const get$6 = (search) => {
+const get$7 = (search) => {
   const nonce = localStorage.getItem(`${MY_LOCAL_STORAGE_PREFIX}.${StorageKey.LOGIN_NONCE}`);
   if (nonce) {
     search.set("nonce", JSON.parse(nonce));
@@ -81,7 +81,7 @@ const get$6 = (search) => {
 };
 const login = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  get: get$6,
+  get: get$7,
   post: post$2,
   uri: uri$b
 }, Symbol.toStringTag, { value: "Module" }));
@@ -96,14 +96,29 @@ const auth = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty
 const uri$9 = () => {
   return joinUri(uri(), "configs");
 };
-const get$5 = (config) => {
+const get$6 = (config) => {
   return hget(uri$9(), null, config);
 };
 const configs = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  get: get$5,
+  get: get$6,
   uri: uri$9
 }, Symbol.toStringTag, { value: "Module" }));
+const get$5 = (fetcherId, taskId, options = { timeout: null }, config) => {
+  const searchParams = [];
+  if (!isNil(options.timeout)) {
+    searchParams.push(`max_timeout=${options.timeout}`);
+  }
+  return hget(
+    joinUri(uri$c(), `${fetcherId.replace(".", "/")}/status/${taskId}`),
+    searchParams.length > 0 ? new URLSearchParams(searchParams.join("&")) : null,
+    config
+  );
+};
+const status = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  get: get$5
+}, Symbol.toStringTag, { value: "Module" }));
 const uri$8 = () => {
   return joinUri(uri(), "fetchers");
 };
@@ -117,6 +132,7 @@ const fetchers = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProp
   __proto__: null,
   get: get$4,
   post: post$1,
+  status,
   uri: uri$8
 }, Symbol.toStringTag, { value: "Module" }));
 const uri$7 = () => {