@cccsaurora/clue-ui 1.1.0-dev.52 → 1.1.0-dev.66

package/{ActionForm-oiPSbHip.js → ActionForm-BR-JC3rN.js}

@@ -5,19 +5,21 @@ import { Stack, Typography, IconButton, Modal, Paper, Box, Button, Divider, Circ
 import Iconified from "./components/display/icons/Iconified.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-CC12Ux-9.js";
-import { a as api } from "./useClueTypeConfig-HmNKKYHY.js";
+import { a as api } from "./useClueTypeConfig-Ck1Sz41X.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 ErrorBoundary from "./components/ErrorBoundary.js";
 import { adaptSchema } from "./components/actions/form/schemaAdapter.js";
 import ResultModal from "./components/actions/ResultModal.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;
@@ -61,10 +63,11 @@ 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({});
@@ -100,11 +103,13 @@ const ClueActionProvider = ({
   );
   const executeAction = useCallback(
     async (actionId, selectors, params, options) => {
-      const { forceMenu, onComplete, skipMenu, timeout } = {
+      const { forceMenu, onComplete, skipMenu, timeout, includeContext, extraContext } = {
         forceMenu: false,
         skipMenu: false,
         onComplete: null,
         timeout: null,
+        includeContext: defaultIncludeContext ?? false,
+        extraContext: null,
         ...options
       };
       const headers = {};
@@ -121,6 +126,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,6 +162,7 @@ const ClueActionProvider = ({
           action: actionToRun,
           selectors,
           params: validatedParams ?? {},
+          context: context2,
           onComplete,
           timeout
         });
@@ -157,6 +177,7 @@ const ClueActionProvider = ({
           actionId,
           stringifiedSelectors,
           validatedParams ?? {},
+          context2,
           { timeout },
           requestConfig
         );
@@ -221,7 +242,17 @@ const ClueActionProvider = ({
         setLoading(false);
       }
     },
-    [availableActions, baseURL, getHashKey, getToken, onNetworkCall, runningActionData == null ? void 0 : runningActionData.id, t]
+    [
+      availableActions,
+      baseURL,
+      defaultIncludeContext,
+      getHashKey,
+      getToken,
+      i18n == null ? void 0 : i18n.language,
+      onNetworkCall,
+      runningActionData == null ? void 0 : runningActionData.id,
+      t
+    ]
   );
   const cancelAction = useCallback(() => {
     setRunningActionData(null);

package/{AnnotationDetails-fsvrH3_v.js → AnnotationDetails-Bi8OW9M9.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-UZ1ghGU_.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-DOIhJg4V.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-Bi8OW9M9.js";
 const CluePopupContext = createContext(null);
 const CluePopupProvider = ({ children }) => {
   const [popupType, setPopupType] = useState(null);

package/{ClueEnrichContext-C4hjLcHp.js → ClueEnrichContext-UZ1ghGU_.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-Ck1Sz41X.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-Bi8OW9M9.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-Bi8OW9M9.js";
+import "../ClueEnrichContext-UZ1ghGU_.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-DOIhJg4V.js";
 import "../hooks/useAnnotations.js";
 import "../utils-7OtvGnmf.js";
 import "react";

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-C4hjLcHp.js";
+import { u as uniq } from "../ClueEnrichContext-UZ1ghGU_.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] })
             ] })
           }
         ),

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-DOIhJg4V.js";
 import { useClueEnrichSelector } from "../hooks/selectors.js";
 import useAnnotations from "../hooks/useAnnotations.js";
 import ActionIcon from "../icons/Action.js";
@@ -55,21 +55,15 @@ const EnrichedChip = React__default.memo(
       return options;
     }, [setForceDetails, slotProps.popover]);
     const clicker = useMemo(
-      () => !loading ? !hideDetails || useDetailsIcon ? (e) => {
+      () => !hideDetails || useDetailsIcon ? (e) => {
         var _a;
         showInfo("details", anchorRef.current, { type, value, classification }, buildOptions());
         (_a = otherProps.onClick) == null ? void 0 : _a.call(otherProps, e);
         e.stopPropagation();
         e.preventDefault();
-      } : otherProps.onClick : (
-        // We need to give a dummy callback when loading so the popover doesn't get confused
-        (e) => {
-          var _a;
-          (_a = otherProps.onClick) == null ? void 0 : _a.call(otherProps, e);
-        }
-      ),
+      } : otherProps.onClick,
       // eslint-disable-next-line react-hooks/exhaustive-deps
-      [loading, hideDetails, useDetailsIcon, otherProps, type, value, classification]
+      [hideDetails, useDetailsIcon, otherProps, type, value, classification]
     );
     useEffect(() => {
       if (forceDetails) {

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-DOIhJg4V.js";
 import { useClueEnrichSelector } from "../hooks/selectors.js";
 import useAnnotations from "../hooks/useAnnotations.js";
 import ActionIcon from "../icons/Action.js";
@@ -29,7 +29,7 @@ const EnrichedTypography = ({
   children,
   ...otherProps
 }) => {
-  var _a, _b, _c;
+  var _a, _b, _c, _d;
   const { t } = useContextSelector(ClueComponentContext, (ctx) => ctx.i18next);
   const theme = useTheme();
   const anchorRef = useRef();
@@ -57,21 +57,15 @@ const EnrichedTypography = ({
     return options;
   }, [setForceDetails, slotProps.popover]);
   const clicker = useMemo(
-    () => !loading ? !hideDetails || useDetailsIcon ? (e) => {
+    () => !hideDetails || useDetailsIcon ? (e) => {
       var _a2;
       showInfo("details", anchorRef.current, { type, value, classification }, buildOptions());
       (_a2 = otherProps.onClick) == null ? void 0 : _a2.call(otherProps, e);
       e.stopPropagation();
       e.preventDefault();
-    } : otherProps.onClick : (
-      // We need to give a dummy callback when loading so the popover doesn't get confused
-      (e) => {
-        var _a2;
-        (_a2 = otherProps.onClick) == null ? void 0 : _a2.call(otherProps, e);
-      }
-    ),
+    } : otherProps.onClick,
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [loading, hideDetails, useDetailsIcon, otherProps, type, value, classification]
+    [hideDetails, useDetailsIcon, otherProps, type, value, classification]
   );
   useEffect(() => {
     if (forceDetails) {
@@ -92,6 +86,7 @@ const EnrichedTypography = ({
       spacing: 1,
       alignItems: "center",
       ...slotProps == null ? void 0 : slotProps.stack,
+      className: `enriched-typography ${((_a = slotProps == null ? void 0 : slotProps.stack) == null ? void 0 : _a.className) ?? ""}`.trim(),
       sx: [
         {
           cursor: !loading && !hideDetails ? "pointer" : "inherit",
@@ -101,7 +96,7 @@ const EnrichedTypography = ({
             borderBottomColor: !loading && (!hideDetails ? theme.palette.primary.light : null)
           }
         },
-        ...Array.isArray((_a = slotProps == null ? void 0 : slotProps.stack) == null ? void 0 : _a.sx) ? (_b = slotProps == null ? void 0 : slotProps.stack) == null ? void 0 : _b.sx : [(_c = slotProps == null ? void 0 : slotProps.stack) == null ? void 0 : _c.sx]
+        ...Array.isArray((_b = slotProps == null ? void 0 : slotProps.stack) == null ? void 0 : _b.sx) ? (_c = slotProps == null ? void 0 : slotProps.stack) == null ? void 0 : _c.sx : [(_d = slotProps == null ? void 0 : slotProps.stack) == null ? void 0 : _d.sx]
       ],
       onClick: !useDetailsIcon ? clicker : void 0,
       children: [

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-oiPSbHip.js";
+import { A } from "../../ActionForm-BR-JC3rN.js";
 import "../../utils-7OtvGnmf.js";
 import "react";
 import "../../index-BDVjGvMI.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-oiPSbHip.js";
+import { c as capitalize } from "../../ActionForm-BR-JC3rN.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-oiPSbHip.js";
+import { c as capitalize } from "../../ActionForm-BR-JC3rN.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

@@ -43,6 +43,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.
@@ -71,6 +83,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,19 @@
 import "react/jsx-runtime";
 import "@mui/material";
 import "../index-CC12Ux-9.js";
-import "../useClueTypeConfig-HmNKKYHY.js";
-import { a, C } from "../ActionForm-oiPSbHip.js";
+import "../useClueTypeConfig-Ck1Sz41X.js";
+import { a, C } from "../ActionForm-BR-JC3rN.js";
 import "../components/actions/ResultModal.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-Ck1Sz41X.js";
 import "../utils/loggerUtil.js";
-import { C, a } from "../ClueEnrichContext-C4hjLcHp.js";
+import { C, a } from "../ClueEnrichContext-UZ1ghGU_.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-Ck1Sz41X.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-DOIhJg4V.js";
 import "../data/event.js";
 import "../utils/window.js";
-import "../AnnotationDetails-fsvrH3_v.js";
+import "../AnnotationDetails-Bi8OW9M9.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-oiPSbHip.js";
+import { C as ClueActionProvider } from "../ActionForm-BR-JC3rN.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-UZ1ghGU_.js";
 import { ClueFetcherProvider } from "./ClueFetcherContext.js";
-import { a as CluePopupProvider } from "../AnnotationPreview-biAV6uKB.js";
+import { a as CluePopupProvider } from "../AnnotationPreview-DOIhJg4V.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.d.ts

@@ -1,7 +1,7 @@
-import { ClueActionContextType } from './ClueActionContext';
-import { ClueComponentContextType } from './ClueComponentContext';
-import { ClueEnrichContextType } from './ClueEnrichContextType';
-import { ClueFetcherContextType } from './ClueFetcherContext';
+import { ClueActionContextType } from "../hooks/ClueActionContext";
+import { ClueComponentContextType } from "../hooks/ClueComponentContext";
+import { ClueEnrichContextType } from "../hooks/ClueEnrichContextType";
+import { ClueFetcherContextType } from "../hooks/ClueFetcherContext";
 
 export declare const useClueFetcherSelector: <Selected>(selector: (value: ClueFetcherContextType) => Selected) => Selected;
 export declare const useClueActionsSelector: <Selected>(selector: (value: ClueActionContextType) => Selected) => Selected;

package/hooks/selectors.js

@@ -1,8 +1,8 @@
-import { u as useContextSelector } from "../index-BDVjGvMI.js";
-import { a as ClueActionContext } from "../ActionForm-oiPSbHip.js";
+import { a as ClueActionContext } from "../ActionForm-BR-JC3rN.js";
 import { ClueComponentContext } from "./ClueComponentContext.js";
-import { C as ClueEnrichContext } from "../ClueEnrichContext-C4hjLcHp.js";
+import { C as ClueEnrichContext } from "../ClueEnrichContext-UZ1ghGU_.js";
 import { ClueFetcherContext } from "./ClueFetcherContext.js";
+import { u as useContextSelector } from "../index-BDVjGvMI.js";
 const useClueFetcherSelector = (selector) => {
   return useContextSelector(ClueFetcherContext, selector);
 };

package/hooks/useAnnotations.js

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

package/hooks/useClueActions.d.ts

@@ -1,4 +1,4 @@
-import { ClueActionContextType } from './ClueActionContext';
+import { ClueActionContextType } from "../hooks/ClueActionContext";
 
 declare const useClueActions: () => ClueActionContextType;
 export default useClueActions;

package/hooks/useClueActions.js

@@ -1,5 +1,5 @@
+import { u } from "../ActionForm-BR-JC3rN.js";
 import "../index-BDVjGvMI.js";
-import { u } from "../ActionForm-oiPSbHip.js";
 export {
   u as default
 };

package/hooks/useClueTypeConfig.js

@@ -1,4 +1,4 @@
-import { u } from "../useClueTypeConfig-HmNKKYHY.js";
+import { u } from "../useClueTypeConfig-Ck1Sz41X.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-oiPSbHip.js";
+import { C as CluePopupContext } from "../AnnotationPreview-DOIhJg4V.js";
+import { u as useClueActions } from "../ActionForm-BR-JC3rN.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-DOIhJg4V.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-DOIhJg4V.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-DOIhJg4V.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-oiPSbHip.js";
+import { A, u } from "./ActionForm-BR-JC3rN.js";
 import { default as default2 } from "./components/AnnotationDetailPopover.js";
-import { A as A2 } from "./AnnotationDetails-fsvrH3_v.js";
+import { A as A2 } from "./AnnotationDetails-Bi8OW9M9.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-DOIhJg4V.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-UZ1ghGU_.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.52",
+  "version": "1.1.0-dev.66",
   "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;

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

@@ -14,7 +14,7 @@ const uri$c = () => {
 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 +29,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"),