@cccsaurora/clue-ui 1.0.1-dev.70 → 1.0.2-patch.38

package/ActionForm-D4ryHO0M.js

@@ -1,436 +0,0 @@
-import { jsxs, jsx } 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 Iconified from "./components/display/icons/Iconified.js";
-import { J as JSONViewer } from "./index-BMxyILVD.js";
-import { ClueComponentContext } from "./hooks/ClueComponentContext.js";
-import { c as createContext, u as useContextSelector, a as useContext } from "./index-BDVjGvMI.js";
-import { A as Ajv } from "./index-Dz1kF2MU.js";
-import { a as api } from "./useClueTypeConfig-CH-nGq6a.js";
-import { d as toString } from "./_baseGet-BSK_nnoz.js";
-import { b as baseSlice } from "./_baseSlice-GAv_YFTT.js";
-import { i as isEqual } from "./utils-Dr4wbKBZ.js";
-import { useState, useCallback, useEffect, useMemo, memo } from "react";
-import 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 { safeDispatchEvent } from "./utils/window.js";
-import useClue from "./hooks/useClue.js";
-function castSlice(array, start, end) {
-  var length = array.length;
-  end = end === void 0 ? length : end;
-  return !start && end >= length ? array : baseSlice(array, start, end);
-}
-var rsAstralRange$1 = "\\ud800-\\udfff", rsComboMarksRange$1 = "\\u0300-\\u036f", reComboHalfMarksRange$1 = "\\ufe20-\\ufe2f", rsComboSymbolsRange$1 = "\\u20d0-\\u20ff", rsComboRange$1 = rsComboMarksRange$1 + reComboHalfMarksRange$1 + rsComboSymbolsRange$1, rsVarRange$1 = "\\ufe0e\\ufe0f";
-var rsZWJ$1 = "\\u200d";
-var reHasUnicode = RegExp("[" + rsZWJ$1 + rsAstralRange$1 + rsComboRange$1 + rsVarRange$1 + "]");
-function hasUnicode(string) {
-  return reHasUnicode.test(string);
-}
-function asciiToArray(string) {
-  return string.split("");
-}
-var rsAstralRange = "\\ud800-\\udfff", rsComboMarksRange = "\\u0300-\\u036f", reComboHalfMarksRange = "\\ufe20-\\ufe2f", rsComboSymbolsRange = "\\u20d0-\\u20ff", rsComboRange = rsComboMarksRange + reComboHalfMarksRange + rsComboSymbolsRange, rsVarRange = "\\ufe0e\\ufe0f";
-var rsAstral = "[" + rsAstralRange + "]", rsCombo = "[" + rsComboRange + "]", rsFitz = "\\ud83c[\\udffb-\\udfff]", rsModifier = "(?:" + rsCombo + "|" + rsFitz + ")", rsNonAstral = "[^" + rsAstralRange + "]", rsRegional = "(?:\\ud83c[\\udde6-\\uddff]){2}", rsSurrPair = "[\\ud800-\\udbff][\\udc00-\\udfff]", rsZWJ = "\\u200d";
-var reOptMod = rsModifier + "?", rsOptVar = "[" + rsVarRange + "]?", rsOptJoin = "(?:" + rsZWJ + "(?:" + [rsNonAstral, rsRegional, rsSurrPair].join("|") + ")" + rsOptVar + reOptMod + ")*", rsSeq = rsOptVar + reOptMod + rsOptJoin, rsSymbol = "(?:" + [rsNonAstral + rsCombo + "?", rsCombo, rsRegional, rsSurrPair, rsAstral].join("|") + ")";
-var reUnicode = RegExp(rsFitz + "(?=" + rsFitz + ")|" + rsSymbol + rsSeq, "g");
-function unicodeToArray(string) {
-  return string.match(reUnicode) || [];
-}
-function stringToArray(string) {
-  return hasUnicode(string) ? unicodeToArray(string) : asciiToArray(string);
-}
-function createCaseFirst(methodName) {
-  return function(string) {
-    string = toString(string);
-    var strSymbols = hasUnicode(string) ? stringToArray(string) : void 0;
-    var chr = strSymbols ? strSymbols[0] : string.charAt(0);
-    var trailing = strSymbols ? castSlice(strSymbols, 1).join("") : string.slice(1);
-    return chr[methodName]() + trailing;
-  };
-}
-var upperFirst = createCaseFirst("toUpperCase");
-function capitalize(string) {
-  return upperFirst(toString(string).toLowerCase());
-}
-const AJV = new Ajv({ removeAdditional: true, coerceTypes: true, strict: false });
-const ClueActionContext = createContext(null);
-const ClueActionProvider = ({
-  baseURL,
-  children,
-  classification: defaultClassification,
-  getToken,
-  onNetworkCall
-}) => {
-  const { t } = useContextSelector(ClueComponentContext, (ctx) => ctx.i18next);
-  const { ready } = useClue();
-  const [runningActionData, setRunningActionData] = useState(null);
-  const [actionResults, setActionResults] = useState({});
-  const [showResultModal, setShowResultModal] = useState(false);
-  const [lastResult, setLastResult] = useState(null);
-  const [loading, setLoading] = useState(false);
-  const [availableActions, setAvailableActions] = useState({});
-  const refreshActions = useCallback(async () => {
-    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);
-    }
-    const _actions = await api.actions.get(requestConfig);
-    if (_actions) {
-      setAvailableActions(_actions);
-    }
-    return _actions;
-  }, [baseURL, getToken, onNetworkCall, ready]);
-  useEffect(() => {
-    refreshActions();
-  }, [baseURL, ready]);
-  const getHashKey = useCallback(
-    (type, value, classification) => JSON.stringify({ type, value, classification: classification ?? defaultClassification }),
-    [defaultClassification]
-  );
-  const executeAction = useCallback(
-    async (actionId, selectors, params, options) => {
-      const { forceMenu, onComplete, skipMenu, timeout } = {
-        forceMenu: false,
-        skipMenu: false,
-        onComplete: null,
-        timeout: 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");
-      }
-      const stringifiedSelectors = selectors.map(
-        (selector) => selector.type === "telemetry" ? { ...selector, value: JSON.stringify(selector.value) } : selector
-      );
-      const actionToRun = availableActions[actionId];
-      const validator = AJV.compile(actionToRun.params);
-      const validatedParams = { selectors: stringifiedSelectors, ...params };
-      setLoading(true);
-      if (!validator(validatedParams) || forceMenu) {
-        if (skipMenu && !forceMenu) {
-          console.error(`Form is not valid (${validator.errors.length} errors)`);
-          throw new Error("Form is not completed");
-        }
-        if ((runningActionData == null ? void 0 : runningActionData.id) === actionId) {
-          console.error(`Form is not valid (${validator.errors.length} errors)`);
-          safeDispatchEvent(
-            new CustomEvent(SNACKBAR_EVENT_ID, {
-              detail: {
-                message: t("action.error.validation"),
-                level: "error"
-              }
-            })
-          );
-        }
-        setRunningActionData({
-          id: actionId,
-          action: actionToRun,
-          selectors,
-          params: validatedParams ?? {},
-          onComplete,
-          timeout
-        });
-        return;
-      }
-      try {
-        let requestConfig = { baseURL, headers };
-        if (onNetworkCall) {
-          requestConfig = onNetworkCall(requestConfig);
-        }
-        const actionResult = await api.actions.post(
-          actionId,
-          stringifiedSelectors,
-          validatedParams ?? {},
-          { timeout },
-          requestConfig
-        );
-        const actionResultWithData = { ...actionResult, actionId, action: actionToRun };
-        onComplete == null ? void 0 : onComplete(actionResultWithData);
-        setActionResults((_results) => {
-          const keys = selectors.map((value) => getHashKey(value.type, value.value, value.classification));
-          return {
-            ..._results,
-            ...keys.reduce(
-              (acc, key) => ({
-                ...acc,
-                [key]: [..._results[key] ?? [], actionResultWithData]
-              }),
-              {}
-            )
-          };
-        });
-        safeDispatchEvent(
-          new CustomEvent(SNACKBAR_EVENT_ID, {
-            detail: {
-              message: /* @__PURE__ */ jsxs(Stack, { direction: "row", alignItems: "center", spacing: 0.5, width: "100%", children: [
-                /* @__PURE__ */ jsx(Typography, { children: actionResult.summary }),
-                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",
-              options: {
-                style: {
-                  minWidth: 0
-                },
-                SnackbarProps: {
-                  style: {
-                    minWidth: 0
-                  }
-                }
-              }
-            }
-          })
-        );
-        if (actionResult.outcome === "success") {
-          setRunningActionData(null);
-        }
-        if (actionResult.format) {
-          setLastResult({ ...actionResult, actionId, action: actionToRun });
-          if (actionResult.format !== "pivot") {
-            setShowResultModal(true);
-          } else {
-            window.open(actionResult.output, "_blank", "noreferrer");
-          }
-        }
-      } catch (e) {
-        safeDispatchEvent(
-          new CustomEvent(SNACKBAR_EVENT_ID, {
-            detail: {
-              message: e.toString(),
-              level: "error"
-            }
-          })
-        );
-      } finally {
-        setLoading(false);
-      }
-    },
-    [availableActions, baseURL, getHashKey, getToken, onNetworkCall, runningActionData == null ? void 0 : runningActionData.id, t]
-  );
-  const cancelAction = useCallback(() => {
-    setRunningActionData(null);
-    setLoading(false);
-  }, []);
-  const getActionResults = useCallback(
-    (type, value, classification) => actionResults[getHashKey(type, value, classification)] ?? [],
-    [actionResults, getHashKey]
-  );
-  const context = useMemo(
-    () => ({
-      availableActions,
-      executeAction,
-      cancelAction,
-      getActionResults,
-      loading,
-      refreshActions
-    }),
-    [availableActions, cancelAction, executeAction, getActionResults, loading, refreshActions]
-  );
-  return /* @__PURE__ */ jsxs(ClueActionContext.Provider, { value: context, children: [
-    children,
-    /* @__PURE__ */ jsxs(ErrorBoundary, { children: [
-      runningActionData && /* @__PURE__ */ jsx(ActionForm$1, { runningActionData }),
-      /* @__PURE__ */ jsx(
-        ResultModal,
-        {
-          show: showResultModal && !!lastResult,
-          result: lastResult,
-          onClose: () => setShowResultModal(false)
-        }
-      )
-    ] })
-  ] });
-};
-const useClueActions = () => {
-  return useContext(ClueActionContext);
-};
-const WRAPPED_RENDERERS = materialRenderers.map((value) => ({
-  ...value,
-  renderer: ({ ...props }) => /* @__PURE__ */ jsx(ErrorBoundary, { children: /* @__PURE__ */ jsx(value.renderer, { ...props }) })
-}));
-const ActionForm = ({ runningActionData }) => {
-  const { executeAction, cancelAction } = useClueActions();
-  const { t } = useContextSelector(ClueComponentContext, (ctx) => ctx.i18next);
-  const [loading, setLoading] = useState(false);
-  const [errors, setErrors] = useState(null);
-  const [formData, setFormData] = useState(runningActionData == null ? void 0 : runningActionData.params);
-  const [showFormDataJson, setShowFormDataJson] = useState(false);
-  const formSchema = useMemo(
-    () => (runningActionData == null ? void 0 : runningActionData.action) ? { ...adaptSchema(runningActionData.action.params), ...runningActionData.action.extra_schema ?? {} } : null,
-    [runningActionData == null ? void 0 : runningActionData.action]
-  );
-  const uiSchema = useMemo(
-    () => ({
-      type: "VerticalLayout",
-      elements: Object.entries((formSchema == null ? void 0 : formSchema.properties) ?? {}).sort(([a_key, a_ent], [b_key, b_ent]) => {
-        if (!!a_ent.order || !!b_ent.order) {
-          return a_ent.order - b_ent.order;
-        } else {
-          return +(formSchema == null ? void 0 : formSchema.required.includes(a_key)) - +(formSchema == null ? void 0 : formSchema.required.includes(b_key));
-        }
-      }).map(([key, value]) => ({
-        type: "Control",
-        scope: `#/properties/${key}`,
-        options: {
-          autocomplete: !!value.enum,
-          showUnfocusedDescription: true,
-          ...value.options
-        },
-        rule: value.rule
-      }))
-    }),
-    [formSchema == null ? void 0 : formSchema.properties, formSchema == null ? void 0 : formSchema.required]
-  );
-  const execute = useCallback(async () => {
-    try {
-      setLoading(true);
-      const options = {};
-      if (runningActionData == null ? void 0 : runningActionData.onComplete) {
-        options.onComplete = runningActionData == null ? void 0 : runningActionData.onComplete;
-      }
-      if (runningActionData == null ? void 0 : runningActionData.timeout) {
-        options.timeout = runningActionData == null ? void 0 : runningActionData.timeout;
-      }
-      await executeAction(runningActionData == null ? void 0 : runningActionData.id, runningActionData == null ? void 0 : runningActionData.selectors, formData, options);
-    } catch (e) {
-      console.error(e);
-    } finally {
-      setLoading(false);
-    }
-  }, [
-    executeAction,
-    runningActionData == null ? void 0 : runningActionData.id,
-    runningActionData == null ? void 0 : runningActionData.selectors,
-    runningActionData == null ? void 0 : runningActionData.onComplete,
-    runningActionData == null ? void 0 : runningActionData.timeout,
-    formData
-  ]);
-  if (!(runningActionData == null ? void 0 : runningActionData.action)) {
-    return;
-  }
-  try {
-    return /* @__PURE__ */ jsx(Modal, { open: true, sx: { display: "flex", alignItems: "center", justifyContent: "center" }, onClose: cancelAction, children: /* @__PURE__ */ jsx(
-      Paper,
-      {
-        sx: { maxHeight: "80%", maxWidth: "80%", height: "100%", px: 2, pt: 2, minWidth: "750px", overflow: "auto" },
-        children: /* @__PURE__ */ jsxs(
-          Stack,
-          {
-            spacing: 1,
-            height: "100%",
-            sx: {
-              ".MuiFormHelperText-root": {
-                marginLeft: "0 !important",
-                "&:last-of-type": { mb: 3 }
-              }
-            },
-            children: [
-              /* @__PURE__ */ jsxs(Stack, { direction: "row", spacing: 1, children: [
-                /* @__PURE__ */ jsxs(Stack, { direction: "column", spacing: 1, children: [
-                  /* @__PURE__ */ jsxs(Typography, { variant: "h5", children: [
-                    t("actions.executing"),
-                    " ",
-                    runningActionData == null ? void 0 : runningActionData.action.id.replace(/_/g, " ").split(" ").map(capitalize).join(" ")
-                  ] }),
-                  (runningActionData == null ? void 0 : runningActionData.action.summary) && /* @__PURE__ */ jsx(Typography, { variant: "body1", color: "text.secondary", sx: { pb: 1.5 }, children: runningActionData == null ? void 0 : runningActionData.action.summary })
-                ] }),
-                /* @__PURE__ */ jsx(Box, { flex: 1 }),
-                /* @__PURE__ */ jsx(Box, { alignContent: "end", children: /* @__PURE__ */ jsx(
-                  Button,
-                  {
-                    variant: "outlined",
-                    onClick: () => setShowFormDataJson((prev) => !prev),
-                    startIcon: /* @__PURE__ */ jsx(
-                      Box,
-                      {
-                        component: "span",
-                        sx: (theme) => ({
-                          transition: theme.transitions.create("transform"),
-                          transform: showFormDataJson ? "rotate(180deg)" : "rotate(0deg)"
-                        }),
-                        children: /* @__PURE__ */ jsx(Iconified, { icon: "ic:baseline-keyboard-double-arrow-right" })
-                      }
-                    ),
-                    children: !showFormDataJson ? t("actions.json.show") : t("actions.json.hide")
-                  }
-                ) })
-              ] }),
-              /* @__PURE__ */ jsx(Divider, { orientation: "horizontal", variant: "middle" }),
-              /* @__PURE__ */ jsx(Box, { pt: 1.5 }),
-              /* @__PURE__ */ jsxs(Stack, { flexGrow: 1, direction: "row", spacing: 1, children: [
-                /* @__PURE__ */ jsxs(Stack, { direction: "column", flexGrow: 1, children: [
-                  /* @__PURE__ */ jsx(ErrorBoundary, { children: /* @__PURE__ */ jsx(
-                    JsonForms,
-                    {
-                      schema: formSchema,
-                      uischema: uiSchema,
-                      renderers: WRAPPED_RENDERERS,
-                      cells: materialCells,
-                      data: formData,
-                      onChange: ({ data, errors: _errors }) => {
-                        if (!isEqual(data, formData)) {
-                          setFormData(data);
-                        }
-                        setErrors(_errors);
-                      },
-                      config: {}
-                    }
-                  ) }),
-                  /* @__PURE__ */ jsxs(Stack, { direction: "row", spacing: 1, pb: 1, children: [
-                    /* @__PURE__ */ jsx("div", { style: { flex: 1 } }),
-                    /* @__PURE__ */ jsx(Button, { color: "error", variant: "outlined", onClick: cancelAction, children: t("cancel") }),
-                    /* @__PURE__ */ jsx(
-                      Button,
-                      {
-                        color: "success",
-                        variant: "outlined",
-                        disabled: loading || (errors == null ? void 0 : errors.length) > 0,
-                        onClick: execute,
-                        endIcon: loading && /* @__PURE__ */ jsx(CircularProgress, { color: "inherit", size: 18 }),
-                        children: t("actions.execute")
-                      }
-                    )
-                  ] })
-                ] }),
-                /* @__PURE__ */ jsx(Collapse, { orientation: "horizontal", in: showFormDataJson, unmountOnExit: true, mountOnEnter: true, children: /* @__PURE__ */ jsxs(Stack, { direction: "row", height: "100%", spacing: 1, children: [
-                  /* @__PURE__ */ jsx(Divider, { orientation: "vertical" }),
-                  /* @__PURE__ */ jsxs(Stack, { children: [
-                    /* @__PURE__ */ jsx(Typography, { variant: "h5", children: t("action.data") }),
-                    /* @__PURE__ */ jsx(Box, { width: 600, height: "100%", children: /* @__PURE__ */ jsx(JSONViewer, { data: formData, slotProps: { stack: { height: "100%" }, json: { name: false } } }) })
-                  ] })
-                ] }) })
-              ] })
-            ]
-          }
-        )
-      }
-    ) });
-  } catch (e) {
-    console.warn(e);
-    return null;
-  }
-};
-const ActionForm$1 = memo(ActionForm);
-export {
-  ActionForm$1 as A,
-  ClueActionProvider as C,
-  ClueActionContext as a,
-  capitalize as c,
-  useClueActions as u
-};

package/AnnotationDetails-YAPoqw3R.js

@@ -1,175 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { I as Icon } from "./iconify-CXMreGTg.js";
-import { useTheme, Stack, Typography, Tooltip, Box, IconButton, CircularProgress, Chip, Accordion, AccordionSummary, AccordionDetails, Divider } from "@mui/material";
-import Iconified from "./components/display/icons/Iconified.js";
-import { SNACKBAR_EVENT_ID } from "./data/event.js";
-import { ClueComponentContext } from "./hooks/ClueComponentContext.js";
-import { useClueEnrichSelector } from "./hooks/selectors.js";
-import useAnnotations from "./hooks/useAnnotations.js";
-import useErrors from "./hooks/useErrors.js";
-import { ICON_MAP } from "./icons/iconMap.js";
-import { safeDispatchEvent } from "./utils/window.js";
-import { g as groupBy } from "./groupBy-DC2oOuBN.js";
-import { u as uniq } from "./ClueEnrichContext-DIn6g8tw.js";
-import { memo, useState, useMemo, useCallback, useEffect } from "react";
-import { u as useContextSelector } from "./index-BDVjGvMI.js";
-import ExecutePopover from "./components/actions/ExecutePopover.js";
-import AnnotationEntry from "./components/AnnotationEntry.js";
-import ClassificationChip from "./components/ClassificationChip.js";
-import EnrichPopover from "./components/enrichment/EnrichPopover.js";
-function isNull(value) {
-  return value === null;
-}
-const AnnotationDetails = ({ enrichRequest, setReady, updatePosition }) => {
-  const theme = useTheme();
-  const { t } = useContextSelector(ClueComponentContext, (ctx) => ctx.i18next);
-  const [filter, setFilter] = useState("all");
-  const enrich = useClueEnrichSelector((state) => state.enrich);
-  const [annotations, loading] = useAnnotations(
-    enrichRequest == null ? void 0 : enrichRequest.type,
-    enrichRequest == null ? void 0 : enrichRequest.value,
-    enrichRequest == null ? void 0 : enrichRequest.classification,
-    { skipEnrichment: true }
-  );
-  const errors = useErrors(enrichRequest == null ? void 0 : enrichRequest.value);
-  const options = useMemo(
-    () => ["all", ...uniq((annotations ?? []).map((annotation) => annotation.type))],
-    [annotations]
-  );
-  const annotationsByType = useMemo(() => groupBy(annotations ?? [], "type"), [annotations]);
-  const forceEnrich = useCallback(async () => {
-    await enrich(enrichRequest.type, enrichRequest.value, {
-      classification: enrichRequest.classification,
-      timeout: 15,
-      force: true
-    });
-  }, [enrichRequest, enrich]);
-  useEffect(() => {
-    if (!setReady) {
-      return;
-    }
-    setReady(enrichRequest && !isNull(annotations));
-    updatePosition == null ? void 0 : updatePosition();
-  }, [annotations, enrichRequest, setReady, updatePosition]);
-  return enrichRequest && !isNull(annotations) && /* @__PURE__ */ jsxs(Stack, { direction: "column", sx: { p: 1, width: "100%" }, spacing: 1, children: [
-    /* @__PURE__ */ jsxs(Stack, { spacing: 1, children: [
-      /* @__PURE__ */ jsxs(Stack, { direction: "row", spacing: 1, children: [
-        /* @__PURE__ */ jsxs(Stack, { children: [
-          /* @__PURE__ */ jsxs(Stack, { direction: "row", spacing: 1, children: [
-            /* @__PURE__ */ jsx(Typography, { variant: "body1", fontWeight: "bold", children: "Clue" }),
-            enrichRequest.classification && /* @__PURE__ */ jsx(ClassificationChip, { size: "small", classification: enrichRequest.classification })
-          ] }),
-          /* @__PURE__ */ jsxs(Typography, { variant: "caption", color: "text.secondary", children: [
-            enrichRequest.type.toLocaleUpperCase(),
-            " ",
-            t("enrichment")
-          ] })
-        ] }),
-        /* @__PURE__ */ jsx("div", { style: { flex: 1 } }),
-        /* @__PURE__ */ jsx(Tooltip, { title: t("refresh"), children: /* @__PURE__ */ jsx(Box, { sx: { alignSelf: "center", m: -1 }, children: /* @__PURE__ */ jsx(IconButton, { onClick: () => forceEnrich(), disabled: loading, children: loading ? /* @__PURE__ */ jsx(CircularProgress, { variant: "indeterminate", size: 20 }) : /* @__PURE__ */ jsx(Iconified, { icon: "ic:baseline-replay", fontSize: "small" }) }) }) }),
-        /* @__PURE__ */ jsx(Tooltip, { title: t("clipboard"), children: /* @__PURE__ */ jsx(
-          IconButton,
-          {
-            sx: { alignSelf: "center", m: -1 },
-            onClick: () => {
-              navigator.clipboard.writeText(enrichRequest.value);
-              safeDispatchEvent(
-                new CustomEvent(SNACKBAR_EVENT_ID, {
-                  detail: {
-                    message: `${enrichRequest.value} ${t("clipboard.success")}`,
-                    level: "success"
-                  }
-                })
-              );
-            },
-            children: /* @__PURE__ */ jsx(Iconified, { icon: "ic:outline-assignment", fontSize: "small" })
-          }
-        ) }),
-        /* @__PURE__ */ jsx(EnrichPopover, { selector: enrichRequest }),
-        /* @__PURE__ */ jsx(ExecutePopover, { selectors: [enrichRequest] })
-      ] }),
-      /* @__PURE__ */ jsxs(Stack, { direction: "row", spacing: 0.5, children: [
-        options.map((opt, id) => /* @__PURE__ */ jsx(
-          Chip,
-          {
-            size: "small",
-            variant: opt === filter ? "filled" : "outlined",
-            icon: ICON_MAP[opt] && /* @__PURE__ */ jsx(Icon, { icon: ICON_MAP[opt] }),
-            label: /* @__PURE__ */ jsxs(Typography, { variant: "caption", textTransform: "capitalize", children: [
-              opt,
-              ":",
-              " ",
-              opt === "all" ? annotations.length : annotations.filter((annotation) => annotation.type === opt).length
-            ] }),
-            onClick: () => setFilter(opt)
-          },
-          id
-        )),
-        (errors == null ? void 0 : errors.length) > 0 && /* @__PURE__ */ jsx(
-          Tooltip,
-          {
-            title: /* @__PURE__ */ jsx("div", { onClick: (e) => e.stopPropagation(), children: errors.map((err, err_id) => /* @__PURE__ */ jsxs("div", { children: [
-              /* @__PURE__ */ jsx("span", { style: { textTransform: "capitalize" }, children: err.source.replace(/-/g, " ") }),
-              ":",
-              " ",
-              err.message
-            ] }, err_id)) }),
-            children: /* @__PURE__ */ jsx(
-              Chip,
-              {
-                size: "small",
-                variant: "outlined",
-                icon: /* @__PURE__ */ jsx(Icon, { icon: "material-symbols:timer-outline", color: theme.palette.error.main }),
-                label: /* @__PURE__ */ jsxs(Typography, { variant: "caption", textTransform: "capitalize", children: [
-                  t("annotation.failed"),
-                  ": ",
-                  errors.length
-                ] }),
-                onClick: forceEnrich
-              }
-            )
-          }
-        )
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx(Box, {}),
-    Object.keys(annotationsByType).filter((type) => !filter || filter === "all" || type === filter).map((type, id) => /* @__PURE__ */ jsxs(
-      Accordion,
-      {
-        defaultExpanded: true,
-        sx: {
-          marginTop: `${theme.spacing(1)} !important`,
-          marginBottom: "0 !important",
-          "&:before": { height: 0 }
-        },
-        children: [
-          filter === "all" && /* @__PURE__ */ jsx(
-            AccordionSummary,
-            {
-              expandIcon: /* @__PURE__ */ jsx(Iconified, { icon: "ic:baseline-arrow-drop-down" }),
-              sx: {
-                minHeight: "initial !important",
-                mt: 0.5,
-                mb: 0,
-                px: 1,
-                "& .MuiAccordionSummary-content": { my: 0.5, mx: 0 },
-                "& .MuiAccordionSummary-content.Mui-expanded": { my: 0.5, mx: 0 }
-              },
-              children: /* @__PURE__ */ jsx(Typography, { variant: "body1", textTransform: "capitalize", children: type }, type)
-            }
-          ),
-          /* @__PURE__ */ jsxs(AccordionDetails, { sx: { px: 1 }, children: [
-            filter === "all" && /* @__PURE__ */ jsx(Divider, { orientation: "horizontal", sx: { mb: 1 } }),
-            /* @__PURE__ */ jsx(Stack, { spacing: 1, divider: /* @__PURE__ */ jsx(Divider, { orientation: "horizontal", flexItem: true }), children: annotationsByType[type].map((annotation, ann_id) => /* @__PURE__ */ jsx(AnnotationEntry, { annotation }, ann_id)) })
-          ] })
-        ]
-      },
-      id
-    ))
-  ] });
-};
-const AnnotationDetails$1 = memo(AnnotationDetails);
-export {
-  AnnotationDetails$1 as A,
-  isNull as i
-};