@cccsaurora/clue-ui 0.15.0-dev.28 → 0.15.0-dev.30

package/_createAggregator-BpVy5xMi.js

@@ -0,0 +1,63 @@
+import { k as keys } from "./_Uint8Array-BlVVH1tp.js";
+import { i as isArrayLike } from "./_getTag-D3ToyefI.js";
+import { b as baseIteratee } from "./_baseIteratee-p6Nj07-n.js";
+import { i as isArray } from "./_Map-kgDsDYxq.js";
+function arrayAggregator(array, setter, iteratee, accumulator) {
+  var index = -1, length = array == null ? 0 : array.length;
+  while (++index < length) {
+    var value = array[index];
+    setter(accumulator, value, iteratee(value), array);
+  }
+  return accumulator;
+}
+function createBaseFor(fromRight) {
+  return function(object, iteratee, keysFunc) {
+    var index = -1, iterable = Object(object), props = keysFunc(object), length = props.length;
+    while (length--) {
+      var key = props[++index];
+      if (iteratee(iterable[key], key, iterable) === false) {
+        break;
+      }
+    }
+    return object;
+  };
+}
+var baseFor = createBaseFor();
+function baseForOwn(object, iteratee) {
+  return object && baseFor(object, iteratee, keys);
+}
+function createBaseEach(eachFunc, fromRight) {
+  return function(collection, iteratee) {
+    if (collection == null) {
+      return collection;
+    }
+    if (!isArrayLike(collection)) {
+      return eachFunc(collection, iteratee);
+    }
+    var length = collection.length, index = -1, iterable = Object(collection);
+    while (++index < length) {
+      if (iteratee(iterable[index], index, iterable) === false) {
+        break;
+      }
+    }
+    return collection;
+  };
+}
+var baseEach = createBaseEach(baseForOwn);
+function baseAggregator(collection, setter, iteratee, accumulator) {
+  baseEach(collection, function(value, key, collection2) {
+    setter(accumulator, value, iteratee(value), collection2);
+  });
+  return accumulator;
+}
+function createAggregator(setter, initializer) {
+  return function(collection, iteratee) {
+    var func = isArray(collection) ? arrayAggregator : baseAggregator, accumulator = {};
+    return func(collection, setter, baseIteratee(iteratee), accumulator);
+  };
+}
+export {
+  baseForOwn as a,
+  baseEach as b,
+  createAggregator as c
+};

package/_getPrototype-D1LAdQKO.js

@@ -0,0 +1,5 @@
+import { o as overArg } from "./_getTag-D3ToyefI.js";
+var getPrototype = overArg(Object.getPrototypeOf, Object);
+export {
+  getPrototype as g
+};

package/_getTag-D3ToyefI.js

