@axiom-lattice/react-sdk 2.1.62 → 2.1.64

package/dist/index.mjs

@@ -991,20 +991,20 @@ var DEFAULT_MIDDLEWARE_TYPES = [
       type: "object",
       title: "Filesystem Configuration",
       description: "Configure filesystem isolation and access settings",
-      required: ["isolatedLevel"],
+      required: ["vmIsolation"],
       properties: {
-        isolatedLevel: {
+        vmIsolation: {
           type: "string",
-          title: "Isolation Level",
-          description: "Controls how filesystem access is isolated between agents and threads",
-          enum: ["global", "agent", "thread"],
+          title: "VM Isolation",
+          description: "Controls how filesystem access is isolated between agents and projects",
+          enum: ["global", "agent", "project"],
           default: "global",
           widget: "segmented"
         }
       }
     },
     defaultConfig: {
-      isolatedLevel: "global"
+      vmIsolation: "global"
     },
     tools: [
       { id: "sandbox_ls", name: "List Files", description: "List files in the directory" },
@@ -1024,20 +1024,20 @@ var DEFAULT_MIDDLEWARE_TYPES = [
       type: "object",
       title: "Code Evaluation Configuration",
       description: "Configure code execution sandbox settings",
-      required: ["isolatedLevel"],
+      required: ["vmIsolation"],
       properties: {
-        isolatedLevel: {
+        vmIsolation: {
           type: "string",
-          title: "Isolation Level",
-          description: "Controls how code execution is isolated between agents and threads",
-          enum: ["global", "agent", "thread"],
+          title: "VM Isolation",
+          description: "Controls how code execution is isolated between agents and projects",
+          enum: ["global", "agent", "project"],
           default: "global",
           widget: "segmented"
         }
       }
     },
     defaultConfig: {
-      isolatedLevel: "global"
+      vmIsolation: "global"
     },
     tools: [
       { id: "execute_code", name: "Execute Code", description: "Execute code snippets" },
@@ -1053,20 +1053,20 @@ var DEFAULT_MIDDLEWARE_TYPES = [
       type: "object",
       title: "Browser Configuration",
       description: "Configure browser automation settings",
-      required: ["isolatedLevel"],
+      required: ["vmIsolation"],
       properties: {
-        isolatedLevel: {
+        vmIsolation: {
           type: "string",
-          title: "Isolation Level",
-          description: "Controls how browser instances are isolated between agents and threads",
-          enum: ["global", "agent", "thread"],
+          title: "VM Isolation",
+          description: "Controls how browser instances are isolated between agents and projects",
+          enum: ["global", "agent", "project"],
           default: "agent",
           widget: "segmented"
         }
       }
     },
     defaultConfig: {
-      isolatedLevel: "agent",
+      vmIsolation: "agent",
       headless: true
     },
     tools: [
@@ -5355,7 +5355,7 @@ import { Spin as Spin2, Alert as Alert4, Button as Button7 } from "antd";
 import { createStyles as createStyles4 } from "antd-style";
 
 // src/components/GenUI/MarkdownViewer.tsx
-import { useState as useState18, useEffect as useEffect11, useRef as useRef9 } from "react";
+import React9, { useState as useState18, useEffect as useEffect11, useRef as useRef9 } from "react";
 import { Button as Button6, Tooltip, message } from "antd";
 import {
   CopyOutlined,
@@ -5367,6 +5367,233 @@ import {
 import { jsPDF } from "jspdf";
 import html2canvas from "html2canvas";
 import { createStyles as createStyles3 } from "antd-style";
+
+// src/utils/fileUtils.ts
+function extractFileName(pathOrUrl) {
+  if (!pathOrUrl) return "";
+  const withoutQuery = pathOrUrl.split("?")[0];
+  return withoutQuery.split("/").pop() || pathOrUrl;
+}
+function getFileExtension(pathOrUrl) {
+  const fileName = extractFileName(pathOrUrl);
+  if (!fileName) return "";
+  const extension = fileName.split(".").pop()?.toLowerCase();
+  return extension || "";
+}
+function getFileCategory(pathOrUrl) {
+  const extension = getFileExtension(pathOrUrl);
+  if (!extension) return "unknown";
+  if (["md", "markdown", "mdx"].includes(extension)) return "markdown";
+  if ([
+    "txt",
+    "json",
+    "csv",
+    "xml",
+    "yaml",
+    "yml",
+    "ini",
+    "conf",
+    "sh",
+    "bat",
+    "cmd",
+    "ts",
+    "tsx",
+    "js",
+    "jsx",
+    "mjs",
+    "cjs",
+    "py",
+    "rb",
+    "go",
+    "rs",
+    "java",
+    "kt",
+    "swift",
+    "c",
+    "cpp",
+    "h",
+    "hpp",
+    "cs",
+    "php",
+    "vue",
+    "svelte",
+    "sql",
+    "css",
+    "less",
+    "scss",
+    "bash",
+    "zsh",
+    "toml"
+  ].includes(extension)) {
+    return "text";
+  }
+  if (["jpg", "jpeg", "png", "gif", "svg", "bmp", "webp", "ico", "tiff", "tif"].includes(extension)) {
+    return "image";
+  }
+  if (extension === "pdf") return "pdf";
+  if (["mp3", "wav", "ogg", "flac", "aac", "m4a", "wma"].includes(extension)) return "audio";
+  if (["mp4", "webm", "ogv", "mov", "avi", "mkv", "flv"].includes(extension)) return "video";
+  if (["html", "htm"].includes(extension)) return "iframe";
+  return "unknown";
+}
+function getLanguageFromFileName(pathOrUrl) {
+  const ext = getFileExtension(pathOrUrl);
+  switch (ext) {
+    case "ts":
+    case "tsx":
+      return "typescript";
+    case "js":
+    case "jsx":
+    case "mjs":
+    case "cjs":
+      return "javascript";
+    case "py":
+      return "python";
+    case "rb":
+      return "ruby";
+    case "go":
+      return "go";
+    case "md":
+    case "markdown":
+    case "mdx":
+      return "markdown";
+    case "json":
+      return "json";
+    case "html":
+    case "htm":
+      return "html";
+    case "css":
+      return "css";
+    case "less":
+      return "less";
+    case "scss":
+      return "scss";
+    case "java":
+      return "java";
+    case "kt":
+      return "kotlin";
+    case "swift":
+      return "swift";
+    case "rs":
+      return "rust";
+    case "c":
+    case "h":
+      return "c";
+    case "cpp":
+    case "hpp":
+      return "cpp";
+    case "cs":
+      return "csharp";
+    case "php":
+      return "php";
+    case "vue":
+      return "vue";
+    case "svelte":
+      return "svelte";
+    case "yaml":
+    case "yml":
+      return "yaml";
+    case "sql":
+      return "sql";
+    case "sh":
+    case "bash":
+    case "zsh":
+      return "bash";
+    case "toml":
+      return "toml";
+    case "xml":
+      return "xml";
+    case "ini":
+    case "conf":
+      return "ini";
+    default:
+      return "text";
+  }
+}
+function canPreviewInline(pathOrUrl) {
+  const category = getFileCategory(pathOrUrl);
+  return category !== "unknown";
+}
+function isTextFile(pathOrUrl) {
+  const category = getFileCategory(pathOrUrl);
+  return category === "markdown" || category === "text";
+}
+var COMMON_FILE_EXTENSIONS = /* @__PURE__ */ new Set([
+  // Code
+  "ts",
+  "tsx",
+  "js",
+  "jsx",
+  "mjs",
+  "cjs",
+  "html",
+  "htm",
+  "css",
+  "less",
+  "scss",
+  "md",
+  "txt",
+  "mdx",
+  "json",
+  "yaml",
+  "yml",
+  "py",
+  "rb",
+  "go",
+  "rs",
+  "java",
+  "kt",
+  "swift",
+  "c",
+  "cpp",
+  "h",
+  "hpp",
+  "cs",
+  "php",
+  "vue",
+  "svelte",
+  "sql",
+  "sh",
+  "bash",
+  "zsh",
+  "toml",
+  "xml",
+  // Media
+  "png",
+  "jpg",
+  "jpeg",
+  "gif",
+  "svg",
+  "webp",
+  "ico",
+  "mp4",
+  "webm",
+  "mp3",
+  "wav",
+  "pdf",
+  // Office
+  "ppt",
+  "pptx",
+  "doc",
+  "docx",
+  "xls",
+  "xlsx",
+  "odt",
+  "ods",
+  "odp",
+  "rtf",
+  "csv",
+  "key",
+  "numbers",
+  "pages"
+]);
+function isFileName(value) {
+  if (!value || typeof value !== "string" || !value.trim()) return false;
+  const ext = getFileExtension(value);
+  return ext ? COMMON_FILE_EXTENSIONS.has(ext) : false;
+}
+
+// src/components/GenUI/MarkdownViewer.tsx
 import { jsx as jsx16, jsxs as jsxs8 } from "react/jsx-runtime";
 var useStyles = createStyles3(({ token, css }) => ({
   container: css`
@@ -5519,6 +5746,15 @@ var MarkdownViewer = ({
       message.error({ content: "Failed to generate PDF", key: "pdf" });
     }
   };
+  const displayContent = React9.useMemo(() => {
+    const lang = getLanguageFromFileName(fileName);
+    if (lang && lang !== "markdown" && lang !== "text") {
+      return `\`\`\`${lang}
+${content}
+\`\`\``;
+    }
+    return content;
+  }, [content, fileName]);
   return /* @__PURE__ */ jsxs8("div", { className: cx(styles.container, className), style, children: [
     /* @__PURE__ */ jsxs8("div", { className: styles.header, children: [
       /* @__PURE__ */ jsx16(Tooltip, { title: "Copy Content", children: /* @__PURE__ */ jsx16(
@@ -5558,125 +5794,12 @@ var MarkdownViewer = ({
         }
       ) })
     ] }),
-    /* @__PURE__ */ jsx16("div", { className: styles.contentBody, ref: contentRef, children: /* @__PURE__ */ jsx16(MDResponse, { content }) })
+    /* @__PURE__ */ jsx16("div", { className: styles.contentBody, ref: contentRef, children: /* @__PURE__ */ jsx16(MDResponse, { content: displayContent }) })
   ] });
 };
 
 // src/components/GenUI/FileRenderer.tsx
 import { FileImageOutlined, FilePdfOutlined as FilePdfOutlined2, FileTextOutlined, FileUnknownOutlined } from "@ant-design/icons";
-
-// src/utils/fileUtils.ts
-function extractFileName(pathOrUrl) {
-  if (!pathOrUrl) return "";
-  const withoutQuery = pathOrUrl.split("?")[0];
-  return withoutQuery.split("/").pop() || pathOrUrl;
-}
-function getFileExtension(pathOrUrl) {
-  const fileName = extractFileName(pathOrUrl);
-  if (!fileName) return "";
-  const extension = fileName.split(".").pop()?.toLowerCase();
-  return extension || "";
-}
-function getFileCategory(pathOrUrl) {
-  const extension = getFileExtension(pathOrUrl);
-  if (!extension) return "unknown";
-  if (["md", "markdown", "mdx"].includes(extension)) return "markdown";
-  if (["txt", "json", "csv", "xml", "yaml", "yml", "ini", "conf", "sh", "bat", "cmd"].includes(extension)) {
-    return "text";
-  }
-  if (["jpg", "jpeg", "png", "gif", "svg", "bmp", "webp", "ico", "tiff", "tif"].includes(extension)) {
-    return "image";
-  }
-  if (extension === "pdf") return "pdf";
-  if (["mp3", "wav", "ogg", "flac", "aac", "m4a", "wma"].includes(extension)) return "audio";
-  if (["mp4", "webm", "ogv", "mov", "avi", "mkv", "flv"].includes(extension)) return "video";
-  if (["html", "htm"].includes(extension)) return "iframe";
-  return "unknown";
-}
-function canPreviewInline(pathOrUrl) {
-  const category = getFileCategory(pathOrUrl);
-  return category !== "unknown";
-}
-function isTextFile(pathOrUrl) {
-  const category = getFileCategory(pathOrUrl);
-  return category === "markdown" || category === "text";
-}
-var COMMON_FILE_EXTENSIONS = /* @__PURE__ */ new Set([
-  // Code
-  "ts",
-  "tsx",
-  "js",
-  "jsx",
-  "mjs",
-  "cjs",
-  "html",
-  "htm",
-  "css",
-  "less",
-  "scss",
-  "md",
-  "txt",
-  "mdx",
-  "json",
-  "yaml",
-  "yml",
-  "py",
-  "rb",
-  "go",
-  "rs",
-  "java",
-  "kt",
-  "swift",
-  "c",
-  "cpp",
-  "h",
-  "hpp",
-  "cs",
-  "php",
-  "vue",
-  "svelte",
-  "sql",
-  "sh",
-  "bash",
-  "zsh",
-  "toml",
-  "xml",
-  // Media
-  "png",
-  "jpg",
-  "jpeg",
-  "gif",
-  "svg",
-  "webp",
-  "ico",
-  "mp4",
-  "webm",
-  "mp3",
-  "wav",
-  "pdf",
-  // Office
-  "ppt",
-  "pptx",
-  "doc",
-  "docx",
-  "xls",
-  "xlsx",
-  "odt",
-  "ods",
-  "odp",
-  "rtf",
-  "csv",
-  "key",
-  "numbers",
-  "pages"
-]);
-function isFileName(value) {
-  if (!value || typeof value !== "string" || !value.trim()) return false;
-  const ext = getFileExtension(value);
-  return ext ? COMMON_FILE_EXTENSIONS.has(ext) : false;
-}
-
-// src/components/GenUI/FileRenderer.tsx
 import { jsx as jsx17, jsxs as jsxs9 } from "react/jsx-runtime";
 var useStyles2 = createStyles4(({ token, css }) => ({
   container: css`
@@ -13735,7 +13858,7 @@ var MiddlewareSectionCard = ({ middleware, middlewareType, onToggle, onConfigCha
       if (key === "serverKeys" && middleware.config.connectAll === true) {
         return null;
       }
-      if (key === "isolatedLevel") {
+      if (key === "vmIsolation") {
         return null;
       }
       return renderConfigField(
@@ -18163,7 +18286,7 @@ var WorkspaceContextProvider = ({
   );
   const listPathByFolder = useCallback24(
     async (folder) => {
-      const normalizedPath = folder.startsWith("/") ? folder : `/${folder}`;
+      const normalizedPath = folder.startsWith("/") || folder.startsWith("~/") ? folder : `/${folder}`;
       return listPath(normalizedPath);
     },
     [listPath]
@@ -18190,8 +18313,7 @@ var WorkspaceContextProvider = ({
   );
   const uploadFileToFolder = useCallback24(
     async (folder, file) => {
-      const normalizedPath = folder.startsWith("/") ? folder : `/${folder}`;
-      return uploadFile(normalizedPath, file);
+      return uploadFile(folder, file);
     },
     [uploadFile]
   );
@@ -26705,7 +26827,9 @@ var useStyles18 = createStyles31(({ token, css }) => ({
     gap: 8px;
   `
 }));
-var ProjectSelector = () => {
+var ProjectSelector = ({
+  disableDropdown = true
+}) => {
   const { styles } = useStyles18();
   const {
     workspaceId,
@@ -26816,12 +26940,20 @@ var ProjectSelector = () => {
         }
       ) }),
       /* @__PURE__ */ jsx104("span", { className: styles.divider, children: "/" }),
-      /* @__PURE__ */ jsxs75("div", { className: styles.projectTrigger, onClick: toggleProjectList, children: [
-        /* @__PURE__ */ jsx104("div", { className: styles.projectTriggerIcon, children: /* @__PURE__ */ jsx104(Folder, { size: 16 }) }),
-        /* @__PURE__ */ jsx104("div", { className: styles.projectTriggerInfo, children: /* @__PURE__ */ jsx104("div", { className: styles.projectTriggerName, children: currentProject?.name || "Select Project" }) }),
-        /* @__PURE__ */ jsx104("div", { className: `${styles.projectTriggerArrow} ${isProjectListOpen ? "expanded" : ""}`, children: /* @__PURE__ */ jsx104(ChevronDown4, { size: 14 }) })
-      ] }),
-      isProjectListOpen && /* @__PURE__ */ jsxs75("div", { className: styles.projectDropdown, children: [
+      /* @__PURE__ */ jsxs75(
+        "div",
+        {
+          className: styles.projectTrigger,
+          onClick: disableDropdown ? void 0 : toggleProjectList,
+          style: { cursor: disableDropdown ? "default" : "pointer" },
+          children: [
+            /* @__PURE__ */ jsx104("div", { className: styles.projectTriggerIcon, children: /* @__PURE__ */ jsx104(Folder, { size: 16 }) }),
+            /* @__PURE__ */ jsx104("div", { className: styles.projectTriggerInfo, children: /* @__PURE__ */ jsx104("div", { className: styles.projectTriggerName, children: currentProject?.name || "Select Project" }) }),
+            !disableDropdown && /* @__PURE__ */ jsx104("div", { className: `${styles.projectTriggerArrow} ${isProjectListOpen ? "expanded" : ""}`, children: /* @__PURE__ */ jsx104(ChevronDown4, { size: 14 }) })
+          ]
+        }
+      ),
+      !disableDropdown && isProjectListOpen && /* @__PURE__ */ jsxs75("div", { className: styles.projectDropdown, children: [
         projects.map((project) => /* @__PURE__ */ jsxs75(
           "div",
           {
@@ -26894,6 +27026,8 @@ import { createStyles as createStyles32 } from "antd-style";
 import { Fragment as Fragment22, jsx as jsx105, jsxs as jsxs76 } from "react/jsx-runtime";
 var useStyles19 = createStyles32(({ token, css }) => ({
   container: css`
+    height: 100%;
+    overflow-y: auto;
     padding: 12px;
     font-size: 13px;
     background: transparent;
@@ -27248,42 +27382,46 @@ var ToolPanelFiles = () => {
   const resourceFolders = useMemo27(() => {
     return config.resourceFolders && config.resourceFolders.length > 0 ? config.resourceFolders : [{ name: "/", displayName: "Project Assets", allowUpload: true }];
   }, [config.resourceFolders]);
-  const loadAssetsForFolder = useCallback32(async (folder) => {
-    if (!workspaceId || !projectId) {
-      setFolderEntries((prev) => ({ ...prev, [folder.name]: [] }));
-      return;
-    }
-    setFolderLoading((prev) => ({ ...prev, [folder.name]: true }));
-    try {
-      const items = await listPathByFolder(folder.name);
-      setFolderEntries((prev) => ({ ...prev, [folder.name]: items }));
-      setDirectoryChildren((prev) => {
-        const next = { ...prev };
-        const folderPath = folder.name === "/" ? "/" : folder.name.replace(/\/$/, "");
-        Object.keys(next).forEach((key) => {
-          if (key === folderPath || key.startsWith(`${folderPath}/`)) {
-            delete next[key];
-          }
-        });
-        return next;
-      });
-      setDirectoryExpanded((prev) => {
-        const next = { ...prev };
-        const folderPath = folder.name === "/" ? "/" : folder.name.replace(/\/$/, "");
-        Object.keys(next).forEach((key) => {
-          if (key === folderPath || key.startsWith(`${folderPath}/`)) {
-            delete next[key];
-          }
-        });
-        return next;
-      });
-    } catch (error) {
-      console.error(`Failed to load assets for folder ${folder.name}:`, error);
-      setFolderEntries((prev) => ({ ...prev, [folder.name]: [] }));
-    } finally {
-      setFolderLoading((prev) => ({ ...prev, [folder.name]: false }));
-    }
-  }, [workspaceId, projectId, listPathByFolder]);
+  const loadAssetsForFolder = useCallback32(
+    async (folder, clearSubdirectoryCache = true) => {
+      if (!workspaceId || !projectId) {
+        setFolderEntries((prev) => ({ ...prev, [folder.name]: [] }));
+        return;
+      }
+      setFolderLoading((prev) => ({ ...prev, [folder.name]: true }));
+      try {
+        const items = await listPathByFolder(folder.name);
+        setFolderEntries((prev) => ({ ...prev, [folder.name]: items }));
+        if (clearSubdirectoryCache) {
+          const folderPath = folder.name === "/" ? "/" : folder.name.replace(/\/$/, "");
+          setDirectoryChildren((prev) => {
+            const next = { ...prev };
+            Object.keys(next).forEach((key) => {
+              if (key === folderPath || key.startsWith(`${folderPath}/`)) {
+                delete next[key];
+              }
+            });
+            return next;
+          });
+          setDirectoryExpanded((prev) => {
+            const next = { ...prev };
+            Object.keys(next).forEach((key) => {
+              if (key === folderPath || key.startsWith(`${folderPath}/`)) {
+                delete next[key];
+              }
+            });
+            return next;
+          });
+        }
+      } catch (error) {
+        console.error(`Failed to load assets for folder ${folder.name}:`, error);
+        setFolderEntries((prev) => ({ ...prev, [folder.name]: [] }));
+      } finally {
+        setFolderLoading((prev) => ({ ...prev, [folder.name]: false }));
+      }
+    },
+    [workspaceId, projectId, listPathByFolder]
+  );
   const handleToggleDirectory = useCallback32(async (path) => {
     const isExpanded = directoryExpanded[path] || false;
     if (isExpanded) {
@@ -27291,9 +27429,6 @@ var ToolPanelFiles = () => {
       return;
     }
     setDirectoryExpanded((prev) => ({ ...prev, [path]: true }));
-    if (directoryChildren[path]) {
-      return;
-    }
     setDirectoryLoading((prev) => ({ ...prev, [path]: true }));
     try {
       const items = await listPath(path);
@@ -27304,10 +27439,10 @@ var ToolPanelFiles = () => {
     } finally {
       setDirectoryLoading((prev) => ({ ...prev, [path]: false }));
     }
-  }, [directoryChildren, directoryExpanded, listPath]);
+  }, [directoryExpanded, listPath]);
   useEffect40(() => {
     resourceFolders.forEach((folder) => {
-      void loadAssetsForFolder(folder);
+      void loadAssetsForFolder(folder, false);
     });
   }, [resourceFolders, loadAssetsForFolder]);
   const handleAssetClick = useCallback32((asset) => {