@cccsaurora/clue-ui 1.2.0-dev.173 → 1.2.0-dev.176

package/{ActionForm-nQMK88Nr.js → ActionForm-Hg3A_2XX.js}

@@ -15,8 +15,8 @@ import { u as useContextSelector, c as createContext, a as useContext } from "./
 import ErrorBoundary from "./components/ErrorBoundary.js";
 import { adaptSchema } from "./components/actions/form/schemaAdapter.js";
 import { I as Icon } from "./iconify-CXMreGTg.js";
-import Markdown from "./components/display/markdown/index.js";
 import ClassificationChip from "./components/ClassificationChip.js";
+import Result from "./components/actions/formats/index.js";
 import { SNACKBAR_EVENT_ID } from "./data/event.js";
 import { dayjs } from "./utils/time.js";
 import { safeDispatchEvent } from "./utils/window.js";
@@ -115,10 +115,7 @@ const ResultModal = ({ result: _result, onClose, show = false }) => {
     ] }),
     /* @__PURE__ */ jsx(Typography, { variant: "body1", children: result.action.summary }),
     /* @__PURE__ */ jsx(Divider, { flexItem: true }),
-    resultFinished ? /* @__PURE__ */ jsx(ErrorBoundary, { children: result.format === "markdown" ? /* @__PURE__ */ jsx(Markdown, { md: result.output }) : result.format === "json" ? /* @__PURE__ */ jsx(JSONViewer, { data: result.output, collapse: true, forceCompact: true }) : /* @__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 })
-    ] }) }) : /* @__PURE__ */ jsxs(Stack, { flex: 1, sx: { pt: 2, alignItems: "center" }, spacing: 1, children: [
+    resultFinished ? /* @__PURE__ */ jsx(ErrorBoundary, { children: /* @__PURE__ */ jsx(Result, { result }) }) : /* @__PURE__ */ jsxs(Stack, { flex: 1, sx: { pt: 2, alignItems: "center" }, spacing: 1, children: [
       result.summary && /* @__PURE__ */ jsx(Typography, { variant: "caption", children: result.summary }),
       /* @__PURE__ */ jsx(
         LinearProgress,
@@ -186,7 +183,6 @@ const ClueActionProvider = ({
     async (actionId, selectors, params, options) => {
       const { forceMenu, onComplete, skipMenu, skipResultModal, timeout, includeContext, extraContext } = {
         forceMenu: false,
-        skipResultModal: false,
         skipMenu: false,
         onComplete: null,
         timeout: null,
@@ -239,7 +235,6 @@ const ClueActionProvider = ({
           action: actionToRun,
           selectors,
           params: validatedParams ?? {},
-          skipResultModal,
           context: context2,
           onComplete,
           timeout
@@ -299,8 +294,6 @@ const ClueActionProvider = ({
           setLastResult({ ...actionResult, actionId, action: actionToRun });
           if (!skipResultModal) {
             setShowResultModal(true);
-          } else {
-            setRunningActionData(null);
           }
         }
         if (actionResult.format) {
@@ -432,9 +425,6 @@ const ActionForm = ({ runningActionData }) => {
       if (runningActionData == null ? void 0 : runningActionData.timeout) {
         options.timeout = runningActionData == null ? void 0 : runningActionData.timeout;
       }
-      if (runningActionData == null ? void 0 : runningActionData.skipResultModal) {
-        options.skipResultModal = runningActionData == null ? void 0 : runningActionData.skipResultModal;
-      }
       await executeAction(runningActionData == null ? void 0 : runningActionData.id, runningActionData == null ? void 0 : runningActionData.selectors, formData, options);
     } catch (e) {
       console.error(e);

package/components/actions/ActionForm.js

@@ -5,7 +5,7 @@ import "@mui/material";
 import "../display/icons/Iconified.js";
 import "../../index-Bmoj6JY8.js";
 import "../../hooks/ClueComponentContext.js";
-import { A } from "../../ActionForm-nQMK88Nr.js";
+import { A } from "../../ActionForm-Hg3A_2XX.js";
 import "../../utils-CW9CNV1h.js";
 import "react";
 import "../../index-BDVjGvMI.js";

package/components/actions/ResultModal.js

@@ -1,14 +1,13 @@
 import "react/jsx-runtime";
 import "../../iconify-CXMreGTg.js";
 import "@mui/material";
-import "../../index-Bmoj6JY8.js";
-import "../display/markdown/index.js";
 import "../../hooks/ClueComponentContext.js";
-import { R } from "../../ActionForm-nQMK88Nr.js";
+import { R } from "../../ActionForm-Hg3A_2XX.js";
 import "react";
 import "../../index-BDVjGvMI.js";
 import "../ClassificationChip.js";
 import "../ErrorBoundary.js";
+import "./formats/index.js";
 export {
   R as default
 };

package/components/actions/formats/FileResult.d.ts

@@ -0,0 +1,16 @@
+import { ActionResult } from "../../../types/action";
+import { WithActionData } from "../../../types/WithActionData";
+import { FC } from 'react';
+
+export interface ActionFileResult {
+    data: string;
+    mime_type: string;
+    file_name: string;
+}
+/**
+ * Render a file action result with metadata, hash statistics, and download support.
+ */
+declare const FileResult: FC<{
+    result: WithActionData<ActionResult<ActionFileResult>>;
+}>;
+export default FileResult;

package/components/actions/formats/FileResult.js

@@ -0,0 +1,112 @@
+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-BDVjGvMI.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 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 decodeBase64ToBytes(result.output.data);
+    } catch {
+      return null;
+    }
+  }, [(_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 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);
+      }
+    };
+    setSha256Hash("");
+    generateHash();
+    return () => {
+      cancelled = true;
+    };
+  }, [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__ */ 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__ */ 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__ */ 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__ */ jsx(
+      Button,
+      {
+        startIcon: /* @__PURE__ */ jsx(Iconified, { icon: "ic:baseline-download" }),
+        variant: "outlined",
+        sx: { alignSelf: "center" },
+        disabled: !((_d = result.output) == null ? void 0 : _d.data),
+        onClick: () => result.output && saveFileFromServer(result.output),
+        name: "download",
+        role: "button",
+        children: t("download", { file: ((_e = result.output) == null ? void 0 : _e.file_name) ?? "result.txt" })
+      }
+    )
+  ] });
+};
+export {
+  FileResult as default
+};

package/components/actions/formats/index.d.ts

@@ -0,0 +1,8 @@
+import { ActionResult } from "../../../types/action";
+import { WithActionData } from "../../../types/WithActionData";
+import { FC } from 'react';
+
+declare const Result: FC<{
+    result: WithActionData<ActionResult>;
+}>;
+export default Result;

package/components/actions/formats/index.js

@@ -0,0 +1,23 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Stack } from "@mui/material";
+import { J as JSONViewer } from "../../../index-Bmoj6JY8.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 {
+  Result as default
+};

package/components/enrichment/EnrichPopover.js

@@ -1,7 +1,7 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { useTheme, Tooltip, IconButton, CircularProgress, Button, Popover, Paper, Stack, Box, Typography, Divider } from "@mui/material";
 import { useClueComponentSelector, useClueEnrichSelector } from "../../hooks/selectors.js";
-import { c as capitalize } from "../../ActionForm-nQMK88Nr.js";
+import { c as capitalize } from "../../ActionForm-Hg3A_2XX.js";
 import { useState, useRef, useCallback, useEffect } from "react";
 import Iconified from "../display/icons/Iconified.js";
 const EnrichPopover = ({ show = false, size = "small", selector }) => {

package/components/group/GroupControl.js

@@ -6,7 +6,7 @@ import { SNACKBAR_EVENT_ID } from "../../data/event.js";
 import { ClueGroupContext } from "../../hooks/ClueGroupContext.js";
 import { useClueComponentSelector, useClueEnrichSelector } from "../../hooks/selectors.js";
 import { safeDispatchEvent } from "../../utils/window.js";
-import { c as capitalize } from "../../ActionForm-nQMK88Nr.js";
+import { c as capitalize } from "../../ActionForm-Hg3A_2XX.js";
 import { useState, useMemo, useCallback } from "react";
 import { u as useContextSelector } from "../../index-BDVjGvMI.js";
 import ExecutePopover from "../actions/ExecutePopover.js";

package/en/translation.json

@@ -6,6 +6,15 @@
   "actions.executing": "Executing",
   "actions.json.hide": "Hide JSON",
   "actions.json.show": "Show JSON",
+  "actions.result.file.description": "The action {{actionName}} has provided a file for download. If you wish to download the result, use the download button below.",
+  "actions.result.file.stats.calculating": "Calculating...",
+  "actions.result.file.stats.label.base64_length": "Base64 Length:",
+  "actions.result.file.stats.label.decoded_bytes": "Decoded Bytes:",
+  "actions.result.file.stats.label.decoded_size": "Decoded Size:",
+  "actions.result.file.stats.label.sha256": "SHA-256:",
+  "actions.result.file.stats.title": "File statistics",
+  "actions.result.file.title": "{{actionName}} has provided a file",
+  "actions.result.file.unknown": "Unknown",
   "adminmenu": "Admin menu",
   "adminmenu.config": "Configuration",
   "adminmenu.users": "Users",
@@ -24,6 +33,7 @@
   "clipboard.success": "was copied to clipboard.",
   "close": "Close",
   "details.open": "Open Details",
+  "download": "Download {{file}}",
   "drawer.chat": "Chat",
   "drawer.collapse": "Collapse Menu",
   "drawer.dashboard": "Dashboard",

package/fr/translation.json

@@ -6,6 +6,15 @@
   "actions.executing": "Executing",
   "actions.json.hide": "Masquer JSON",
   "actions.json.show": "Afficher JSON",
+  "actions.result.file.description": "L'action {{actionName}} a fourni un fichier à télécharger. Si vous souhaitez télécharger le résultat, utilisez le bouton de téléchargement ci-dessous.",
+  "actions.result.file.stats.calculating": "Calcul en cours...",
+  "actions.result.file.stats.label.base64_length": "Longueur base64 :",
+  "actions.result.file.stats.label.decoded_bytes": "Octets décodés :",
+  "actions.result.file.stats.label.decoded_size": "Taille décodée :",
+  "actions.result.file.stats.label.sha256": "SHA-256 :",
+  "actions.result.file.stats.title": "Statistiques du fichier",
+  "actions.result.file.title": "{{actionName}} a fourni un fichier",
+  "actions.result.file.unknown": "Inconnu",
   "adminmenu": "Menu d'administration",
   "adminmenu.config": "Configuration",
   "adminmenu.users": "Usagers",
@@ -24,6 +33,7 @@
   "clipboard.success": "a été copié dans le presse-papiers.",
   "close": "Fermer",
   "details.open": "Ouvrir les détails",
+  "download": "Télécharger {{file}}",
   "drawer.chat": "Clavardage",
   "drawer.collapse": "Fermer le Menu",
   "drawer.dashboard": "Tableau de bord",

package/hooks/ClueActionContext.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "@mui/material";
 import "../index-CC12Ux-9.js";
 import "../useClueTypeConfig-CHWm5uda.js";
-import { a, C } from "../ActionForm-nQMK88Nr.js";
+import { a, C } from "../ActionForm-Hg3A_2XX.js";
 import "../components/display/icons/Iconified.js";
 import "../components/ErrorBoundary.js";
 import "../data/event.js";

package/hooks/ClueProvider.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { C as ClueActionProvider } from "../ActionForm-nQMK88Nr.js";
+import { C as ClueActionProvider } from "../ActionForm-Hg3A_2XX.js";
 import { ClueComponentProvider } from "./ClueComponentContext.js";
 import { ClueConfigProvider } from "./ClueConfigProvider.js";
 import { ClueDatabaseProvider } from "./ClueDatabaseContext.js";

package/hooks/selectors.js

@@ -1,4 +1,4 @@
-import { a as ClueActionContext } from "../ActionForm-nQMK88Nr.js";
+import { a as ClueActionContext } from "../ActionForm-Hg3A_2XX.js";
 import { ClueComponentContext } from "./ClueComponentContext.js";
 import { C as ClueEnrichContext } from "../ClueEnrichContext-DzZhWGxh.js";
 import { ClueFetcherContext } from "./ClueFetcherContext.js";

package/hooks/useActionResult.js

@@ -1,5 +1,5 @@
 import "react";
-import { b } from "../ActionForm-nQMK88Nr.js";
+import { b } from "../ActionForm-Hg3A_2XX.js";
 export {
   b as useActionResult
 };

package/hooks/useClueActions.js

@@ -1,4 +1,4 @@
-import { u } from "../ActionForm-nQMK88Nr.js";
+import { u } from "../ActionForm-Hg3A_2XX.js";
 import "../index-BDVjGvMI.js";
 export {
   u as default

package/icons/Action.js

@@ -3,7 +3,7 @@ import { I as Icon } from "../iconify-CXMreGTg.js";
 import { useTheme, Stack, Divider, Typography } from "@mui/material";
 import CountBadge from "../components/CountBadge.js";
 import { C as CluePopupContext } from "../AnnotationPreview-D5NX8_su.js";
-import { u as useClueActions } from "../ActionForm-nQMK88Nr.js";
+import { u as useClueActions } from "../ActionForm-Hg3A_2XX.js";
 import { g as groupBy } from "../groupBy-mXHt-nYT.js";
 import { memo, useRef, useMemo, useEffect } from "react";
 import { u as useContextSelector } from "../index-BDVjGvMI.js";

package/main.js

@@ -1,4 +1,4 @@
-import { A, u } from "./ActionForm-nQMK88Nr.js";
+import { A, u } from "./ActionForm-Hg3A_2XX.js";
 import { default as default2 } from "./components/AnnotationDetailPopover.js";
 import { A as A2 } from "./AnnotationDetails-CbXSCkTF.js";
 import { default as default3 } from "./components/AnnotationEntry.js";

package/package.json

@@ -66,7 +66,7 @@
   },
   "type": "module",
   "types": "main.d.ts",
-  "version": "1.2.0-dev.173",
+  "version": "1.2.0-dev.176",
   "exports": {
     ".": "./main.js",
     "./index.css": "./index.css",
@@ -88,6 +88,8 @@
     "./components/fetchers/*": "./components/fetchers/*.js",
     "./components/display/*": "./components/display/*.js",
     "./components/stats/*": "./components/stats/*.js",
+    "./components/actions/formats/*": "./components/actions/formats/*.js",
+    "./components/actions/formats": "./components/actions/formats/index.js",
     "./components/actions/form/*": "./components/actions/form/*.js",
     "./components/display/graph/*": "./components/display/graph/*.js",
     "./components/display/graph": "./components/display/graph/index.js",

package/types/RunningActionData.d.ts

@@ -9,7 +9,6 @@ interface RunningActionData {
   selectors: Selector[];
   params: { [index: string]: any };
   context?: ActionContextInformation;
-  skipResultModal?: boolean;
   onComplete?: (result: WithActionData<ActionResult>) => void;
   timeout?: number;
 }