@@ -0,0 +1,126 @@
+import { g as getNative, a as isFunction, t as toSource, M as Map } from "./_Map-kgDsDYxq.js";
+import { r as root, i as isObjectLike, b as baseGetTag, f as freeGlobal } from "./isObjectLike-OAgjjZye.js";
+var WeakMap = getNative(root, "WeakMap");
+var MAX_SAFE_INTEGER = 9007199254740991;
+function isLength(value) {
+  return typeof value == "number" && value > -1 && value % 1 == 0 && value <= MAX_SAFE_INTEGER;
+}
+function isArrayLike(value) {
+  return value != null && isLength(value.length) && !isFunction(value);
+}
+var objectProto$2 = Object.prototype;
+function isPrototype(value) {
+  var Ctor = value && value.constructor, proto = typeof Ctor == "function" && Ctor.prototype || objectProto$2;
+  return value === proto;
+}
+var argsTag$1 = "[object Arguments]";
+function baseIsArguments(value) {
+  return isObjectLike(value) && baseGetTag(value) == argsTag$1;
+}
+var objectProto$1 = Object.prototype;
+var hasOwnProperty$1 = objectProto$1.hasOwnProperty;
+var propertyIsEnumerable = objectProto$1.propertyIsEnumerable;
+var isArguments = baseIsArguments(/* @__PURE__ */ function() {
+  return arguments;
+}()) ? baseIsArguments : function(value) {
+  return isObjectLike(value) && hasOwnProperty$1.call(value, "callee") && !propertyIsEnumerable.call(value, "callee");
+};
+function stubFalse() {
+  return false;
+}
+var freeExports$1 = typeof exports == "object" && exports && !exports.nodeType && exports;
+var freeModule$1 = freeExports$1 && typeof module == "object" && module && !module.nodeType && module;
+var moduleExports$1 = freeModule$1 && freeModule$1.exports === freeExports$1;
+var Buffer = moduleExports$1 ? root.Buffer : void 0;
+var nativeIsBuffer = Buffer ? Buffer.isBuffer : void 0;
+var isBuffer = nativeIsBuffer || stubFalse;
+var argsTag = "[object Arguments]", arrayTag = "[object Array]", boolTag = "[object Boolean]", dateTag = "[object Date]", errorTag = "[object Error]", funcTag = "[object Function]", mapTag$1 = "[object Map]", numberTag = "[object Number]", objectTag$1 = "[object Object]", regexpTag = "[object RegExp]", setTag$1 = "[object Set]", stringTag = "[object String]", weakMapTag$1 = "[object WeakMap]";
+var arrayBufferTag = "[object ArrayBuffer]", dataViewTag$1 = "[object DataView]", float32Tag = "[object Float32Array]", float64Tag = "[object Float64Array]", int8Tag = "[object Int8Array]", int16Tag = "[object Int16Array]", int32Tag = "[object Int32Array]", uint8Tag = "[object Uint8Array]", uint8ClampedTag = "[object Uint8ClampedArray]", uint16Tag = "[object Uint16Array]", uint32Tag = "[object Uint32Array]";
+var typedArrayTags = {};
+typedArrayTags[float32Tag] = typedArrayTags[float64Tag] = typedArrayTags[int8Tag] = typedArrayTags[int16Tag] = typedArrayTags[int32Tag] = typedArrayTags[uint8Tag] = typedArrayTags[uint8ClampedTag] = typedArrayTags[uint16Tag] = typedArrayTags[uint32Tag] = true;
+typedArrayTags[argsTag] = typedArrayTags[arrayTag] = typedArrayTags[arrayBufferTag] = typedArrayTags[boolTag] = typedArrayTags[dataViewTag$1] = typedArrayTags[dateTag] = typedArrayTags[errorTag] = typedArrayTags[funcTag] = typedArrayTags[mapTag$1] = typedArrayTags[numberTag] = typedArrayTags[objectTag$1] = typedArrayTags[regexpTag] = typedArrayTags[setTag$1] = typedArrayTags[stringTag] = typedArrayTags[weakMapTag$1] = false;
+function baseIsTypedArray(value) {
+  return isObjectLike(value) && isLength(value.length) && !!typedArrayTags[baseGetTag(value)];
+}
+function baseUnary(func) {
+  return function(value) {
+    return func(value);
+  };
+}
+var freeExports = typeof exports == "object" && exports && !exports.nodeType && exports;
+var freeModule = freeExports && typeof module == "object" && module && !module.nodeType && module;
+var moduleExports = freeModule && freeModule.exports === freeExports;
+var freeProcess = moduleExports && freeGlobal.process;
+var nodeUtil = function() {
+  try {
+    var types = freeModule && freeModule.require && freeModule.require("util").types;
+    if (types) {
+      return types;
+    }
+    return freeProcess && freeProcess.binding && freeProcess.binding("util");
+  } catch (e) {
+  }
+}();
+var nodeIsTypedArray = nodeUtil && nodeUtil.isTypedArray;
+var isTypedArray = nodeIsTypedArray ? baseUnary(nodeIsTypedArray) : baseIsTypedArray;
+function overArg(func, transform) {
+  return function(arg) {
+    return func(transform(arg));
+  };
+}
+var nativeKeys = overArg(Object.keys, Object);
+var objectProto = Object.prototype;
+var hasOwnProperty = objectProto.hasOwnProperty;
+function baseKeys(object) {
+  if (!isPrototype(object)) {
+    return nativeKeys(object);
+  }
+  var result = [];
+  for (var key in Object(object)) {
+    if (hasOwnProperty.call(object, key) && key != "constructor") {
+      result.push(key);
+    }
+  }
+  return result;
+}
+var DataView = getNative(root, "DataView");
+var Promise$1 = getNative(root, "Promise");
+var Set = getNative(root, "Set");
+var mapTag = "[object Map]", objectTag = "[object Object]", promiseTag = "[object Promise]", setTag = "[object Set]", weakMapTag = "[object WeakMap]";
+var dataViewTag = "[object DataView]";
+var dataViewCtorString = toSource(DataView), mapCtorString = toSource(Map), promiseCtorString = toSource(Promise$1), setCtorString = toSource(Set), weakMapCtorString = toSource(WeakMap);
+var getTag = baseGetTag;
+if (DataView && getTag(new DataView(new ArrayBuffer(1))) != dataViewTag || Map && getTag(new Map()) != mapTag || Promise$1 && getTag(Promise$1.resolve()) != promiseTag || Set && getTag(new Set()) != setTag || WeakMap && getTag(new WeakMap()) != weakMapTag) {
+  getTag = function(value) {
+    var result = baseGetTag(value), Ctor = result == objectTag ? value.constructor : void 0, ctorString = Ctor ? toSource(Ctor) : "";
+    if (ctorString) {
+      switch (ctorString) {
+        case dataViewCtorString:
+          return dataViewTag;
+        case mapCtorString:
+          return mapTag;
+        case promiseCtorString:
+          return promiseTag;
+        case setCtorString:
+          return setTag;
+        case weakMapCtorString:
+          return weakMapTag;
+      }
+    }
+    return result;
+  };
+}
+export {
+  Set as S,
+  isBuffer as a,
+  isTypedArray as b,
+  isArguments as c,
+  isPrototype as d,
+  baseKeys as e,
+  baseUnary as f,
+  getTag as g,
+  isLength as h,
+  isArrayLike as i,
+  nodeUtil as n,
+  overArg as o
+};

