@axiom-lattice/react-sdk 2.1.80 → 2.1.82

package/dist/index.mjs

@@ -5009,12 +5009,26 @@ import { parse } from "best-effort-json-parser";
 import { Table, Typography as Typography3, Button as Button5, Flex, Space as Space2 } from "antd";
 import { useState as useState21 } from "react";
 import { DownloadOutlined, ExpandAltOutlined } from "@ant-design/icons";
+
+// src/components/Chat/SideAppBrowserContext.tsx
+import { createContext as createContext8, useContext as useContext8 } from "react";
+var SideAppBrowserContext = createContext8(null);
+var useSideAppBrowser = () => {
+  return useContext8(SideAppBrowserContext);
+};
+var useSideAppOpener = () => {
+  const { openSideApp } = useChatUIContext();
+  const browserCtx = useContext8(SideAppBrowserContext);
+  return browserCtx?.openApp ?? openSideApp;
+};
+
+// src/components/GenUI/elements/generic_data_table.tsx
 import { jsx as jsx14, jsxs as jsxs6 } from "react/jsx-runtime";
 var { Text: Text3 } = Typography3;
 var GenericDataTable = ({ data, interactive = true, default_open_in_side_app = true }) => {
   const { dataSource, message: message23 } = data ?? {};
   const [expandedRowKeys, setExpandedRowKeys] = useState21([]);
-  const { openSideApp } = useChatUIContext();
+  const openSideApp = useSideAppOpener();
   const processedData = dataSource?.map((item, index) => ({
     ...item,
     key: `${index}_${JSON.stringify(item).slice(0, 20)}`
@@ -6459,7 +6473,7 @@ var FileLink = ({ data }) => {
   if (!isFileName(data)) {
     return /* @__PURE__ */ jsx21(Fragment2, { children: data });
   }
-  const { openSideApp } = useChatUIContext();
+  const openSideApp = useSideAppOpener();
   const { threadId, assistantId } = useConversationContext();
   const { config } = useLatticeChatShellContext();
   const fileBaseURL = useMemo5(() => {
@@ -7978,7 +7992,7 @@ var AttachmentsCard = ({
   const fileBaseURL = `${baseURL}/api/assistants/${assistantId}/threads/${threadId}/sandbox/downloadfile?path=`;
   const { Text: Text48 } = Typography10;
   const [showAll, setShowAll] = useState30(false);
-  const { openSideApp } = useChatUIContext();
+  const openSideApp = useSideAppOpener();
   const getStyles = () => {
     switch (size) {
       case "small":
@@ -8377,7 +8391,7 @@ var WriteFile = ({
 }) => {
   const toolCallData = data;
   const { file_path, content } = toolCallData?.args || {};
-  const { openSideApp } = useChatUIContext();
+  const openSideApp = useSideAppOpener();
   if (!toolCallData) {
     return null;
   }
@@ -8446,7 +8460,7 @@ var EditFile = ({
 }) => {
   const toolCallData = data;
   const { file_path, new_string, old_string } = toolCallData?.args || {};
-  const { openSideApp } = useChatUIContext();
+  const openSideApp = useSideAppOpener();
   if (!toolCallData) {
     return null;
   }
@@ -8654,7 +8668,7 @@ var TaskCard = ({
 }) => {
   const { styles } = useStyle5();
   const toolCallData = data;
-  const { openSideApp } = useChatUIContext();
+  const openSideApp = useSideAppOpener();
   if (!toolCallData) {
     return null;
   }
@@ -8870,7 +8884,7 @@ var MessageList = ({
   className
 }) => {
   const { styles } = useStyle();
-  const { openSideApp } = useChatUIContext();
+  const openSideApp = useSideAppOpener();
   const messageLengthRef = useRef13(messages?.length ?? 0);
   useEffect23(() => {
     if (messages?.length) {
@@ -8982,7 +8996,7 @@ import {
   Space as Space30,
   Typography as Typography42
 } from "antd";
-import React51, { useCallback as useCallback33, useContext as useContext10, useEffect as useEffect45, useRef as useRef23, useState as useState65 } from "react";
+import React51, { useCallback as useCallback33, useContext as useContext11, useEffect as useEffect45, useRef as useRef23, useState as useState65 } from "react";
 import { BrainCircuit as BrainCircuit3 } from "lucide-react";
 
 // src/components/GenUI/HITLContainer.tsx
@@ -9929,7 +9943,7 @@ var AgentHeader = ({
 };
 
 // src/components/Chat/ThreadManagementButtons.tsx
-import { useCallback as useCallback23, useContext as useContext8 } from "react";
+import { useCallback as useCallback23, useContext as useContext9 } from "react";
 import { Tooltip as Tooltip9, Button as Button23, Dropdown } from "antd";
 import { HistoryOutlined, PlusOutlined } from "@ant-design/icons";
 import { Fragment as Fragment6, jsx as jsx55, jsxs as jsxs30 } from "react/jsx-runtime";
@@ -10019,8 +10033,8 @@ var ThreadListButton = () => {
   ) });
 };
 var ThreadManagementButtons = () => {
-  const shellContext = useContext8(LatticeChatShellContext);
-  const conversationContext = useContext8(ConversationContext);
+  const shellContext = useContext9(LatticeChatShellContext);
+  const conversationContext = useContext9(ConversationContext);
   if (!shellContext || !conversationContext) {
     return null;
   }
@@ -10041,8 +10055,8 @@ var ThreadManagementButtons = () => {
 
 // src/context/WorkspaceContext.tsx
 import React43, {
-  createContext as createContext8,
-  useContext as useContext9,
+  createContext as createContext9,
+  useContext as useContext10,
   useState as useState57,
   useCallback as useCallback31,
   useEffect as useEffect40
@@ -11967,7 +11981,7 @@ var DatabaseConfigFormModal = ({
             {
               value: formData.connectionString,
               onChange: (e) => setFormData({ ...formData, connectionString: e.target.value }),
-              placeholder: "e.g., postgresql://user:pass@host:5432/dbname or postgresql://user:pass@host:5432/dbname?sslmode=require",
+              placeholder: "e.g., postgresql://user:pass@host:5432/dbname or mysql://user:pass@host:3306/dbname",
               rows: 3,
               style: { width: "100%" }
             }
@@ -21353,9 +21367,9 @@ var WorkspaceResourceUIContext = ({
 
 // src/context/WorkspaceContext.tsx
 import { jsx as jsx83 } from "react/jsx-runtime";
-var WorkspaceContext = createContext8(null);
+var WorkspaceContext = createContext9(null);
 var useWorkspaceContext = () => {
-  const context = useContext9(WorkspaceContext);
+  const context = useContext10(WorkspaceContext);
   if (!context) {
     throw new Error("useWorkspaceContext must be used within a WorkspaceContextProvider");
   }
@@ -23298,7 +23312,7 @@ var Chating = ({
   const { baseURL } = config;
   const user = useAuthOptional()?.user;
   const displayUserName = user?.name || user?.email?.split("@")[0] || "there";
-  const workspaceContext = useContext10(WorkspaceContext);
+  const workspaceContext = useContext11(WorkspaceContext);
   const listPath = workspaceContext?.listPath ?? (async () => []);
   const listPathByFolder = workspaceContext?.listPathByFolder ?? (async () => []);
   const workspaceId = workspaceContext?.workspaceId ?? null;
@@ -23917,7 +23931,7 @@ var InternetSearchCard = ({
   const toolCallData = data;
   const { query } = toolCallData?.args || {};
   const dataSource = JSON.parse(toolCallData.response || "[]");
-  const { openSideApp } = useChatUIContext();
+  const openSideApp = useSideAppOpener();
   if (!toolCallData) {
     return null;
   }
@@ -24396,7 +24410,7 @@ var BrowserViewer = ({
       }
     )
   ] });
-  const { openSideApp } = useChatUIContext();
+  const openSideApp = useSideAppOpener();
   if (!toolCallData) {
     return null;
   }
@@ -24443,7 +24457,7 @@ var ExecuteCode = ({
 }) => {
   const toolCallData = data;
   const { language, code } = toolCallData?.args || {};
-  const { openSideApp } = useChatUIContext();
+  const openSideApp = useSideAppOpener();
   if (!toolCallData) {
     return null;
   }
@@ -24545,7 +24559,7 @@ var TeamGraph = ({ data }) => {
   const teammates = safeGetTeammates(data);
   const tasks = safeGetTasks(data);
   const teamId = safeGetTeamId(data);
-  const { openSideApp } = useChatUIContext();
+  const openSideApp = useSideAppOpener();
   const { threadId, assistantId } = useAgentChat();
   const colors3 = [
     "#1890ff",
@@ -29392,7 +29406,7 @@ var ShowWidget = ({
 }) => {
   const toolCallData = data;
   const { title, loading_messages, widget_code } = toolCallData?.args || {};
-  const { openSideApp } = useChatUIContext();
+  const openSideApp = useSideAppOpener();
   const { sendMessage } = useAgentChat();
   if (!toolCallData) {
     return null;
@@ -29620,7 +29634,7 @@ var regsiterElement = (language, ElementMeta) => {
 // src/components/Chat/SideAppViewBrowser.tsx
 import { Dropdown as Dropdown3, Tooltip as Tooltip23 } from "antd";
 import { createStyles as createStyles34 } from "antd-style";
-import { useEffect as useEffect49, useState as useState74 } from "react";
+import { useEffect as useEffect49, useMemo as useMemo30, useState as useState74 } from "react";
 import { Fragment as Fragment21, jsx as jsx113, jsxs as jsxs83 } from "react/jsx-runtime";
 var useStyle17 = createStyles34(({ token, css }) => {
   return {
@@ -29814,10 +29828,13 @@ var SideAppViewBrowser = ({ region = "side" }) => {
     sideAppSelectedCard,
     contentAppSelectedCard: contextAppSelectedCard,
     closeSideApp,
-    closeContentApp
+    closeContentApp,
+    openSideApp,
+    openContentApp
   } = useChatUIContext();
   const selectedCard = region === "side" ? sideAppSelectedCard : contextAppSelectedCard;
   const closeApp = region === "side" ? closeSideApp : closeContentApp;
+  const openApp = region === "side" ? openSideApp : openContentApp;
   const [activeKey, setActiveKey] = useState74(
     JSON.stringify(selectedCard)
   );
@@ -29905,6 +29922,10 @@ var SideAppViewBrowser = ({ region = "side" }) => {
     ),
     onClick: () => switchTab(item.key)
   }));
+  const sideAppBrowserValue = useMemo30(
+    () => ({ openApp }),
+    [openApp]
+  );
   return /* @__PURE__ */ jsxs83("div", { className: styles.container, children: [
     /* @__PURE__ */ jsxs83("div", { className: styles.header, children: [
       /* @__PURE__ */ jsx113("div", { className: styles.tabsStrip, children: items.map((item) => /* @__PURE__ */ jsx113(Tooltip23, { title: item.label, placement: "bottom", children: /* @__PURE__ */ jsxs83(
@@ -29946,15 +29967,15 @@ var SideAppViewBrowser = ({ region = "side" }) => {
         /* @__PURE__ */ jsx113(Tooltip23, { title: "Close", children: /* @__PURE__ */ jsx113("button", { className: styles.actionBtn, onClick: closeApp, children: /* @__PURE__ */ jsx113(CloseOutlined4, {}) }) })
       ] })
     ] }),
-    /* @__PURE__ */ jsx113("div", { className: styles.content, children: activeItem ? /* @__PURE__ */ jsx113("div", { className: styles.contentWrapper, children: activeItem.children }, activeItem.key) : /* @__PURE__ */ jsxs83("div", { className: styles.emptyState, children: [
+    /* @__PURE__ */ jsx113("div", { className: styles.content, children: /* @__PURE__ */ jsx113(SideAppBrowserContext.Provider, { value: sideAppBrowserValue, children: activeItem ? /* @__PURE__ */ jsx113("div", { className: styles.contentWrapper, children: activeItem.children }, activeItem.key) : /* @__PURE__ */ jsxs83("div", { className: styles.emptyState, children: [
       /* @__PURE__ */ jsx113(AppstoreOutlined, { className: "icon" }),
       /* @__PURE__ */ jsx113("span", { children: "Select an app to start" })
-    ] }) })
+    ] }) }) })
   ] });
 };
 
 // src/components/Chat/ProjectSelector.tsx
-import { useState as useState75, useCallback as useCallback38, useMemo as useMemo30, useRef as useRef26 } from "react";
+import { useState as useState75, useCallback as useCallback38, useMemo as useMemo31, useRef as useRef26 } from "react";
 import { Modal as Modal20, Input as Input15, Button as Button54, message as message18 } from "antd";
 import { createStyles as createStyles35 } from "antd-style";
 import { Folder, ChevronDown as ChevronDown6, Building2 as Building24 } from "lucide-react";
@@ -30198,10 +30219,10 @@ var ProjectSelector = ({
   const [validationError, setValidationError] = useState75(null);
   const [isCreating, setIsCreating] = useState75(false);
   const projectNameInputRef = useRef26(null);
-  const currentProject = useMemo30(() => {
+  const currentProject = useMemo31(() => {
     return projects.find((p) => p.id === projectId);
   }, [projects, projectId]);
-  const currentWorkspace = useMemo30(() => {
+  const currentWorkspace = useMemo31(() => {
     return workspaces.find((w) => w.id === workspaceId);
   }, [workspaces, workspaceId]);
   const handleSelectProject = useCallback38((selectedProjectId) => {
@@ -30365,7 +30386,7 @@ var ProjectSelector = ({
 };
 
 // src/components/Chat/ToolPanelFiles.tsx
-import { useCallback as useCallback39, useEffect as useEffect50, useMemo as useMemo31, useState as useState76 } from "react";
+import { useCallback as useCallback39, useEffect as useEffect50, useMemo as useMemo32, useState as useState76 } from "react";
 import { message as message19 } from "antd";
 
 // src/components/Chat/FileDirectoryPanel.tsx
@@ -30730,7 +30751,7 @@ var ToolPanelFiles = () => {
   const [directoryLoading, setDirectoryLoading] = useState76({});
   const [directoryExpanded, setDirectoryExpanded] = useState76({});
   const [uploadingFolder, setUploadingFolder] = useState76(null);
-  const resourceFolders = useMemo31(() => {
+  const resourceFolders = useMemo32(() => {
     return config.resourceFolders && config.resourceFolders.length > 0 ? config.resourceFolders : [{ name: "/", displayName: "Project Assets", allowUpload: true }];
   }, [config.resourceFolders]);
   const loadAssetsForFolder = useCallback39(
@@ -30992,7 +31013,7 @@ var LatticeChat = (props) => {
 // src/components/Chat/AgentConversations.tsx
 import { Conversations } from "@ant-design/x";
 import { theme as theme16 } from "antd";
-import { useMemo as useMemo32 } from "react";
+import { useMemo as useMemo33 } from "react";
 import { jsx as jsx119 } from "react/jsx-runtime";
 var AgentConversations = ({
   enableThreadCreation = true,
@@ -31013,7 +31034,7 @@ var AgentConversations = ({
     background: "transparent",
     borderRadius: token.borderRadius
   };
-  const threadItems = useMemo32(() => {
+  const threadItems = useMemo33(() => {
     return threads || [];
   }, [threads]);
   const items = threadItems.map((thread2) => ({
@@ -31048,10 +31069,10 @@ var AgentConversations = ({
 };
 
 // src/components/Chat/LatticeChatView.tsx
-import { useContext as useContext11 } from "react";
+import { useContext as useContext12 } from "react";
 
 // src/components/Chat/ChatSidebar.tsx
-import { useState as useState77, useMemo as useMemo33, useCallback as useCallback41 } from "react";
+import { useState as useState77, useMemo as useMemo34, useCallback as useCallback41 } from "react";
 import { Drawer as Drawer3, Avatar as Avatar14, Popover as Popover3, Button as Button56 } from "antd";
 import {
   History as History2,
@@ -31299,7 +31320,7 @@ var ChatSidebar = ({
     sidebarLogoIcon
   } = config;
   const isExpandedMode = sidebarMode === "expanded";
-  const menuItems = useMemo33(() => {
+  const menuItems = useMemo34(() => {
     const items = customMenuItems.length > 0 ? [...customMenuItems] : [...DEFAULT_MENU_ITEMS];
     return items.sort((a, b) => (a.order ?? 0) - (b.order ?? 0));
   }, [customMenuItems]);
@@ -31518,7 +31539,7 @@ var ChatSidebar = ({
 // src/components/Chat/LatticeChatView.tsx
 import { jsx as jsx122 } from "react/jsx-runtime";
 var LatticeChatView = (props) => {
-  const shellContext = useContext11(LatticeChatShellContext);
+  const shellContext = useContext12(LatticeChatShellContext);
   const { showSideMenu, sideMenuItems } = shellContext.config;
   const { assistantId, thread } = useConversationContext();
   const { currentAssistant } = useAssistantContext();
@@ -33282,6 +33303,7 @@ export {
   ProtectedRoute,
   RegisterForm,
   ScheduleButton,
+  SideAppBrowserContext,
   SideAppViewBrowser,
   SkillCategoryPrompts_default as SkillCategoryPrompts,
   SkillFlow_default as SkillFlow,
@@ -33325,6 +33347,8 @@ export {
   useEvalRuns,
   useEvalSuites,
   useLatticeChatShellContext,
+  useSideAppBrowser,
+  useSideAppOpener,
   useTenants,
   useUsers
 };