@cccsaurora/clue-ui 1.1.0-dev.91 → 1.1.0

package/ActionForm-myEAs2UC.js

@@ -0,0 +1,435 @@
+import { jsx as o, jsxs as p } from "react/jsx-runtime";
+import { materialRenderers as Je, materialCells as Oe } from "@jsonforms/material-renderers";
+import { JsonForms as Pe } from "@jsonforms/react";
+import { Modal as ne, Paper as ae, Stack as n, Typography as b, Divider as Z, LinearProgress as ze, Button as P, IconButton as He, Box as O, CircularProgress as Ve, Collapse as qe } from "@mui/material";
+import ue from "./components/display/icons/Iconified.js";
+import { J as Y } from "./index-C15OYgRY.js";
+import { ClueComponentContext as W } from "./hooks/ClueComponentContext.js";
+import { A as Be } from "./index-BXxfAxFt.js";
+import { a as K } from "./useClueTypeConfig-DyeBcXQX.js";
+import { d as he } from "./_baseGet-Dgf6_xCm.js";
+import { b as Ne } from "./_baseSlice-M5RKzt1A.js";
+import { i as Te } from "./utils-BnmI_6N8.js";
+import { useState as w, useRef as Le, useMemo as S, useEffect as Q, memo as xe, useCallback as E } from "react";
+import { u as A, c as Ue, a as Ge } from "./index-E7g8cRyW.js";
+import z from "./components/ErrorBoundary.js";
+import { adaptSchema as Ke } from "./components/actions/form/schemaAdapter.js";
+import { I as Ze } from "./iconify-BBckr5AQ.js";
+import pe from "./components/display/markdown/index.js";
+import Ye from "./components/ClassificationChip.js";
+import { SNACKBAR_EVENT_ID as B } from "./data/event.js";
+import { dayjs as Qe } from "./utils/time.js";
+import { safeDispatchEvent as N } from "./utils/window.js";
+import Xe from "./hooks/useClue.js";
+import { i as ge } from "./isNil-CjWwlQS3.js";
+function We(e, l, c) {
+  var i = e.length;
+  return c = c === void 0 ? i : c, !l && c >= i ? e : Ne(e, l, c);
+}
+var Ae = "\\ud800-\\udfff", De = "\\u0300-\\u036f", eo = "\\ufe20-\\ufe2f", oo = "\\u20d0-\\u20ff", ro = De + eo + oo, so = "\\ufe0e\\ufe0f", to = "\\u200d", lo = RegExp("[" + to + Ae + ro + so + "]");
+function ye(e) {
+  return lo.test(e);
+}
+function co(e) {
+  return e.split("");
+}
+var Ce = "\\ud800-\\udfff", io = "\\u0300-\\u036f", mo = "\\ufe20-\\ufe2f", fo = "\\u20d0-\\u20ff", po = io + mo + fo, no = "\\ufe0e\\ufe0f", ao = "[" + Ce + "]", X = "[" + po + "]", g = "\\ud83c[\\udffb-\\udfff]", uo = "(?:" + X + "|" + g + ")", ve = "[^" + Ce + "]", we = "(?:\\ud83c[\\udde6-\\uddff]){2}", Re = "[\\ud800-\\udbff][\\udc00-\\udfff]", ho = "\\u200d", be = uo + "?", ke = "[" + no + "]?", xo = "(?:" + ho + "(?:" + [ve, we, Re].join("|") + ")" + ke + be + ")*", yo = ke + be + xo, Co = "(?:" + [ve + X + "?", X, we, Re, ao].join("|") + ")", vo = RegExp(g + "(?=" + g + ")|" + Co + yo, "g");
+function wo(e) {
+  return e.match(vo) || [];
+}
+function Ro(e) {
+  return ye(e) ? wo(e) : co(e);
+}
+function bo(e) {
+  return function(l) {
+    l = he(l);
+    var c = ye(l) ? Ro(l) : void 0, i = c ? c[0] : l.charAt(0), r = c ? We(c, 1).join("") : l.slice(1);
+    return i[e]() + r;
+  };
+}
+var ko = bo("toUpperCase");
+function Eo(e) {
+  return ko(he(e).toLowerCase());
+}
+const So = (e, l = 2e3) => {
+  const [c, i] = w(e), r = Le(null), { getActionStatus: x } = Se(), a = S(() => e == null ? void 0 : e.task_id, [e == null ? void 0 : e.task_id]), f = S(() => e == null ? void 0 : e.actionId, [e == null ? void 0 : e.actionId]);
+  return Q(() => {
+    if ((e == null ? void 0 : e.outcome) !== "pending" || !a) return;
+    let y = !1;
+    const u = async () => {
+      const h = await x(f, a);
+      if (!h)
+        i({ outcome: "failure", done: !0 });
+      else if (h.outcome === "success" || h.outcome === "failure")
+        i({ ...h, done: !0 });
+      else {
+        if (y) return;
+        i({ ...h }), r.current = setTimeout(u, l);
+      }
+    };
+    return u(), () => {
+      y = !0, r.current && clearTimeout(r.current);
+    };
+  }, [f, x, l, e == null ? void 0 : e.outcome, a]), Q(() => {
+    i(e);
+  }, [e]), S(
+    () => e || c ? { ...e, ...c } : void 0,
+    [e, c]
+  );
+}, Mo = ({ result: e, onClose: l, show: c = !1 }) => {
+  var x, a;
+  const { t: i } = A(W, (f) => f.i18next), r = So(e);
+  return r ? /* @__PURE__ */ o(ne, { open: c, sx: { display: "flex", alignItems: "center", justifyContent: "center" }, onClose: l, children: /* @__PURE__ */ o(ae, { sx: { maxHeight: "80%", maxWidth: "80%", height: "100%", p: 2, minWidth: "750px" }, children: /* @__PURE__ */ o(z, { children: /* @__PURE__ */ p(n, { spacing: 1, height: "100%", children: [
+    /* @__PURE__ */ p(n, { direction: "row", spacing: 1, alignItems: "center", children: [
+      r.action.action_icon && /* @__PURE__ */ o(Ze, { height: "1.5rem", icon: r.action.action_icon }),
+      /* @__PURE__ */ o(b, { variant: "h5", children: r.action.name }),
+      r.action.supported_types && /* @__PURE__ */ o(b, { variant: "caption", color: "text.secondary", children: r.action.supported_types.map((f) => f.toUpperCase()).join(", ") }),
+      /* @__PURE__ */ o("div", { style: { flex: 1 } }),
+      /* @__PURE__ */ o(Ye, { size: "small", classification: r.action.classification })
+    ] }),
+    /* @__PURE__ */ o(b, { variant: "body1", children: r.action.summary }),
+    /* @__PURE__ */ o(Z, { flexItem: !0 }),
+    r.done ? /* @__PURE__ */ o(z, { children: r.format === "markdown" ? /* @__PURE__ */ o(pe, { md: r.output }) : r.format === "json" ? /* @__PURE__ */ o(Y, { data: r.output, collapse: !0, forceCompact: !0 }) : /* @__PURE__ */ p(n, { sx: { overflowY: "auto" }, children: [
+      /* @__PURE__ */ o(pe, { md: "`" + r.format + "` is not recognized as a format in this application." }),
+      /* @__PURE__ */ o(Y, { data: r, collapse: !0, forceCompact: !0 })
+    ] }) }) : /* @__PURE__ */ p(n, { flex: 1, sx: { pt: 2, alignItems: "center" }, spacing: 1, children: [
+      r.summary && /* @__PURE__ */ o(b, { variant: "caption", children: r.summary }),
+      /* @__PURE__ */ o(
+        ze,
+        {
+          variant: (x = r.output) != null && x.progress ? "determinate" : "indeterminate",
+          value: ((a = r.output) == null ? void 0 : a.progress) * 100,
+          sx: { maxWidth: 500, width: "100%", borderRadius: (f) => f.shape.borderRadius }
+        }
+      )
+    ] }),
+    /* @__PURE__ */ o("div", { style: { flex: 1 } }),
+    /* @__PURE__ */ p(n, { direction: "row", spacing: 1, children: [
+      /* @__PURE__ */ o("div", { style: { flex: 1 } }),
+      r.link && /* @__PURE__ */ o(P, { variant: "outlined", component: "a", target: "_blank", href: r.link, children: i("details.open") }),
+      /* @__PURE__ */ o(P, { variant: "outlined", color: "error", onClick: l, children: i("close") })
+    ] })
+  ] }) }) }) }) : null;
+}, jo = xe(Mo), Fo = new Be({ removeAdditional: !0, coerceTypes: !0, strict: !1 }), Ee = Ue(null), rr = ({
+  baseURL: e,
+  children: l,
+  classification: c,
+  includeContext: i,
+  getToken: r,
+  onNetworkCall: x
+}) => {
+  const { t: a, i18n: f } = A(W, (s) => s.i18next), { ready: y } = Xe(), [u, h] = w(null), [H, m] = w({}), [T, F] = w(!1), [t, C] = w(null), [k, M] = w(!1), [$, Me] = w({}), j = S(() => {
+    const s = {}, v = r == null ? void 0 : r();
+    return v && (s.Authorization = `Bearer ${v}`), x ? x({ baseURL: e, headers: s }) : { baseURL: e, headers: s };
+  }, [e, r, x]), L = E(async () => {
+    if (!y)
+      return;
+    const s = await K.actions.get(j);
+    return s && Me(s), s;
+  }, [y, j]);
+  Q(() => {
+    L();
+  }, [e, y]);
+  const V = E(
+    (s, v, R) => JSON.stringify({ type: s, value: v, classification: R ?? c }),
+    [c]
+  ), D = E(
+    async (s, v, R, Fe) => {
+      const { forceMenu: se, onComplete: q, skipMenu: $e, skipResultModal: te, timeout: le, includeContext: _e, extraContext: ce } = {
+        forceMenu: !1,
+        skipMenu: !1,
+        onComplete: null,
+        timeout: null,
+        includeContext: i ?? !1,
+        extraContext: null,
+        ...Fe
+      };
+      if (!Object.keys($).includes(s))
+        throw new Error("Invalid action id");
+      const ie = v.map(
+        (d) => d.type === "telemetry" ? { ...d, value: JSON.stringify(d.value) } : d
+      ), _ = $[s], U = Fo.compile(_.params), G = { selectors: ie, ...R };
+      let I = null;
+      if (_e && (I = {
+        timestamp: Qe().toISOString(),
+        url: window.location,
+        language: (f == null ? void 0 : f.language) ?? "en"
+      }), ge(ce) || (I = {
+        ...I ?? {},
+        ...ce
+      }), M(!0), !U(G) || se) {
+        if ($e && !se)
+          throw console.error(`Form is not valid (${U.errors.length} errors)`), new Error("Form is not completed");
+        (u == null ? void 0 : u.id) === s && (console.error(`Form is not valid (${U.errors.length} errors)`), N(
+          new CustomEvent(B, {
+            detail: {
+              message: a("action.error.validation"),
+              level: "error"
+            }
+          })
+        )), h({
+          id: s,
+          action: _,
+          selectors: v,
+          params: G ?? {},
+          context: I,
+          onComplete: q,
+          timeout: le
+        });
+        return;
+      }
+      try {
+        const d = await K.actions.post(
+          s,
+          ie,
+          G ?? {},
+          I,
+          { timeout: le },
+          j
+        ), de = { ...d, actionId: s, action: _ };
+        q == null || q(de), m((me) => {
+          const Ie = v.map((J) => V(J.type, J.value, J.classification));
+          return {
+            ...me,
+            ...Ie.reduce(
+              (J, fe) => ({
+                ...J,
+                [fe]: [...me[fe] ?? [], de]
+              }),
+              {}
+            )
+          };
+        }), N(
+          new CustomEvent(B, {
+            detail: {
+              message: /* @__PURE__ */ p(n, { direction: "row", alignItems: "center", spacing: 0.5, width: "100%", children: [
+                /* @__PURE__ */ o(b, { children: d.summary }),
+                d.link && /* @__PURE__ */ o(He, { component: "a", href: d.link, size: "small", target: "_blank", children: /* @__PURE__ */ o(ue, { icon: "ic:baseline-open-in-new", fontSize: "small" }) })
+              ] }),
+              timeout: d.link ? null : 5e3,
+              level: d.outcome === "success" ? "success" : d.outcome === "pending" ? "info" : "error",
+              options: {
+                style: {
+                  minWidth: 0
+                },
+                SnackbarProps: {
+                  style: {
+                    minWidth: 0
+                  }
+                }
+              }
+            }
+          })
+        ), d.outcome === "success" && h(null), d.outcome === "pending" && (C({ ...d, actionId: s, action: _ }), te || F(!0)), d.format && (C({ ...d, actionId: s, action: _ }), d.format !== "pivot" && !te ? F(!0) : window.open(d.output, "_blank", "noreferrer"));
+      } catch (d) {
+        N(
+          new CustomEvent(B, {
+            detail: {
+              message: d.toString(),
+              level: "error"
+            }
+          })
+        );
+      } finally {
+        M(!1);
+      }
+    },
+    [$, i, V, f == null ? void 0 : f.language, j, u == null ? void 0 : u.id, a]
+  ), ee = E(
+    async (s, v) => {
+      try {
+        return await K.actions.status.get(s, v, {}, j);
+      } catch (R) {
+        N(
+          new CustomEvent(B, {
+            detail: {
+              message: R.toString(),
+              level: "error"
+            }
+          })
+        );
+      }
+    },
+    [j]
+  ), oe = E(() => {
+    h(null), M(!1);
+  }, []), re = E(
+    (s, v, R) => H[V(s, v, R)] ?? [],
+    [H, V]
+  ), je = S(
+    () => ({
+      availableActions: $,
+      executeAction: D,
+      cancelAction: oe,
+      getActionStatus: ee,
+      getActionResults: re,
+      loading: k,
+      refreshActions: L
+    }),
+    [$, oe, D, re, ee, k, L]
+  );
+  return /* @__PURE__ */ p(Ee.Provider, { value: je, children: [
+    l,
+    /* @__PURE__ */ p(z, { children: [
+      u && /* @__PURE__ */ o(Io, { runningActionData: u }),
+      /* @__PURE__ */ o(
+        jo,
+        {
+          show: T && !!t,
+          result: t,
+          onClose: () => F(!1)
+        }
+      )
+    ] })
+  ] });
+}, Se = () => Ge(Ee), $o = Je.map((e) => ({
+  ...e,
+  renderer: ({ ...l }) => /* @__PURE__ */ o(z, { children: /* @__PURE__ */ o(e.renderer, { ...l }) })
+})), _o = ({ runningActionData: e }) => {
+  const { executeAction: l, cancelAction: c } = Se(), { t: i } = A(W, (t) => t.i18next), [r, x] = w(!1), [a, f] = w(null), [y, u] = w(e == null ? void 0 : e.params), [h, H] = w(!1), m = S(
+    () => e != null && e.action ? { ...Ke(e.action.params), ...e.action.extra_schema ?? {} } : null,
+    [e == null ? void 0 : e.action]
+  ), T = S(
+    () => ({
+      type: "VerticalLayout",
+      elements: Object.entries((m == null ? void 0 : m.properties) ?? {}).sort(([t, C], [k, M]) => C.order || M.order ? C.order - M.order : +(m == null ? void 0 : m.required.includes(t)) - +(m == null ? void 0 : m.required.includes(k))).map(([t, C]) => {
+        var k;
+        return {
+          type: "Control",
+          scope: `#/properties/${t}`,
+          options: {
+            autocomplete: !!C.enum || ((k = C.options) == null ? void 0 : k.autocomplete),
+            showUnfocusedDescription: !0,
+            ...C.options
+          },
+          rule: C.rule
+        };
+      })
+    }),
+    [m == null ? void 0 : m.properties, m == null ? void 0 : m.required]
+  ), F = E(async () => {
+    try {
+      x(!0);
+      const t = {};
+      e != null && e.onComplete && (t.onComplete = e == null ? void 0 : e.onComplete), e != null && e.timeout && (t.timeout = e == null ? void 0 : e.timeout), await l(e == null ? void 0 : e.id, e == null ? void 0 : e.selectors, y, t);
+    } catch (t) {
+      console.error(t);
+    } finally {
+      x(!1);
+    }
+  }, [
+    l,
+    e == null ? void 0 : e.id,
+    e == null ? void 0 : e.selectors,
+    e == null ? void 0 : e.onComplete,
+    e == null ? void 0 : e.timeout,
+    y
+  ]);
+  if (e != null && e.action)
+    try {
+      return /* @__PURE__ */ o(ne, { open: !0, sx: { display: "flex", alignItems: "center", justifyContent: "center" }, onClose: c, children: /* @__PURE__ */ o(
+        ae,
+        {
+          sx: { maxHeight: "80%", maxWidth: "80%", height: "100%", px: 2, pt: 2, minWidth: "750px", overflow: "auto" },
+          children: /* @__PURE__ */ p(
+            n,
+            {
+              spacing: 1,
+              height: "100%",
+              sx: {
+                ".MuiFormHelperText-root": {
+                  marginLeft: "0 !important",
+                  "&:last-of-type": { mb: 3 }
+                }
+              },
+              children: [
+                /* @__PURE__ */ p(n, { direction: "row", spacing: 1, children: [
+                  /* @__PURE__ */ p(n, { direction: "column", spacing: 1, children: [
+                    /* @__PURE__ */ p(b, { variant: "h5", children: [
+                      i("actions.executing"),
+                      " ",
+                      e == null ? void 0 : e.action.id.replace(/_/g, " ").split(" ").map(Eo).join(" ")
+                    ] }),
+                    (e == null ? void 0 : e.action.summary) && /* @__PURE__ */ o(b, { variant: "body1", color: "text.secondary", sx: { pb: 1.5 }, children: e == null ? void 0 : e.action.summary })
+                  ] }),
+                  /* @__PURE__ */ o(O, { flex: 1 }),
+                  /* @__PURE__ */ o(O, { alignContent: "end", children: /* @__PURE__ */ o(
+                    P,
+                    {
+                      variant: "outlined",
+                      onClick: () => H((t) => !t),
+                      startIcon: /* @__PURE__ */ o(
+                        O,
+                        {
+                          component: "span",
+                          sx: (t) => ({
+                            transition: t.transitions.create("transform"),
+                            transform: h ? "rotate(180deg)" : "rotate(0deg)"
+                          }),
+                          children: /* @__PURE__ */ o(ue, { icon: "ic:baseline-keyboard-double-arrow-right" })
+                        }
+                      ),
+                      children: i(h ? "actions.json.hide" : "actions.json.show")
+                    }
+                  ) })
+                ] }),
+                /* @__PURE__ */ o(Z, { orientation: "horizontal", variant: "middle" }),
+                /* @__PURE__ */ o(O, { pt: 1.5 }),
+                /* @__PURE__ */ p(n, { flexGrow: 1, direction: "row", spacing: 1, children: [
+                  /* @__PURE__ */ p(n, { direction: "column", flexGrow: 1, children: [
+                    /* @__PURE__ */ o(z, { children: /* @__PURE__ */ o(
+                      Pe,
+                      {
+                        schema: m,
+                        uischema: T,
+                        renderers: $o,
+                        cells: Oe,
+                        data: y,
+                        onChange: ({ data: t, errors: C }) => {
+                          Te(t, y) || u(t), f(C);
+                        },
+                        config: {}
+                      }
+                    ) }),
+                    /* @__PURE__ */ p(n, { direction: "row", spacing: 1, pb: 1, children: [
+                      /* @__PURE__ */ o("div", { style: { flex: 1 } }),
+                      /* @__PURE__ */ o(P, { color: "error", variant: "outlined", onClick: c, children: i("cancel") }),
+                      /* @__PURE__ */ o(
+                        P,
+                        {
+                          color: "success",
+                          variant: "outlined",
+                          disabled: r || (a == null ? void 0 : a.length) > 0,
+                          onClick: F,
+                          endIcon: r && /* @__PURE__ */ o(Ve, { color: "inherit", size: 18 }),
+                          children: i("actions.execute")
+                        }
+                      )
+                    ] })
+                  ] }),
+                  /* @__PURE__ */ o(qe, { orientation: "horizontal", in: h, unmountOnExit: !0, mountOnEnter: !0, children: /* @__PURE__ */ p(n, { direction: "row", height: "100%", spacing: 1, children: [
+                    /* @__PURE__ */ o(Z, { orientation: "vertical" }),
+                    /* @__PURE__ */ p(n, { children: [
+                      /* @__PURE__ */ o(b, { variant: "h5", children: i("action.data") }),
+                      /* @__PURE__ */ o(O, { width: 600, height: "100%", children: /* @__PURE__ */ o(Y, { data: y, slotProps: { stack: { height: "100%" }, json: { name: !1 } } }) })
+                    ] })
+                  ] }) })
+                ] })
+              ]
+            }
+          )
+        }
+      ) });
+    } catch (t) {
+      return console.warn(t), null;
+    }
+}, Io = xe(_o);
+export {
+  Io as A,
+  rr as C,
+  jo as R,
+  Ee as a,
+  So as b,
+  Eo as c,
+  Se as u
+};

