@axiom-lattice/react-sdk 2.1.74 → 2.1.76

package/dist/index.js

@@ -41,6 +41,7 @@ __export(index_exports, {
   AxiomLatticeProvider: () => AxiomLatticeProvider,
   ChangePasswordModal: () => ChangePasswordModal,
   ChannelInstallationsDrawerContent: () => ChannelInstallationsDrawerContent,
+  ChatSidebar: () => ChatSidebar,
   ChatUIContext: () => ChatUIContext,
   ChatUIContextProvider: () => ChatUIContextProvider,
   Chating: () => Chating,
@@ -48,7 +49,9 @@ __export(index_exports, {
   ConversationContext: () => ConversationContext,
   ConversationContextProvider: () => ConversationContextProvider,
   CreateAssistantModal: () => CreateAssistantModal_default,
+  DEFAULT_MENU_ITEMS: () => DEFAULT_MENU_ITEMS,
   DEFAULT_MIDDLEWARE_TYPES: () => DEFAULT_MIDDLEWARE_TYPES,
+  DEFAULT_WORKSPACE_MENU_ITEMS: () => DEFAULT_WORKSPACE_MENU_ITEMS,
   EvalPanel: () => EvalPanel,
   EvalRunResults: () => EvalRunResults,
   EvalSuiteCardList: () => EvalSuiteCardList,
@@ -1440,6 +1443,7 @@ var DEFAULT_CONFIG = {
   enableModelSelector: false,
   sidebarMode: "icon",
   sidebarDefaultExpanded: true,
+  workspaceMenuDefaultExpanded: true,
   sidebarShowToggle: true,
   sidebarShowNewAnalysis: true,
   sidebarLogoText: "Lattice"
@@ -20725,6 +20729,110 @@ var EvalPanel = () => {
 
 // src/components/Chat/WorkspaceResourceManager.tsx
 var import_jsx_runtime82 = require("react/jsx-runtime");
+var DEFAULT_WORKSPACE_MENU_ITEMS = [
+  {
+    id: "workspace_projects",
+    type: "route",
+    name: "Projects",
+    icon: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_lucide_react14.FolderOpen, { size: 20 }),
+    order: 0
+  },
+  {
+    id: "metrics",
+    builtin: "metrics",
+    type: "route",
+    name: "Metrics",
+    icon: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_lucide_react14.Activity, { size: 20 }),
+    order: 10,
+    group: "DataSource"
+  },
+  {
+    id: "database",
+    builtin: "database",
+    type: "route",
+    name: "Database",
+    icon: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_lucide_react14.Database, { size: 20 }),
+    order: 20,
+    group: "DataSource"
+  },
+  {
+    id: "topology-automations",
+    type: "route",
+    name: "Automations",
+    icon: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_lucide_react14.Share2, { size: 20 }),
+    order: 25,
+    group: "Process"
+  },
+  {
+    id: "topology-runtimes",
+    type: "route",
+    name: "Runtime",
+    icon: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_lucide_react14.History, { size: 20 }),
+    order: 26,
+    group: "Process"
+  },
+  {
+    id: "topology-inbox",
+    type: "route",
+    name: "Inbox",
+    icon: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_lucide_react14.Inbox, { size: 20 }),
+    order: 27,
+    group: "Process"
+  },
+  {
+    id: "eval",
+    type: "route",
+    name: "Eval",
+    icon: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_lucide_react14.FlaskConical, { size: 20 }),
+    order: 28,
+    group: "Process"
+  },
+  {
+    id: "assistants",
+    builtin: "assistants",
+    type: "route",
+    name: "Assistants",
+    icon: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_lucide_react14.Bot, { size: 20 }),
+    order: 30,
+    group: "Settings"
+  },
+  {
+    id: "skills",
+    builtin: "skills",
+    type: "route",
+    name: "Skills",
+    icon: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_lucide_react14.Zap, { size: 20 }),
+    order: 35,
+    group: "Settings"
+  },
+  {
+    id: "mcp",
+    builtin: "mcp",
+    type: "route",
+    name: "MCP",
+    icon: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_lucide_react14.Plug, { size: 20 }),
+    order: 40,
+    group: "Settings"
+  },
+  {
+    id: "tools",
+    builtin: "tools",
+    type: "route",
+    name: "Tools",
+    icon: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_lucide_react14.Wrench, { size: 20 }),
+    order: 50,
+    group: "Settings"
+  },
+  {
+    id: "switch_tenant",
+    builtin: "switch-tenant",
+    type: "action",
+    name: "Switch tenant",
+    icon: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_lucide_react14.Building2, { size: 20 }),
+    order: 900,
+    group: "Account"
+  }
+];
 var createWrapper = (Component) => {
   return () => /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Component, { ...{} });
 };