package/api/lookup/enrich.d.ts

@@ -0,0 +1,10 @@
+import { AxiosRequestConfig } from 'axios';
+import { BulkEnrichResponses, Selector } from "../../types/lookup";
+
+export declare function uri(): string;
+export declare function post(bulkData: Selector[], sources?: string[], options?: {
+    classification?: string;
+    timeout?: number;
+    includeRaw?: boolean;
+    noCache?: boolean;
+}, config?: AxiosRequestConfig): Promise<BulkEnrichResponses>;

package/api/lookup/index.d.ts

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

package/api/lookup/types.d.ts

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

package/api/lookup/types_detection.d.ts

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

package/cloneDeep-CjP5k9zW.js

@@ -0,0 +1,8 @@
+import { b as baseClone } from "./_baseClone-D3a8Pa4T.js";
+var CLONE_DEEP_FLAG = 1, CLONE_SYMBOLS_FLAG = 4;
+function cloneDeep(value) {
+  return baseClone(value, CLONE_DEEP_FLAG | CLONE_SYMBOLS_FLAG);
+}
+export {
+  cloneDeep as c
+};

package/components/AnnotationBody.d.ts

@@ -0,0 +1,6 @@
+import { Annotation, WithExtra } from "../types/lookup";
+
+declare const _default: import('react').NamedExoticComponent<{
+    annotation: WithExtra<Annotation>;
+}>;
+export default _default;

package/components/AnnotationBody.js

@@ -0,0 +1,56 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { I as Icon } from "../iconify-CXMreGTg.js";
+import { Box, Chip, Stack, Typography } from "@mui/material";
+import { memo, useMemo } from "react";
+const AnnotationBody = ({ annotation }) => {
+  const icon = useMemo(() => {
+    if (annotation.type === "assessment") {
+      return ["trivial", "recon", "attempt", "compromise", "mitigated"].includes(annotation.value) ? "healthicons:hazardous" : "fluent-mdl2:ribbon-solid";
+    }
+    if (annotation.type === "opinion") {
+      return annotation.value === "benign" ? "mdi:shield-check" : annotation.value === "suspicious" ? "mdi:warning-outline" : annotation.value === "obscure" ? "bi:eye-slash-fill" : "mdi:warning-decagram";
+    }
+    return null;
+  }, [annotation.type, annotation.value]);
+  if (annotation.type === "assessment") {
+    return /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(
+      Chip,
+      {
+        size: "small",
+        icon: /* @__PURE__ */ jsx(Icon, { icon }),
+        color: ["trivial", "recon", "attempt", "compromise", "mitigated"].includes(annotation.value) ? "error" : "success",
+        label: `${annotation.type}: ${annotation.value}`,
+        sx: { textTransform: "capitalize" }
+      }
+    ) });
+  }
+  if (annotation.type === "opinion") {
+    return /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(
+      Chip,
+      {
+        size: "small",
+        icon: /* @__PURE__ */ jsx(Icon, { icon }),
+        color: {
+          benign: "success",
+          suspicious: "warning",
+          obscure: "error",
+          malicious: "error"
+        }[annotation.value],
+        label: `${annotation.type}: ${annotation.value}`,
+        sx: { textTransform: "capitalize" }
+      }
+    ) });
+  }
+  return /* @__PURE__ */ jsxs(Stack, { direction: "row", alignItems: "center", spacing: 0.5, children: [
+    annotation.icon && /* @__PURE__ */ jsx(Icon, { icon: annotation.icon, style: { filter: "drop-shadow(0px 0px 1px rgb(0 0 0 / 0.4))" } }),
+    annotation.type !== "context" && /* @__PURE__ */ jsxs(Typography, { variant: "body2", sx: { textTransform: "capitalize" }, children: [
+      annotation.type,
+      ":"
+    ] }),
+    /* @__PURE__ */ jsx(Typography, { variant: "body2", children: annotation.value })
+  ] });
+};
+const AnnotationBody$1 = memo(AnnotationBody);
+export {
+  AnnotationBody$1 as default
+};

