@cccsaurora/clue-ui 1.2.1-patch.256 → 1.3.0-dev.255

package/components/actions/ExecutePopover.js

@@ -1,104 +1,120 @@
-import { jsxs as s, Fragment as j, jsx as e } from "react/jsx-runtime";
-import { I as O } from "../../iconify-BBckr5AQ.js";
-import { useTheme as w, Tooltip as S, IconButton as z, CircularProgress as E, Button as D, Popover as M, Paper as B, Stack as l, Typography as I, Box as T, Divider as F } from "@mui/material";
-import h from "../display/icons/Iconified.js";
-import { ClueComponentContext as R } from "../../hooks/ClueComponentContext.js";
-import { a } from "../../ActionForm-DlOXqMUx.js";
-import W from "../../hooks/useClueConfig.js";
-import { isAccessible as q } from "../../utils/classificationParser.js";
-import { useState as G, useRef as H, useMemo as J, useEffect as P } from "react";
-import { u as K } from "../../index-Dj5C04IX.js";
-import L from "../ClassificationChip.js";
-const ie = ({ show: u = !1, size: _ = "small", selectors: i, multiples: x = !1 }) => {
-  const { t: p } = K(R, (o) => o.i18next), g = w(), C = a((o) => o.availableActions), b = a((o) => o.refreshActions), y = a((o) => o.executeAction), f = a((o) => o.loading), { config: k } = W(), [m, r] = G(u), d = H(null), v = J(
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { I as Icon } from "../../iconify-CXMreGTg.js";
+import { useTheme, Tooltip, IconButton, CircularProgress, Button, Popover, Paper, Stack, Typography, Box, Divider } from "@mui/material";
+import Iconified from "../display/icons/Iconified.js";
+import { ClueComponentContext } from "../../hooks/ClueComponentContext.js";
+import { a as useClueActionsSelector } from "../../ActionForm-C0aE9HUv.js";
+import useClueConfig from "../../hooks/useClueConfig.js";
+import { isAccessible } from "../../utils/classificationParser.js";
+import { useState, useRef, useMemo, useEffect } from "react";
+import { u as useContextSelector } from "../../index-AMfoEg_6.js";
+import ClassificationChip from "../ClassificationChip.js";
+const ExecutePopover = ({ show = false, size = "small", selectors, multiples = false }) => {
+  const { t } = useContextSelector(ClueComponentContext, (ctx) => ctx.i18next);
+  const theme = useTheme();
+  const availableActions = useClueActionsSelector((ctx) => ctx.availableActions);
+  const refreshActions = useClueActionsSelector((ctx) => ctx.refreshActions);
+  const executeAction = useClueActionsSelector((ctx) => ctx.executeAction);
+  const loading = useClueActionsSelector((ctx) => ctx.loading);
+  const { config } = useClueConfig();
+  const [showExecuteMenu, setShowExecuteMenu] = useState(show);
+  const executeEl = useRef(null);
+  const actions = useMemo(
     () => Object.fromEntries(
-      Object.entries(C).filter(
-        ([o, t]) => {
-          var n;
-          return (!((n = t.supported_types) != null && n.length) || i.every((c) => t.supported_types.includes(c == null ? void 0 : c.type))) && (!x || t.accept_multiple || i.length === 1) && i.every((c) => q(t.classification, c.classification, k.c12nDef));
+      Object.entries(availableActions).filter(
+        ([__, action]) => {
+          var _a;
+          return (!((_a = action.supported_types) == null ? void 0 : _a.length) || selectors.every((value) => action.supported_types.includes(value == null ? void 0 : value.type))) && (!multiples || action.accept_multiple || selectors.length === 1) && selectors.every((value) => isAccessible(action.classification, value.classification, config.c12nDef));
         }
       )
     ),
-    [C, k.c12nDef, x, i]
-  ), A = Object.keys(v).length < 1 || f || i.length < 1;
-  return P(() => {
-    r(u);
-  }, [u]), P(() => {
-    m && b();
-  }, [b, m]), /* @__PURE__ */ s(j, { children: [
-    _ === "small" ? /* @__PURE__ */ e(S, { ref: d, title: p("actions.execute"), children: /* @__PURE__ */ e("span", { style: { alignSelf: "center" }, children: /* @__PURE__ */ e(z, { onClick: () => r(!0), disabled: A, color: "success", children: f ? /* @__PURE__ */ e(E, { color: "success", size: "24px" }) : /* @__PURE__ */ e(h, { icon: "ic:outline-play-arrow" }) }) }) }) : /* @__PURE__ */ e(
-      D,
+    [availableActions, config.c12nDef, multiples, selectors]
+  );
+  const actionDisabled = Object.keys(actions).length < 1 || loading || selectors.length < 1;
+  useEffect(() => {
+    setShowExecuteMenu(show);
+  }, [show]);
+  useEffect(() => {
+    if (showExecuteMenu) {
+      refreshActions();
+    }
+  }, [refreshActions, showExecuteMenu]);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    size === "small" ? /* @__PURE__ */ jsx(Tooltip, { ref: executeEl, title: t("actions.execute"), children: /* @__PURE__ */ jsx("span", { style: { alignSelf: "center" }, children: /* @__PURE__ */ jsx(IconButton, { onClick: () => setShowExecuteMenu(true), disabled: actionDisabled, color: "success", children: loading ? /* @__PURE__ */ jsx(CircularProgress, { color: "success", size: "24px" }) : /* @__PURE__ */ jsx(Iconified, { icon: "ic:outline-play-arrow" }) }) }) }) : /* @__PURE__ */ jsx(
+      Button,
       {
-        ref: d,
+        ref: executeEl,
         variant: "outlined",
         color: "success",
-        disabled: A,
-        startIcon: f ? /* @__PURE__ */ e(E, { color: "success", size: "20px" }) : /* @__PURE__ */ e(h, { icon: "ic:outline-play-arrow" }),
+        disabled: actionDisabled,
+        startIcon: loading ? /* @__PURE__ */ jsx(CircularProgress, { color: "success", size: "20px" }) : /* @__PURE__ */ jsx(Iconified, { icon: "ic:outline-play-arrow" }),
         sx: { alignSelf: "stretch" },
-        onClick: () => r(!0),
-        children: p("actions.execute")
+        onClick: () => setShowExecuteMenu(true),
+        children: t("actions.execute")
       }
     ),
-    /* @__PURE__ */ e(
-      M,
+    /* @__PURE__ */ jsx(
+      Popover,
       {
         sx: { zIndex: 2e3 },
-        open: m,
-        disablePortal: !0,
-        onClose: () => r(!1),
-        anchorEl: d.current,
+        open: showExecuteMenu,
+        disablePortal: true,
+        onClose: () => setShowExecuteMenu(false),
+        anchorEl: executeEl.current,
         anchorOrigin: { horizontal: "left", vertical: "bottom" },
-        children: /* @__PURE__ */ e(B, { onClick: () => r(!1), children: /* @__PURE__ */ e(l, { divider: /* @__PURE__ */ e(F, { flexItem: !0, orientation: "horizontal" }), children: Object.entries(v).map(([o, t]) => /* @__PURE__ */ s(
-          l,
+        children: /* @__PURE__ */ jsx(Paper, { onClick: () => setShowExecuteMenu(false), children: /* @__PURE__ */ jsx(Stack, { divider: /* @__PURE__ */ jsx(Divider, { flexItem: true, orientation: "horizontal" }), children: Object.entries(actions).map(([actionId, action]) => /* @__PURE__ */ jsxs(
+          Stack,
           {
             sx: {
               pl: 3,
               pr: 2,
               py: 1,
               cursor: "pointer",
-              transition: g.transitions.create("background-color"),
-              "&:hover": { backgroundColor: g.palette.background.default }
+              transition: theme.transitions.create("background-color"),
+              "&:hover": { backgroundColor: theme.palette.background.default }
             },
-            onClick: (n) => {
-              n.isPropagationStopped() || y(o, i);
+            onClick: (ev) => {
+              if (!ev.isPropagationStopped()) {
+                executeAction(actionId, selectors);
+              }
             },
             direction: "row",
             spacing: 1,
             alignItems: "center",
             children: [
-              /* @__PURE__ */ s(l, { flex: 1, children: [
-                /* @__PURE__ */ s(l, { direction: "row", spacing: 1, alignItems: "center", children: [
-                  t.action_icon && /* @__PURE__ */ e(O, { icon: t.action_icon }),
-                  /* @__PURE__ */ e(I, { variant: "body1", children: t.name }),
-                  /* @__PURE__ */ e(L, { size: "small", classification: t.classification })
+              /* @__PURE__ */ jsxs(Stack, { flex: 1, children: [
+                /* @__PURE__ */ jsxs(Stack, { direction: "row", spacing: 1, alignItems: "center", children: [
+                  action.action_icon && /* @__PURE__ */ jsx(Icon, { icon: action.action_icon }),
+                  /* @__PURE__ */ jsx(Typography, { variant: "body1", children: action.name }),
+                  /* @__PURE__ */ jsx(ClassificationChip, { size: "small", classification: action.classification })
                 ] }),
-                t.summary && /* @__PURE__ */ e(I, { variant: "caption", color: "text.secondary", maxWidth: "300px", children: t.summary })
+                action.summary && /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "text.secondary", maxWidth: "300px", children: action.summary })
               ] }),
-              /* @__PURE__ */ e(
-                T,
+              /* @__PURE__ */ jsx(
+                Box,
                 {
                   sx: { pl: 1 },
-                  onClick: (n) => {
-                    n.stopPropagation();
+                  onClick: (ev) => {
+                    ev.stopPropagation();
                   },
-                  children: /* @__PURE__ */ e(S, { title: p("actions.execute.menu"), children: /* @__PURE__ */ e(
-                    z,
+                  children: /* @__PURE__ */ jsx(Tooltip, { title: t("actions.execute.menu"), children: /* @__PURE__ */ jsx(
+                    IconButton,
                     {
                       size: "small",
-                      onClick: () => y(o, i, null, { forceMenu: !0 }),
-                      children: /* @__PURE__ */ e(h, { icon: "ic:baseline-settings" })
+                      onClick: () => executeAction(actionId, selectors, null, { forceMenu: true }),
+                      children: /* @__PURE__ */ jsx(Iconified, { icon: "ic:baseline-settings" })
                     }
                   ) })
                 }
               )
             ]
           },
-          o
+          actionId
         )) }) })
       }
     )
   ] });
 };
 export {
-  ie as default
+  ExecutePopover as default
 };

package/components/actions/ResultModal.js

@@ -1,13 +1,13 @@
 import "react/jsx-runtime";
-import "../../iconify-BBckr5AQ.js";
+import "../../iconify-CXMreGTg.js";
 import "@mui/material";
 import "../../hooks/ClueComponentContext.js";
-import { R as s } from "../../ActionForm-DlOXqMUx.js";
+import { R } from "../../ActionForm-C0aE9HUv.js";
 import "react";
-import "../../index-Dj5C04IX.js";
+import "../../index-AMfoEg_6.js";
 import "../ClassificationChip.js";
 import "../ErrorBoundary.js";
 import "./formats/index.js";
 export {
-  s as default
+  R as default
 };

package/components/actions/form/schemaAdapter.js

@@ -1,32 +1,48 @@
-import { c as y } from "../../../cloneDeep-CF8TtLHr.js";
-import { g as s } from "../../../get-CH7kz5Ix.js";
-const u = (i) => {
-  const r = [], l = y(i), n = {
-    ...l,
+import { c as cloneDeep } from "../../../cloneDeep-DmUylbkM.js";
+import { g as get } from "../../../get-DSsNkRQs.js";
+const adaptSchema = (_schema) => {
+  const requiredFields = [];
+  const schema = cloneDeep(_schema);
+  const newSchema = {
+    ...schema,
     properties: Object.fromEntries(
-      Object.entries(l.properties ?? {}).filter(([t]) => !["raw_data", "selector", "selectors", "context"].includes(t)).map(([t, e]) => {
-        var a, o;
-        if (r.push(t), typeof e == "boolean")
-          return [t, e];
-        if (((a = e.anyOf) == null ? void 0 : a.length) === 2) {
-          if (typeof e.anyOf[1] == "boolean")
-            return [t, e];
-          e.anyOf[1].type === "null" && typeof e.anyOf[0] != "boolean" && (e.anyOf[0].enum && (e.enum = e.anyOf[0].enum), e.type = [...Array.isArray(e.anyOf[0].type) ? e.anyOf[0].type : [e.anyOf[0].type], "null"], delete e.anyOf, r.pop());
+      Object.entries(schema.properties ?? {}).filter(([name]) => !["raw_data", "selector", "selectors", "context"].includes(name)).map(([name, def]) => {
+        var _a, _b;
+        requiredFields.push(name);
+        if (typeof def === "boolean") {
+          return [name, def];
         }
-        if (((o = e.allOf) == null ? void 0 : o.length) > 0 && typeof e.allOf[0] != "boolean" && e.allOf[0].$ref) {
-          const p = {
-            ...e,
-            ...s(l, e.allOf[0].$ref.replace("#/", "").replaceAll("/", ".")),
-            title: e.title
-          };
-          return delete p.allOf, [t, p];
+        if (((_a = def.anyOf) == null ? void 0 : _a.length) === 2) {
+          if (typeof def.anyOf[1] === "boolean") {
+            return [name, def];
+          }
+          if (def.anyOf[1].type === "null" && typeof def.anyOf[0] !== "boolean") {
+            if (def.anyOf[0].enum) {
+              def.enum = def.anyOf[0].enum;
+            }
+            def.type = [...Array.isArray(def.anyOf[0].type) ? def.anyOf[0].type : [def.anyOf[0].type], "null"];
+            delete def.anyOf;
+            requiredFields.pop();
+          }
         }
-        return [t, e];
+        if (((_b = def.allOf) == null ? void 0 : _b.length) > 0) {
+          if (typeof def.allOf[0] !== "boolean" && def.allOf[0].$ref) {
+            const newDef = {
+              ...def,
+              ...get(schema, def.allOf[0].$ref.replace("#/", "").replaceAll("/", ".")),
+              title: def.title
+            };
+            delete newDef.allOf;
+            return [name, newDef];
+          }
+        }
+        return [name, def];
       })
     )
   };
-  return n.required = r, n;
+  newSchema.required = requiredFields;
+  return newSchema;
 };
 export {
-  u as adaptSchema
+  adaptSchema
 };

package/components/actions/formats/FileResult.js

@@ -1,85 +1,112 @@
-import { jsxs as c, jsx as n } from "react/jsx-runtime";
-import { Stack as v, Typography as u, Divider as A, Table as C, TableBody as S, TableRow as d, TableCell as l, Button as k } from "@mui/material";
-import M from "../../display/icons/Iconified.js";
-import { ClueComponentContext as R } from "../../../hooks/ClueComponentContext.js";
-import { useState as T, useMemo as U, useEffect as _ } from "react";
-import { u as j } from "../../../index-Dj5C04IX.js";
-const b = (t) => {
-  const e = atob(t), o = new Uint8Array(new ArrayBuffer(e.length));
-  for (let a = 0; a < e.length; a++)
-    o[a] = e.charCodeAt(a);
-  return o;
-}, H = (t) => {
-  if (t === 0)
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Stack, Typography, Divider, Table, TableBody, TableRow, TableCell, Button } from "@mui/material";
+import Iconified from "../../display/icons/Iconified.js";
+import { ClueComponentContext } from "../../../hooks/ClueComponentContext.js";
+import { useState, useMemo, useEffect } from "react";
+import { u as useContextSelector } from "../../../index-AMfoEg_6.js";
+const decodeBase64ToBytes = (base64Data) => {
+  const byteCharacters = atob(base64Data);
+  const byteArray = new Uint8Array(new ArrayBuffer(byteCharacters.length));
+  for (let i = 0; i < byteCharacters.length; i++) {
+    byteArray[i] = byteCharacters.charCodeAt(i);
+  }
+  return byteArray;
+};
+const formatBytes = (bytes) => {
+  if (bytes === 0) {
     return "0 B";
-  const e = ["B", "KB", "MB", "GB"], o = Math.min(Math.floor(Math.log(t) / Math.log(1024)), e.length - 1);
-  return `${(t / 1024 ** o).toFixed(o === 0 ? 0 : 2)} ${e[o]}`;
-}, F = (t) => {
-  const e = b(t.data), o = new Blob([e], { type: t.mime_type || "application/octet-stream" }), a = URL.createObjectURL(o), i = document.createElement("a");
-  i.href = a, i.download = t.file_name || "result.txt", document.body.appendChild(i), i.click(), document.body.removeChild(i), URL.revokeObjectURL(a);
-}, D = ({ result: t }) => {
-  var h, f, m, p, y;
-  const { t: e } = j(R, (r) => r == null ? void 0 : r.i18next), [o, a] = T(""), i = ((h = t.action) == null ? void 0 : h.name) ?? e("actions.result.file.unknown"), s = U(() => {
-    var r;
-    if (!((r = t.output) != null && r.data))
+  }
+  const units = ["B", "KB", "MB", "GB"];
+  const unitIndex = Math.min(Math.floor(Math.log(bytes) / Math.log(1024)), units.length - 1);
+  const value = bytes / 1024 ** unitIndex;
+  return `${value.toFixed(unitIndex === 0 ? 0 : 2)} ${units[unitIndex]}`;
+};
+const saveFileFromServer = (output) => {
+  const byteArray = decodeBase64ToBytes(output.data);
+  const blob = new Blob([byteArray], { type: output.mime_type || "application/octet-stream" });
+  const url = URL.createObjectURL(blob);
+  const link = document.createElement("a");
+  link.href = url;
+  link.download = output.file_name || "result.txt";
+  document.body.appendChild(link);
+  link.click();
+  document.body.removeChild(link);
+  URL.revokeObjectURL(url);
+};
+const FileResult = ({ result }) => {
+  var _a, _b, _c, _d, _e;
+  const { t } = useContextSelector(ClueComponentContext, (ctx) => ctx == null ? void 0 : ctx.i18next);
+  const [sha256Hash, setSha256Hash] = useState("");
+  const actionName = ((_a = result.action) == null ? void 0 : _a.name) ?? t("actions.result.file.unknown");
+  const outputBytes = useMemo(() => {
+    var _a2;
+    if (!((_a2 = result.output) == null ? void 0 : _a2.data)) {
       return null;
+    }
     try {
-      return b(t.output.data);
+      return decodeBase64ToBytes(result.output.data);
     } catch {
       return null;
     }
-  }, [(f = t.output) == null ? void 0 : f.data]);
-  return _(() => {
-    let r = !1;
-    const g = async () => {
-      if (!s || typeof crypto > "u" || !crypto.subtle) {
-        a("N/A");
+  }, [(_b = result.output) == null ? void 0 : _b.data]);
+  useEffect(() => {
+    let cancelled = false;
+    const generateHash = async () => {
+      if (!outputBytes || typeof crypto === "undefined" || !crypto.subtle) {
+        setSha256Hash("N/A");
         return;
       }
-      const w = await crypto.subtle.digest("SHA-256", s), x = Array.from(new Uint8Array(w)).map((B) => B.toString(16).padStart(2, "0")).join("");
-      r || a(x);
+      const digest = await crypto.subtle.digest("SHA-256", outputBytes);
+      const digestArray = Array.from(new Uint8Array(digest));
+      const digestHex = digestArray.map((value) => value.toString(16).padStart(2, "0")).join("");
+      if (!cancelled) {
+        setSha256Hash(digestHex);
+      }
     };
-    return a(""), g(), () => {
-      r = !0;
+    setSha256Hash("");
+    generateHash();
+    return () => {
+      cancelled = true;
     };
-  }, [s]), /* @__PURE__ */ c(v, { sx: { overflowY: "auto" }, spacing: 3, children: [
-    /* @__PURE__ */ n(u, { variant: "h5", children: e("actions.result.file.title", { actionName: i }) }),
-    /* @__PURE__ */ n(u, { children: e("actions.result.file.description", { actionName: i }) }),
-    /* @__PURE__ */ n(A, { flexItem: !0 }),
-    /* @__PURE__ */ n(u, { variant: "h6", children: e("actions.result.file.stats.title") }),
-    s && /* @__PURE__ */ n(C, { sx: { maxWidth: 900 }, children: /* @__PURE__ */ c(S, { children: [
-      /* @__PURE__ */ c(d, { children: [
-        /* @__PURE__ */ n(l, { sx: { width: "35%" }, children: e("actions.result.file.stats.label.decoded_size") }),
-        /* @__PURE__ */ n(l, { children: H(s.length) || "n/a" })
+  }, [outputBytes]);
+  return /* @__PURE__ */ jsxs(Stack, { sx: { overflowY: "auto" }, spacing: 3, children: [
+    /* @__PURE__ */ jsx(Typography, { variant: "h5", children: t("actions.result.file.title", { actionName }) }),
+    /* @__PURE__ */ jsx(Typography, { children: t("actions.result.file.description", { actionName }) }),
+    /* @__PURE__ */ jsx(Divider, { flexItem: true }),
+    /* @__PURE__ */ jsx(Typography, { variant: "h6", children: t("actions.result.file.stats.title") }),
+    outputBytes && /* @__PURE__ */ jsx(Table, { sx: { maxWidth: 900 }, children: /* @__PURE__ */ jsxs(TableBody, { children: [
+      /* @__PURE__ */ jsxs(TableRow, { children: [
+        /* @__PURE__ */ jsx(TableCell, { sx: { width: "35%" }, children: t("actions.result.file.stats.label.decoded_size") }),
+        /* @__PURE__ */ jsx(TableCell, { children: formatBytes(outputBytes.length) || "n/a" })
       ] }),
-      /* @__PURE__ */ c(d, { children: [
-        /* @__PURE__ */ n(l, { sx: { width: "35%" }, children: e("actions.result.file.stats.label.decoded_bytes") }),
-        /* @__PURE__ */ n(l, { children: s.length || "n/a" })
+      /* @__PURE__ */ jsxs(TableRow, { children: [
+        /* @__PURE__ */ jsx(TableCell, { sx: { width: "35%" }, children: t("actions.result.file.stats.label.decoded_bytes") }),
+        /* @__PURE__ */ jsx(TableCell, { children: outputBytes.length || "n/a" })
       ] }),
-      /* @__PURE__ */ c(d, { children: [
-        /* @__PURE__ */ n(l, { sx: { width: "35%" }, children: e("actions.result.file.stats.label.base64_length") }),
-        /* @__PURE__ */ n(l, { children: ((m = t.output) == null ? void 0 : m.data.length) ?? "n/a" })
+      /* @__PURE__ */ jsxs(TableRow, { children: [
+        /* @__PURE__ */ jsx(TableCell, { sx: { width: "35%" }, children: t("actions.result.file.stats.label.base64_length") }),
+        /* @__PURE__ */ jsx(TableCell, { children: ((_c = result.output) == null ? void 0 : _c.data.length) ?? "n/a" })
       ] }),
-      /* @__PURE__ */ c(d, { children: [
-        /* @__PURE__ */ n(l, { sx: { width: "35%" }, children: e("actions.result.file.stats.label.sha256") }),
-        /* @__PURE__ */ n(l, { children: /* @__PURE__ */ n("code", { children: o || e("actions.result.file.stats.calculating") }) })
+      /* @__PURE__ */ jsxs(TableRow, { children: [
+        /* @__PURE__ */ jsx(TableCell, { sx: { width: "35%" }, children: t("actions.result.file.stats.label.sha256") }),
+        /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx("code", { children: sha256Hash || t("actions.result.file.stats.calculating") }) })
       ] })
     ] }) }),
-    /* @__PURE__ */ n(
-      k,
+    /* @__PURE__ */ jsx(
+      Button,
       {
-        startIcon: /* @__PURE__ */ n(M, { icon: "ic:baseline-download" }),
+        startIcon: /* @__PURE__ */ jsx(Iconified, { icon: "ic:baseline-download" }),
         variant: "outlined",
         sx: { alignSelf: "center" },
-        disabled: !((p = t.output) != null && p.data),
-        onClick: () => t.output && F(t.output),
+        disabled: !((_d = result.output) == null ? void 0 : _d.data),
+        onClick: () => result.output && saveFileFromServer(result.output),
         name: "download",
         role: "button",
-        children: e("download", { file: ((y = t.output) == null ? void 0 : y.file_name) ?? "result.txt" })
+        children: t("download", { file: ((_e = result.output) == null ? void 0 : _e.file_name) ?? "result.txt" })
       }
     )
   ] });
 };
 export {
-  D as default
+  FileResult as default
 };

package/components/actions/formats/index.js

@@ -1,12 +1,23 @@
-import { jsx as r, jsxs as m } from "react/jsx-runtime";
-import { Stack as f } from "@mui/material";
-import { J as t } from "../../../index-BK-zfYhR.js";
-import a from "../../display/markdown/index.js";
-import i from "./FileResult.js";
-const u = ({ result: o }) => o.format === "markdown" ? /* @__PURE__ */ r(a, { md: o.output }) : o.format === "json" ? /* @__PURE__ */ r(t, { data: o.output, collapse: !0, forceCompact: !0 }) : o.format === "file" ? /* @__PURE__ */ r(i, { result: o }) : /* @__PURE__ */ m(f, { sx: { overflowY: "auto" }, children: [
-  /* @__PURE__ */ r(a, { md: "`" + o.format + "` is not recognized as a format in this application." }),
-  /* @__PURE__ */ r(t, { data: o, collapse: !0, forceCompact: !0 })
-] });
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Stack } from "@mui/material";
+import { J as JSONViewer } from "../../../index-UkW8Sur3.js";
+import Markdown from "../../display/markdown/index.js";
+import FileResult from "./FileResult.js";
+const Result = ({ result }) => {
+  if (result.format === "markdown") {
+    return /* @__PURE__ */ jsx(Markdown, { md: result.output });
+  }
+  if (result.format === "json") {
+    return /* @__PURE__ */ jsx(JSONViewer, { data: result.output, collapse: true, forceCompact: true });
+  }
+  if (result.format === "file") {
+    return /* @__PURE__ */ jsx(FileResult, { result });
+  }
+  return /* @__PURE__ */ jsxs(Stack, { sx: { overflowY: "auto" }, children: [
+    /* @__PURE__ */ jsx(Markdown, { md: "`" + result.format + "` is not recognized as a format in this application." }),
+    /* @__PURE__ */ jsx(JSONViewer, { data: result, collapse: true, forceCompact: true })
+  ] });
+};
 export {
-  u as default
+  Result as default
 };

package/components/display/graph/ExpandMoreButton.js

@@ -1,18 +1,18 @@
-import { jsx as e } from "react/jsx-runtime";
-import { IconButton as a } from "@mui/material";
-const m = (t) => {
-  const { expand: o, ...r } = t;
-  return /* @__PURE__ */ e(
-    a,
+import { jsx } from "react/jsx-runtime";
+import { IconButton } from "@mui/material";
+const ExpandMoreButton = (props) => {
+  const { expand, ...other } = props;
+  return /* @__PURE__ */ jsx(
+    IconButton,
     {
-      ...r,
+      ...other,
       sx: {
-        transform: o ? "rotate(180deg)" : "rotate(0deg)",
-        transition: (n) => n.transitions.create("transform")
+        transform: !expand ? "rotate(0deg)" : "rotate(180deg)",
+        transition: (theme) => theme.transitions.create("transform")
       }
     }
   );
 };
 export {
-  m as default
+  ExpandMoreButton as default
 };