@@ -20794,120 +20902,13 @@ var WorkspaceResourceManager = ({
   }, []);
   const { user, logout, tenants, currentTenant, selectTenant, isLoading } = useAuth();
   const { setWorkspace, setProject } = useWorkspaceContext();
+  const { config } = useLatticeChatShellContext();
   const [tenantModalOpen, setTenantModalOpen] = (0, import_react71.useState)(false);
   const [changePasswordOpen, setChangePasswordOpen] = (0, import_react71.useState)(false);
   const menuItems = (0, import_react71.useMemo)(() => {
-    return [
-      // Projects - opens in SideApp via route type
-      // ProjectCardList fetches its own data
-      {
-        id: "workspace_projects",
-        type: "route",
-        name: "Projects",
-        icon: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_lucide_react14.FolderOpen, { size: 20 }),
-        order: 0
-      },
-      // DataSource Group
-      {
-        id: "metrics",
-        builtin: "metrics",
-        type: "route",
-        name: "Metrics",
-        icon: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_lucide_react14.Activity, { size: 20 }),
-        order: 10,
-        group: "DataSource"
-      },
-      {
-        id: "database",
-        builtin: "database",
-        type: "route",
-        name: "Database",
-        icon: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_lucide_react14.Database, { size: 20 }),
-        order: 20,
-        group: "DataSource"
-      },
-      // Process Group
-      {
-        id: "topology-automations",
-        type: "route",
-        name: "Automations",
-        icon: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_lucide_react14.Share2, { size: 20 }),
-        order: 25,
-        group: "Process"
-      },
-      {
-        id: "topology-runtimes",
-        type: "route",
-        name: "Runtime",
-        icon: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_lucide_react14.History, { size: 20 }),
-        order: 26,
-        group: "Process"
-      },
-      {
-        id: "topology-inbox",
-        type: "route",
-        name: "Inbox",
-        icon: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_lucide_react14.Inbox, { size: 20 }),
-        order: 27,
-        group: "Process"
-      },
-      {
-        id: "eval",
-        type: "route",
-        name: "Eval",
-        icon: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_lucide_react14.FlaskConical, { size: 20 }),
-        order: 28,
-        group: "Process"
-      },
-      // Settings Group
-      {
-        id: "assistants",
-        builtin: "assistants",
-        type: "route",
-        name: "Assistants",
-        icon: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_lucide_react14.Bot, { size: 20 }),
-        order: 30,
-        group: "Settings"
-      },
-      {
-        id: "skills",
-        builtin: "skills",
-        type: "route",
-        name: "Skills",
-        icon: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_lucide_react14.Zap, { size: 20 }),
-        order: 35,
-        group: "Settings"
-      },
-      {
-        id: "mcp",
-        builtin: "mcp",
-        type: "route",
-        name: "MCP",
-        icon: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_lucide_react14.Plug, { size: 20 }),
-        order: 40,
-        group: "Settings"
-      },
-      {
-        id: "tools",
-        builtin: "tools",
-        type: "route",
-        name: "Tools",
-        icon: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_lucide_react14.Wrench, { size: 20 }),
-        order: 50,
-        group: "Settings"
-      },
-      // Switch Tenant action
-      {
-        id: "switch_tenant",
-        builtin: "switch-tenant",
-        type: "action",
-        name: "Switch tenant",
-        icon: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_lucide_react14.Building2, { size: 20 }),
-        order: 900,
-        group: "Account"
-      }
-    ];
-  }, [workspaceName]);
+    const items = config.workspaceMenuItems?.length ? [...config.workspaceMenuItems] : [...DEFAULT_WORKSPACE_MENU_ITEMS];
+    return items.sort((a, b) => (a.order ?? 0) - (b.order ?? 0));
+  }, [config.workspaceMenuItems]);
   const handleItemClick = (item) => {
     if (item.type === "action" && item.builtin === "switch-tenant") {
       setTenantModalOpen(true);
@@ -20927,26 +20928,23 @@ var WorkspaceResourceManager = ({
         "topology-inbox": "workspace_topology_inbox",
         eval: "workspace_eval"
       };
-      const componentKey = componentKeyMap[item.id];
-      if (componentKey) {
-        openContentApp({
-          component_key: componentKey,
-          data: {},
-          message: item.name
-        });
-      }
+      const componentKey = componentKeyMap[item.id] ?? item.id;
+      openContentApp({
+        component_key: componentKey,
+        data: {},
+        message: item.name
+      });
     }
   };
   (0, import_react71.useEffect)(() => {
-    if (!hasOpenedDefault.current) {
+    if (!hasOpenedDefault.current && menuItems.length > 0) {
       hasOpenedDefault.current = true;
-      openContentApp({
-        component_key: "workspace_projects",
-        data: {},
-        message: "Projects"
-      });
+      const firstRoute = menuItems.find((item) => item.type === "route");
+      if (firstRoute) {
+        handleItemClick(firstRoute);
+      }
     }
-  }, [openContentApp]);
+  }, []);
   const userMenuItems = /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { style: { minWidth: 160 }, children: [
     /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { style: { padding: "8px 12px", borderBottom: "1px solid #f0f0f0" }, children: [
       /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { style: { fontWeight: 500 }, children: user?.name || user?.email }),
@@ -21001,7 +20999,7 @@ var WorkspaceResourceManager = ({
                 logo,
                 logoText: workspaceName || "Workspace",
                 showToggle: true,
-                defaultExpanded: true,
+                defaultExpanded: config.workspaceMenuDefaultExpanded ?? true,
                 collapsed: menuCollapsed,
                 onCollapsedChange: setMenuCollapsed,
                 footer: ({ isIconMode }) => user && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
@@ -30896,7 +30894,6 @@ var DRAWER_STYLES2 = {
   }
 };
 var DEFAULT_MENU_ITEMS = [
-  // First: New Analysis (action)
   {
     id: "new-analysis",
     builtin: "new-analysis",
@@ -30905,7 +30902,6 @@ var DEFAULT_MENU_ITEMS = [
     icon: /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(import_lucide_react33.PlusCircle, { size: 20 }),
     order: 0
   },
-  // Second: Thread History (inline drawer)
   {
     id: "thread-history",
     builtin: "thread-history",
@@ -30919,7 +30915,6 @@ var DEFAULT_MENU_ITEMS = [
     inlineDefaultExpanded: true,
     content: /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(ThreadHistoryMenuContent, {})
   }
-  // Project Files removed - now accessed via header toggle
 ];
 var ChatSidebar = ({
   onSettingsClick,
@@ -30941,10 +30936,7 @@ var ChatSidebar = ({
   } = config;
   const isExpandedMode = sidebarMode === "expanded";
   const menuItems = (0, import_react101.useMemo)(() => {
-    const items = [...DEFAULT_MENU_ITEMS];
-    for (const item of customMenuItems) {
-      items.push(item);
-    }
+    const items = customMenuItems.length > 0 ? [...customMenuItems] : [...DEFAULT_MENU_ITEMS];
     return items.sort((a, b) => (a.order ?? 0) - (b.order ?? 0));
   }, [customMenuItems]);
   const handleMenuClick = (0, import_react101.useCallback)(async (item) => {
@@ -32580,11 +32572,6 @@ var import_antd97 = require("antd");
 var import_lucide_react34 = require("lucide-react");
 var import_jsx_runtime126 = require("react/jsx-runtime");
 var { Text: Text47, Title: Title17 } = import_antd97.Typography;
-var MAPPING_MODE_OPTIONS = [
-  { label: "User", value: "user" },
-  { label: "Group", value: "group" },
-  { label: "Hybrid", value: "hybrid" }
-];
 var ChannelInstallationsDrawerContent = () => {
   const { get, post, put, del } = useApi();
   const [installations, setInstallations] = (0, import_react104.useState)([]);
@@ -32706,22 +32693,6 @@ var ChannelInstallationsDrawerContent = () => {
                 "ID: ",
                 installation.id
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)(Text47, { style: { fontSize: 13 }, children: [
-                "Assistant ID: ",
-                installation.config.assistantId
-              ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)(Text47, { style: { fontSize: 13 }, children: [
-                "Mapping Mode: ",
-                installation.config.mappingMode
-              ] }),
-              installation.config.workspaceId ? /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)(Text47, { style: { fontSize: 13 }, children: [
-                "Workspace ID: ",
-                installation.config.workspaceId
-              ] }) : null,
-              installation.config.projectId ? /* @__PURE__ */ (0, import_jsx_runtime126.jsxs)(Text47, { style: { fontSize: 13 }, children: [
-                "Project ID: ",
-                installation.config.projectId
-              ] }) : null,
               webhookPath ? /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(Text47, { code: true, style: { fontSize: 12 }, children: webhookPath }) : /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(Text47, { type: "secondary", style: { fontSize: 12 }, children: "Unsupported channel configuration UI" })
             ]
           }
@@ -32777,23 +32748,17 @@ var LarkChannelInstallationFormModal = ({ installation, open, post, put, onCance
   const [form] = import_antd97.Form.useForm();
   (0, import_react104.useEffect)(() => {
     if (installation) {
+      const config = installation.config;
       form.setFieldsValue({
         name: installation.name,
-        appId: installation.config.appId,
-        appSecret: installation.config.appSecret,
-        verificationToken: installation.config.verificationToken,
-        encryptKey: installation.config.encryptKey,
-        mappingMode: installation.config.mappingMode,
-        assistantId: installation.config.assistantId,
-        workspaceId: installation.config.workspaceId,
-        projectId: installation.config.projectId
+        appId: config.appId,
+        appSecret: config.appSecret,
+        verificationToken: config.verificationToken,
+        encryptKey: config.encryptKey
       });
       return;
     }
     form.resetFields();
-    form.setFieldsValue({
-      mappingMode: "hybrid"
-    });
   }, [installation, form]);
   const handleSubmit = async () => {
     const values = await form.validateFields();
@@ -32801,11 +32766,7 @@ var LarkChannelInstallationFormModal = ({ installation, open, post, put, onCance
       appId: values.appId,
       appSecret: values.appSecret,
       verificationToken: values.verificationToken,
-      encryptKey: values.encryptKey,
-      mappingMode: values.mappingMode,
-      assistantId: values.assistantId,
-      workspaceId: values.workspaceId,
-      projectId: values.projectId
+      encryptKey: values.encryptKey
     };
     try {
       if (installation) {
@@ -32878,27 +32839,7 @@ var LarkChannelInstallationFormModal = ({ installation, open, post, put, onCance
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(import_antd97.Form.Item, { name: "verificationToken", label: "Verification Token", children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(import_antd97.Input, {}) }),
-        /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(import_antd97.Form.Item, { name: "encryptKey", label: "Encrypt Key", children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(import_antd97.Input, {}) }),
-        /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
-          import_antd97.Form.Item,
-          {
-            name: "mappingMode",
-            label: "Mapping Mode",
-            rules: [{ required: true, message: "Mapping Mode is required" }],
-            children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(import_antd97.Select, { options: MAPPING_MODE_OPTIONS })
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
-          import_antd97.Form.Item,
-          {
-            name: "assistantId",
-            label: "Assistant ID",
-            rules: [{ required: true, message: "Assistant ID is required" }],
-            children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(import_antd97.Input, {})
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(import_antd97.Form.Item, { name: "workspaceId", label: "Workspace ID", children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(import_antd97.Input, {}) }),
-        /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(import_antd97.Form.Item, { name: "projectId", label: "Project ID", children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(import_antd97.Input, {}) })
+        /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(import_antd97.Form.Item, { name: "encryptKey", label: "Encrypt Key", children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(import_antd97.Input, {}) })
       ] })
     }
   );
@@ -32915,6 +32856,7 @@ var LarkChannelInstallationFormModal = ({ installation, open, post, put, onCance
   AxiomLatticeProvider,
   ChangePasswordModal,
   ChannelInstallationsDrawerContent,
+  ChatSidebar,
   ChatUIContext,
   ChatUIContextProvider,
   Chating,
@@ -32922,7 +32864,9 @@ var LarkChannelInstallationFormModal = ({ installation, open, post, put, onCance
   ConversationContext,
   ConversationContextProvider,
   CreateAssistantModal,
+  DEFAULT_MENU_ITEMS,
   DEFAULT_MIDDLEWARE_TYPES,
+  DEFAULT_WORKSPACE_MENU_ITEMS,
   EvalPanel,
   EvalRunResults,
   EvalSuiteCardList,