package/components/AnnotationDetailPopover.d.ts

@@ -0,0 +1,14 @@
+import { PopoverProps } from '@mui/material';
+import { Selector } from "../types/lookup";
+import { FC } from 'react';
+
+/**
+ * The Annotation Popover is for showing a permanent popover on click with interactivity. For showing data on hover, use Annotation Popper.
+ */
+declare const AnnotationDetailPopover: FC<{
+    anchorEl: HTMLElement;
+    enrichRequest: Selector;
+    onClose: PopoverProps['onClose'];
+    open: boolean;
+} & Omit<PopoverProps, 'open'>>;
+export default AnnotationDetailPopover;

package/components/AnnotationDetailPopover.js

@@ -0,0 +1,61 @@
+import { jsx } from "react/jsx-runtime";
+import { Popover } from "@mui/material";
+import React__default, { useRef, useState, useEffect } from "react";
+import AnnotationDetails from "./AnnotationDetails.js";
+const AnnotationDetailPopover = React__default.memo(({ anchorEl, enrichRequest, open, onClose, ...otherProps }) => {
+  var _a, _b, _c;
+  const actionRef = useRef();
+  const [ready, setReady] = useState(false);
+  useEffect(() => {
+    if (!open) {
+      setReady(false);
+    }
+  }, [open]);
+  return /* @__PURE__ */ jsx(
+    Popover,
+    {
+      anchorOrigin: { horizontal: "left", vertical: "bottom" },
+      ...otherProps,
+      action: actionRef,
+      open: !!(open && ready),
+      keepMounted: open,
+      anchorEl,
+      onClose,
+      slotProps: {
+        ...otherProps.slotProps ?? {},
+        paper: {
+          ...((_a = otherProps.slotProps) == null ? void 0 : _a.paper) ?? {},
+          sx: [
+            {
+              maxHeight: "min(600px, 95vh)",
+              overflowY: "auto",
+              maxWidth: "500px",
+              width: "100%",
+              zIndex: ((_c = (_b = anchorEl == null ? void 0 : anchorEl.computedStyleMap) == null ? void 0 : _b.call(anchorEl).get("z-index")) == null ? void 0 : _c.toString()) || 2
+            }
+          ]
+        }
+      },
+      onClick: (e) => {
+        var _a2;
+        e.preventDefault();
+        e.stopPropagation();
+        (_a2 = otherProps.onClick) == null ? void 0 : _a2.call(otherProps, e);
+      },
+      children: /* @__PURE__ */ jsx(
+        AnnotationDetails,
+        {
+          enrichRequest,
+          setReady,
+          updatePosition: () => {
+            var _a2;
+            return (_a2 = actionRef.current) == null ? void 0 : _a2.updatePosition();
+          }
+        }
+      )
+    }
+  );
+});
+export {
+  AnnotationDetailPopover as default
+};

package/components/AnnotationDetails.d.ts

@@ -0,0 +1,8 @@
+import { Selector } from "../types/lookup";
+
+declare const _default: import('react').NamedExoticComponent<{
+    enrichRequest: Selector;
+    setReady?: (ready: boolean) => void;
+    updatePosition?: () => void;
+}>;
+export default _default;

package/components/AnnotationDetails.js