package/AnnotationDetails-BdfWMISw.js

@@ -0,0 +1,160 @@
+import { jsxs as a, jsx as o } from "react/jsx-runtime";
+import { I as u } from "./iconify-BBckr5AQ.js";
+import { useTheme as M, Stack as l, Typography as s, Tooltip as x, Box as A, IconButton as E, CircularProgress as N, Chip as z, Accordion as $, AccordionSummary as j, AccordionDetails as _, Divider as S } from "@mui/material";
+import g from "./components/display/icons/Iconified.js";
+import { SNACKBAR_EVENT_ID as O } from "./data/event.js";
+import { ClueComponentContext as F } from "./hooks/ClueComponentContext.js";
+import { useClueEnrichSelector as H } from "./hooks/selectors.js";
+import K from "./hooks/useAnnotations.js";
+import L from "./hooks/useErrors.js";
+import { ICON_MAP as T } from "./icons/iconMap.js";
+import { safeDispatchEvent as U } from "./utils/window.js";
+import { g as V } from "./groupBy-BheQYl6f.js";
+import { u as W } from "./ClueEnrichContext-CrFpdYhh.js";
+import { memo as G, useState as J, useMemo as k, useCallback as P, useEffect as Q } from "react";
+import { u as X } from "./index-E7g8cRyW.js";
+import Y from "./components/actions/ExecutePopover.js";
+import Z from "./components/AnnotationEntry.js";
+import q from "./components/ClassificationChip.js";
+import R from "./components/enrichment/EnrichPopover.js";
+function w(i) {
+  return i === null;
+}
+const ii = ({ enrichRequest: i, setReady: d, updatePosition: p }) => {
+  const v = M(), { t: c } = X(F, (n) => n.i18next), [r, I] = J("all"), y = H((n) => n.enrich), [t, C] = K(
+    i == null ? void 0 : i.type,
+    i == null ? void 0 : i.value,
+    i == null ? void 0 : i.classification,
+    { skipEnrichment: !0 }
+  ), m = L(i == null ? void 0 : i.value), B = k(
+    () => ["all", ...W((t ?? []).map((n) => n.type))],
+    [t]
+  ), b = k(() => V(t ?? [], "type"), [t]), h = P(async () => {
+    await y(i.type, i.value, {
+      classification: i.classification,
+      timeout: 15,
+      force: !0
+    });
+  }, [i, y]);
+  return Q(() => {
+    d && (d(i && !w(t)), p == null || p());
+  }, [t, i, d, p]), i && !w(t) && /* @__PURE__ */ a(l, { direction: "column", sx: { p: 1, width: "100%" }, spacing: 1, children: [
+    /* @__PURE__ */ a(l, { spacing: 1, children: [
+      /* @__PURE__ */ a(l, { direction: "row", spacing: 1, children: [
+        /* @__PURE__ */ a(l, { children: [
+          /* @__PURE__ */ a(l, { direction: "row", spacing: 1, children: [
+            /* @__PURE__ */ o(s, { variant: "body1", fontWeight: "bold", children: "Clue" }),
+            i.classification && /* @__PURE__ */ o(q, { size: "small", classification: i.classification })
+          ] }),
+          /* @__PURE__ */ a(s, { variant: "caption", color: "text.secondary", children: [
+            i.type.toLocaleUpperCase(),
+            " ",
+            c("enrichment")
+          ] })
+        ] }),
+        /* @__PURE__ */ o("div", { style: { flex: 1 } }),
+        /* @__PURE__ */ o(x, { title: c("refresh"), children: /* @__PURE__ */ o(A, { sx: { alignSelf: "center", m: -1 }, children: /* @__PURE__ */ o(E, { onClick: () => h(), disabled: C, children: C ? /* @__PURE__ */ o(N, { variant: "indeterminate", size: 20 }) : /* @__PURE__ */ o(g, { icon: "ic:baseline-replay", fontSize: "small" }) }) }) }),
+        /* @__PURE__ */ o(x, { title: c("clipboard"), children: /* @__PURE__ */ o(
+          E,
+          {
+            sx: { alignSelf: "center", m: -1 },
+            onClick: () => {
+              navigator.clipboard.writeText(i.value), U(
+                new CustomEvent(O, {
+                  detail: {
+                    message: `${i.value} ${c("clipboard.success")}`,
+                    level: "success"
+                  }
+                })
+              );
+            },
+            children: /* @__PURE__ */ o(g, { icon: "ic:outline-assignment", fontSize: "small" })
+          }
+        ) }),
+        /* @__PURE__ */ o(R, { selector: i }),
+        /* @__PURE__ */ o(Y, { selectors: [i] })
+      ] }),
+      /* @__PURE__ */ a(l, { direction: "row", spacing: 0.5, children: [
+        B.map((n, e) => /* @__PURE__ */ o(
+          z,
+          {
+            size: "small",
+            variant: n === r ? "filled" : "outlined",
+            icon: T[n] && /* @__PURE__ */ o(u, { icon: T[n] }),
+            label: /* @__PURE__ */ a(s, { variant: "caption", textTransform: "capitalize", children: [
+              n,
+              ":",
+              " ",
+              n === "all" ? t.length : t.filter((f) => f.type === n).length
+            ] }),
+            onClick: () => I(n)
+          },
+          e
+        )),
+        (m == null ? void 0 : m.length) > 0 && /* @__PURE__ */ o(
+          x,
+          {
+            title: /* @__PURE__ */ o("div", { onClick: (n) => n.stopPropagation(), children: m.map((n, e) => /* @__PURE__ */ a("div", { children: [
+              /* @__PURE__ */ o("span", { style: { textTransform: "capitalize" }, children: n.source.replace(/-/g, " ") }),
+              ":",
+              " ",
+              n.message
+            ] }, e)) }),
+            children: /* @__PURE__ */ o(
+              z,
+              {
+                size: "small",
+                variant: "outlined",
+                icon: /* @__PURE__ */ o(u, { icon: "material-symbols:timer-outline", color: v.palette.error.main }),
+                label: /* @__PURE__ */ a(s, { variant: "caption", textTransform: "capitalize", children: [
+                  c("annotation.failed"),
+                  ": ",
+                  m.length
+                ] }),
+                onClick: h
+              }
+            )
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ o(A, {}),
+    Object.keys(b).filter((n) => !r || r === "all" || n === r).map((n, e) => /* @__PURE__ */ a(
+      $,
+      {
+        defaultExpanded: !0,
+        sx: {
+          marginTop: `${v.spacing(1)} !important`,
+          marginBottom: "0 !important",
+          "&:before": { height: 0 }
+        },
+        children: [
+          r === "all" && /* @__PURE__ */ o(
+            j,
+            {
+              expandIcon: /* @__PURE__ */ o(g, { 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__ */ o(s, { variant: "body1", textTransform: "capitalize", children: n }, n)
+            }
+          ),
+          /* @__PURE__ */ a(_, { sx: { px: 1 }, children: [
+            r === "all" && /* @__PURE__ */ o(S, { orientation: "horizontal", sx: { mb: 1 } }),
+            /* @__PURE__ */ o(l, { spacing: 1, divider: /* @__PURE__ */ o(S, { orientation: "horizontal", flexItem: !0 }), children: b[n].map((f, D) => /* @__PURE__ */ o(Z, { annotation: f }, D)) })
+          ] })
+        ]
+      },
+      e
+    ))
+  ] });
+}, hi = G(ii);
+export {
+  hi as A,
+  w as i
+};