@@ -0,0 +1,172 @@
+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 "./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 { memo, useState, useMemo, useCallback, useEffect } from "react";
+import { u as useContextSelector } from "../index-BDVjGvMI.js";
+import ExecutePopover from "./actions/ExecutePopover.js";
+import AnnotationEntry from "./AnnotationEntry.js";
+import ClassificationChip from "./ClassificationChip.js";
+import EnrichPopover from "./enrichment/EnrichPopover.js";
+import { u as uniq } from "../ClueEnrichContext-DXwLVp0M.js";
+import { g as groupBy } from "../groupBy-DC2oOuBN.js";
+import { i as isNull } from "../isUndefined-CE8h73dH.js";
+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 default
+};

package/components/AnnotationEntry.d.ts

@@ -0,0 +1,6 @@
+import { Annotation, WithExtra } from "../types/lookup";
+
+declare const _default: import('react').NamedExoticComponent<{
+    annotation: WithExtra<Annotation>;
+}>;
+export default _default;

package/components/AnnotationEntry.js

@@ -0,0 +1,59 @@
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { I as Icon } from "../iconify-CXMreGTg.js";
+import { Stack, Typography, Chip, IconButton } from "@mui/material";
+import Iconified from "./display/icons/Iconified.js";
+import { t as twitterShort } from "../utils-CxIhC2xH.js";
+import { memo } from "react";
+import AnnotationBody from "./AnnotationBody.js";
+import ClassificationChip from "./ClassificationChip.js";
+const AnnotatonEntry = ({ annotation }) => {
+  return /* @__PURE__ */ jsxs(Stack, { direction: "column", spacing: 1, children: [
+    /* @__PURE__ */ jsxs(Stack, { direction: "row", spacing: 1, alignItems: "center", children: [
+      annotation.analytic_icon && /* @__PURE__ */ jsx(
+        Icon,
+        {
+          style: { alignSelf: "center", filter: "drop-shadow(0px 0px 1px rgb(0 0 0 / 0.4))" },
+          icon: annotation.analytic_icon
+        }
+      ),
+      /* @__PURE__ */ jsx(Typography, { variant: "body1", sx: { textTransform: "capitalize", maxWidth: "275px" }, children: annotation.analytic ?? annotation.author }),
+      annotation.quantity > 1 && /* @__PURE__ */ jsxs(Typography, { variant: "caption", color: "text.secondary", children: [
+        "(x",
+        annotation.quantity,
+        ")"
+      ] }),
+      /* @__PURE__ */ jsx("div", { style: { flex: 1 } }),
+      annotation.version && /* @__PURE__ */ jsx(Chip, { size: "small", label: /* @__PURE__ */ jsxs(Fragment, { children: [
+        "v",
+        annotation.version.replace(/^v/, "")
+      ] }) }),
+      annotation.link && /* @__PURE__ */ jsx(
+        IconButton,
+        {
+          component: "a",
+          href: annotation.link,
+          onClick: () => window.open(annotation.link, "_blank", "noreferrer"),
+          target: "_blank",
+          rel: "noreferrer",
+          size: "small",
+          children: /* @__PURE__ */ jsx(Iconified, { icon: "ic:baseline-open-in-new", fontSize: "small" })
+        }
+      ),
+      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 }),
+    /* @__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 } }),
+      !!annotation.latency && /* @__PURE__ */ jsxs(Typography, { variant: "caption", color: "text.secondary", fontSize: "10px", children: [
+        Math.round(annotation.latency),
+        "ms"
+      ] })
+    ] })
+  ] });
+};
+const AnnotationEntry = memo(AnnotatonEntry);
+export {
+  AnnotationEntry as default
+};

package/components/AnnotationPreview.d.ts

@@ -0,0 +1,14 @@
+import { PopperProps } from '@mui/material';
+import { Selector } from "../types/lookup";
+import { FC } from 'react';
+
+/**
+ * The Annotation Preview is for showing a temporary popper on hover.
+ */
+declare const AnnotationPreview: FC<{
+    annotationType: 'opinion' | 'frequency' | 'owner' | 'assessment' | 'context' | 'activity' | 'mitigation' | 'actionResults';
+    anchorEl: HTMLElement;
+    enrichRequest: Selector;
+    open: boolean;
+} & Omit<PopperProps, 'open'>>;
+export default AnnotationPreview;

package/components/AnnotationPreview.js

@@ -0,0 +1,11 @@
+import "react/jsx-runtime";
+import "../iconify-CXMreGTg.js";
+import "@mui/material";
+import { A } from "../AnnotationPreview-BvNpZOP0.js";
+import "../hooks/useAnnotations.js";
+import "../utils-CxIhC2xH.js";
+import "react";
+import "../index-BDVjGvMI.js";
+export {
+  A as default
+};